https://www.szf-jfs.ch/_assets/29aa1c0899300b956c140a0a9366eb91/JavaScript/Urban.js?1791211875

1(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
2// Import basic js
3require('./frontend');
4// Import template specific js
5require('./templatestyles/urban/urban');
6},{"./frontend":3,"./templatestyles/urban/urban":12}],2:[function(require,module,exports){
7// Components
8},{}],3:[function(require,module,exports){
9// Components
10require('./components/components');
11},{"./components/components":2}],4:[function(require,module,exports){
12document.addEventListener('DOMContentLoaded', function() {
13
14    let sliderArrow = typeof webmagazinSliderArrow !== 'undefined' ? webmagazinSliderArrow : '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>';
15    $('.printed-issues-further-issues-slider').slick({
16        dots: false,
17        infinite: false,
18        speed: 300,
19        slidesToShow: 4,
20        slidesToScroll: 1,
21        centerMode: false,
22        prevArrow: `<button type="button" class="slick-prev slick-arrow">${sliderArrow}</button>`,
23        nextArrow: `<button type="button" class="slick-next slick-arrow">${sliderArrow}</button>`,
24        responsive: [
25            {
26                breakpoint: 1024,
27                settings: {
28                    slidesToShow: 3,
29                    infinite: true
30                }
31            },
32            {
33                breakpoint: 600,
34                settings: {
35                    slidesToShow: 2,
36                    slidesToScroll: 1
37                }
38            },
39            {
40                breakpoint: 480,
41                settings: {
42                    slidesToShow: 1,
43                    slidesToScroll: 1
44                }
45            }
46        ]
47    });
48
49});
50},{}],5:[function(require,module,exports){
51// Components
52require('./header/js/header');
53require('./slider/js/slider');
54require('./archive/js/slider');
55},{"./archive/js/slider":4,"./header/js/header":6,"./slider/js/slider":7}],6:[function(require,module,exports){
56document.addEventListener(
57    "DOMContentLoaded", () => {
58        let header = document.querySelector('#header');
59        let navbarTop = document.querySelector("#mmenuContents .navbar-top-content");
60        let backbtn = document.querySelector('#mmenuContents .menu-back').innerHTML;
61
62        // Initialize sticky header
63        new Mhead( "#header", {
64            hide: header.dataset.mheadHide ?? 100
65        });
66
67        // Initialize navigation
68        new Mmenu( "#mainNavigation", {
69            "offCanvas": {
70                "position": "right-front"
71            },
72            "theme": "white-contrast",
73            "navbars": [
74                {
75                    "position": "top",
76                    "content": [
77                        (navbarTop) ? navbarTop.outerHTML : '',
78                        "prev",
79                    ]
80                }
81            ],
82        });
83
84        mmenuBackBtns = document.querySelectorAll('#mainNavigation .mm-btn--prev');
85        mmenuBackBtns.forEach((btn) => {
86            btn.innerHTML = backbtn;
87        })
88    }
89);
90},{}],7:[function(require,module,exports){
91(function($) {
92  window.addEventListener('load', function() {
93
94    let sliders = document.querySelectorAll('.slick-slider');
95
96    sliders.forEach(function(element) {
97      if(element.classList.contains('printed-issues-further-issues-slider')) return;
98      if (element.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.classList.contains('frame-type-1-column-container')) {
99        $(element).slick();
100      } else {
101        $(element).slick({
102          variableWidth: true,
103          centerMode: true,
104          slideToShow: 1,
105          slidesToScroll: 1,
106          prevArrow: `<button type="button" class="slick-prev slick-arrow">${webmagazinSliderArrow}</button>`,
107          nextArrow: `<button type="button" class="slick-next slick-arrow">${webmagazinSliderArrow}</button>`
108        });
109      }
110    });
111  });
112})(jQuery);
113
114},{}],8:[function(require,module,exports){
115// Modules
116require('./news/js/news');
117require('./solr/js/solr');
118
119},{"./news/js/news":10,"./solr/js/solr":11}],9:[function(require,module,exports){
120const initializeLazyLoading = (list, loadMoreBtn) => {
121

122    loadMoreBtn.addEventListener("click", function(event) {
123
124        event.preventDefault();
125        loadMoreBtn.classList.add("isLoading");
126        loadMoreBtn.disabled = true;
127
128        fetch(this.dataset.link)
129            .then(function (response) {
130                return response.text();
131            })
132            .then(function (html) {
133
134                html = new DOMParser().parseFromString(html, 'text/html');
135                let newArticles = html.querySelectorAll('.articleList > ul > .articleListItem__article');
136                let newBtn = html.querySelector('.articleList__loadMore > a');
137
138                newArticles.forEach(function(article){
139                    list.appendChild(article);
140                });
141
142                // Override ajax urls if needed, remove btn if there is no next page
143                if(newBtn){
144                    loadMoreBtn.dataset.link = newBtn.dataset.link;
145                    loadMoreBtn.href = newBtn.href;
146                    loadMoreBtn.classList.remove("isLoading");
147                    loadMoreBtn.blur();
148                    loadMoreBtn.disabled = false;
149                } else {
150                    loadMoreBtn.parentNode.removeChild(loadMoreBtn);
151                }
152            })
153            .catch(function (err) {
154                loadMoreBtn.classList.remove("isLoading");
155                loadMoreBtn.disabled = false;
156                console.warn('Something went wrong.', err);
157            });
158    });
159};
160
161const initializeArticleList = () => {
162
163    const list = document.querySelector(`.articleList > ul`);

164    const loadMoreBtn = document.querySelector(".articleList__loadMore > a");
165
166    if(list){
167        if(loadMoreBtn) initializeLazyLoading(list, loadMoreBtn);
168    }
169};
170
171initializeArticleList();
172},{}],10:[function(require,module,exports){
173require('./list');
174},{"./list":9}],11:[function(require,module,exports){
175jQuery("body").on("tx_solr_updated", reinitFocusPointsAfterSolrAjaxUpdate);
176
177// Reinitialize focus points after a Solr AJAX update on pagination.
178function reinitFocusPointsAfterSolrAjaxUpdate() {
179    let focusImages = jQuery('.focuspoint');
180    if(focusImages.length) {
181        focusImages.focusPoint();
182    }
183}
184},{}],12:[function(require,module,exports){
185// Components
186require('./components/components');
187// Modules
188require('./modules/modules');
189},{"./components/components":5,"./modules/modules":8}]},{},[1])
190//# sourceMappingURL=Urban.js.map