https://metropolregion-stettin.eu/typo3temp/assets/compressed/merg…311034f9941cb1077aa013056b676.js?1686309901

1
2$(document).ready(function () {
3
4    $('.uk-dropdown a').on('click', function() {
5        UIkit.dropdown($(this).closest('.uk-dropdown')).hide();
6    });
7
8    $('[uk-offcanvas] .anchor-nav a').on('click', function() {
9        UIkit.offcanvas($(this).closest('[uk-offcanvas]')).hide();
10    });
11
12    $('.anchor-nav a, #scrollspy-nav a').on('click', function() {
13        var selector = '#' + $(this).attr('href').split('#')[1];
14        UIkit.scroll('', {offset: 40}).scrollTo(selector);
15    });
16
17    if($('#header.onepager').length) {
18        $('#header.onepager #mainnavigation .uk-navbar-nav a, #header.onepager #mobilenavigation a').each(function () {
19            var hash = $(this).attr('href').substring($(this).attr('href').indexOf('#'));
20            if(hash) {
21                $(this).attr('href', hash);
22            }
23        });
24    }
25
26    if(window.location.hash) {
27        var hash = window.location.hash;
28        if($(hash).length) {
29            setTimeout(function () {
30                var accordion = $(hash).find('.uk-accordion');
31                if(false) {
32                    if(!accordion.find('li').hasClass('uk-open')) {
33                        UIkit.accordion(accordion).toggle(0);
34                    }
35                }
36                var accordionItem = $(hash);
37                if(accordionItem.hasClass('uk-accordion-content')) {
38                    accordionItem.closest('li').toggleClass('uk-open', true);
39                    accordionItem.removeAttr('hidden');
40                    setTimeout(function () {
41                        UIkit.scroll('', {offset: 40}).scrollTo(hash);
42                    }, 200);
43                } else {
44                    setTimeout(function () {
45                        UIkit.scroll('', {offset: 40}).scrollTo(hash);
46                    }, 200);
47                }
48                var itemInSwitcher = $(hash);
49                if(itemInSwitcher.closest('.switcher-item').length) {
50                    if(itemInSwitcher.closest('.switcher-item').index() > 0) {
51                        var switcherId = itemInSwitcher.closest('.uk-switcher').attr('id');
52                        UIkit.switcher('[data-switcher-id="' + switcherId + '"]').show(itemInSwitcher.closest('.switcher-item').index());
53                        setTimeout(function () {
54                            UIkit.scroll('', {offset: 40}).scrollTo(hash);
55                        }, 200);
56                    }
57                }
58            }, 100);
59        }
60    }
61
62    $('#scrollspy-nav').find('a').each(function () {
63        $(this).attr('href', '#' + $(this).attr('href').split('#')[1]);
64    });
65
66    UIkit.util.on('.uk-accordion', 'shown', function () {
67        var frame = $(this).find('.accordion-item.uk-open');
68        if(frame) {
69            UIkit.scroll('', {offset: 40}).scrollTo(frame);
70        }
71    });
72
73    var changeOffcanvasTrigger = function (event = 'shown', state = false) {
74        UIkit.util.on('.uk-offcanvas', event, function () {
75            if($(this).attr('id')) {
76                var toggle = $('[uk-toggle="target: #' + $(this).attr('id') + '"]');
77                if(toggle.length) {
78                    toggle.find('.custom-close').toggleClass('uk-hidden', state);
79                    toggle.find('.uk-icon:not(.custom-close)').toggleClass('uk-hidden', !state);
80                }
81            }
82        });
83    };
84    changeOffcanvasTrigger('shown', false);
85    changeOffcanvasTrigger('hidden', true);
86
87    var newsDateFilter = function () {
88        $('.news-menu-view').find('a').on('click', function (e) {
89            e.preventDefault();
90            var url = $(this).attr('href');
91            var value = $(this).find('.select-value');
92            if(value.length) {
93                value = value.text()
94                $(this).closest('.dropdown-container').find('button.uk-input > span:first-child').html(value);
95                UIkit.dropdown($(this).closest('[uk-dropdown]')).hide();
96            }
97            $('#date-filter-loading').toggleClass('uk-hidden', false);
98            $.ajax({
99                type: 'POST',
100                url: url
101            }).done(function (response) {
102                $('#subpage-content').html($(response).find('#subpage-content').html());
103                newsDateFilter();
104                $('#date-filter-loading').toggleClass('uk-hidden', true);
105            });
106        });
107    };
108
109    if($('.news-menu-view').length) {
110        $('.news-menu-view').find('a').unbind('click');
111        newsDateFilter();
112    }
113
114    $('.news').on('click', '.paginate-next a', function (e) {
115        e.preventDefault();
116        paginateNews(this, '#' + $(this).closest('.news').find('.paginated-news').attr('id'));
117        return false;

118    });
119
120    AddReadMore('.frame-type-w3-cols11 .addReadMore');
121    AddReadMore('.frame-type-w3-cols11-reverse .addReadMore');
122
123});
124
125
126function paginateNews(element, selector) {
127    $(element).addClass('pointer-events-none');
128    $(element).html('<span class="uk-margin-small-right" uk-spinner="ratio: 0.6"></span><span>Artikel werden geladen</span>');
129    $.ajax({
130        type: 'POST',
131        url: $(element).attr('href')
132    }).done(function (response) {
133        var newsList = $(response).find(selector);
134        $(selector).append(newsList.html());
135        var paginate = $(response).find(selector).next('.paginate-next');
136        if(paginate.length) {
137            $(selector).next('.paginate-next').html(paginate.html());
138        } else {
139            $(selector).next('.paginate-next').remove();
140        }
141        setTimeout(function () {
142            UIkit.scroll('', {offset: 60}).scrollTo('#' + newsList.find('div:first-child').attr('id'));
143        }, 150);
144    });
145}
146
147
148const readMore = [];
149
150function filterItem(items, searchVal) {
151    return items.filter((item) => Object.values(item).includes(searchVal))[0];
152}
153
154function AddReadMore(selector) {
155    let carLmt = 1000;
156    let readMoreTxt = {
157        de: 'Mehr lesen',
158        pl: 'Dowiedz się więcej'
159    };
160    let readLessTxt = {
161        de: 'Weniger lesen',
162        pl: 'Czytaj mniej'
163    };
164    let language = $('html').attr('lang');
165    if(language === 'pl-PL') {
166        readMoreTxt = readMoreTxt.pl;
167        readLessTxt = readLessTxt.pl;
168    } else {
169        readMoreTxt = readMoreTxt.de;
170        readLessTxt = readLessTxt.de;
171    }
172
173    $(selector).each(function() {
174        let allstr = $(this).text();
175        if (allstr.length > carLmt) {
176            let firstSet = allstr.substring(0, carLmt);
177            let secdHalf = allstr.substring(carLmt, allstr.length);
178            readMore.push({
179                id: '#' + $(this).closest('[id]').attr('id'),
180                less: firstSet,
181                more: $(this).html()
182            });
183            let strtoadd = firstSet + "<span class='SecSec'>" + secdHalf + "</span><span class='readMore'>...<a title='Klicken, um mehr zu lesen'>" + readMoreTxt + "</a></span><span class='readLess'><a title='Klicken, um weniger zu lesen'>" + readLessTxt + "</a></span>";
184            $(this).html(strtoadd);
185        }
186    });
187    $(document).on("click", ".readMore a", function() {
188        let container = changeTextByReadMore(this, 'more', "<span class='readLess'><a title='Klicken, um weniger zu lesen'>" + readLessTxt + "</a></span>");
189        changeGridByReadMore(container);
190    });
191    $(document).on("click", ".readLess a", function() {
192        let container = changeTextByReadMore(this, 'less', "<span class='readMore'>...<a title='Klicken, um mehr zu lesen'>" + readMoreTxt + "</a></span>");
193        changeGridByReadMore(container);
194    });
195}
196
197function changeTextByReadMore(element, text, trigger) {
198    let container = $(element).closest('.addReadMore');
199    container.toggleClass('showlesscontent showmorecontent');
200    container.html(filterItem(readMore, '#' + $(element).closest('[id]').attr('id'))[text] + trigger);
201    return container;
202}
203
204function changeGridByReadMore(container) {
205    let grid = container.closest(".uk-grid.uk-flex");
206    let last = $(grid).find('.flex-last');
207    if(grid.length) {
208        grid.toggleClass("uk-flex-middle");
209        let column = container.closest(".uk-first-column");
210        if(column.length) {
211            if(last.length) {
212                grid.find('> div:first-child').toggleClass('uk-width-1-3@m');
213                grid.find('> div:last-child').toggleClass('uk-width-2-3@m');
214            } else {
215                grid.find('> div:first-child').toggleClass('uk-width-2-3@m');
216                grid.find('> div:last-child').toggleClass('uk-width-1-3@m');
217            }
218        } else {
219            if(last.length) {
220                grid.find('> div:first-child').toggleClass('uk-width-2-3@m');
221                grid.find('> div:last-child').toggleClass('uk-width-1-3@m');
222            } else {
223                grid.find('> div:first-child').toggleClass('uk-width-1-3@m');
224                grid.find('> div:last-child').toggleClass('uk-width-2-3@m');
225            }
226        }
227    }
228}