https://e-steiermark.com/_assets/0a33460dc0a07202ce98b9348eacfce6/JavaScript/navigation.js?1784793159

1$(document).ready(function(){
2    let selected;
3
4    if($('.header-hero').length > 0) {
5        $('body').addClass('transparent-header small-topSpace');
6    }
7
8    $(window).scroll(function() {
9        if($(this).scrollTop() > 20) {
10            $('body').removeClass('transparent-header');
11        } else {
12            if($('.header-hero').length > 0) {
13                $('body').addClass('transparent-header');
14            }
15        }
16    })
17
18    // ********************
19    // SEARCH FUNCTIONALITY
20    // ********************
21    $(document).on('click', '#search', function (e) {
22        if($('#subSearch').hasClass('closed')) {
23            $('#subSearch').removeClass('closed');
24            $('#tx-indexedsearch-searchbox-sword').focus();
25        } else {
26            $('#subSearch form #searchSubmit').click();
27        }
28    })
29    $('#search, #mobile-search').on('keydown', function(e) {
30        let key = e.which;
31        if(key === 13) {
32            e.preventDefault();
33            $(this).click();
34        }
35    });
36    $('#search-page-search').click(function() {
37        $('#tx-indexedsearch-searchbox-sword').val($(this).parents('.search-input').find('input').val());
38        $('#subSearch form #searchSubmit').click();
39    });
40    $('#search-page-input').on('keypress', function(e) {
41        let searchtext = $(this).parents('.search-input').find('input').val();
42        if(e.key === "Enter") {
43            if(searchtext === " " || searchtext === "") {
44                searchtext = "%20";
45            }
46            $('#tx-indexedsearch-searchbox-sword').val(searchtext);
47            $('#subSearch form #searchSubmit').click();
48        }
49    })
50    $('#mobile-search').click(function() {
51        if($('#subSearch-mobile').hasClass('closed')) {
52            $('#subSearch-mobile').removeClass('closed');
53            $('#tx-indexedsearch-searchbox-mobile-sword').focus();
54        } else {
55            $('#subSearch-mobile form #searchSubmit-mobile').click();
56        }
57    });
58
59
60
61    //search desktop
62    $('#tx-indexedsearch-form').on("submit", function (e) {
63        e.preventDefault();
64        let searchtext = $('#tx-indexedsearch-form input[type="text"]').val();
65        let searcharray = new Array("serviceportal", "service", "daten ändern", "kundendaten ändern", "rechnungsadresse", "rechnung", "rechnungen", "teilzahlungsbetrag ändern", "tzb", "teilzahlungsbetrag", "verbrauchsstatistik", "umzug", "umziehen", "umzugsservice", "ummelden");
66
67        if (searchtext.toLowerCase() == "kontakt") {
68            $root.animate({scrollTop: $('#kontakt').offset().top}, 500);
69            e.preventDefault();
70        }
71
72        if (~searcharray.indexOf(searchtext.toLowerCase())) {
73            localStorage.setItem('searchTermInArray', '1');
74        } else {
75            localStorage['searchTermInArray'] = '0';
76        }
77
78        if(searchtext === " " || searchtext === "") {
79            searchtext = "%20";
80        }
81        window.location.href = e.target.action + "/query/" + searchtext;
82    });
83
84    //search mobile
85    $('#tx-indexedsearch-mobile-form').on("submit", function (e) {
86        e.preventDefault();
87        let searchtext = $('#tx-indexedsearch-mobile-form input[type="text"]').val();
88        let searcharray = new Array("serviceportal", "service", "daten ändern", "kundendaten ändern", "rechnungsadresse", "rechnung", "rechnungen", "teilzahlungsbetrag ändern", "tzb", "teilzahlungsbetrag", "verbrauchsstatistik", "umzug", "umziehen", "umzugsservice", "ummelden");
89
90        if (searchtext.toLowerCase() == "kontakt") {
91            $root.animate({scrollTop: $('#kontakt').offset().top}, 500);
92            e.preventDefault();
93        }
94
95        if (~searcharray.indexOf(searchtext.toLowerCase())) {
96            localStorage.setItem('searchTermInArray', '1');
97        } else {
98            localStorage['searchTermInArray'] = '0';
99        }
100
101        if(searchtext === " " || searchtext === "") {
102            searchtext = "%20";
103        }
104        window.location.href = e.target.action + "/query/" + searchtext;
105    });

106
107    modifySearchResults();
108
109
110    // *****************
111    // NAV FUNCTIONALITY
112    // *****************
113    $('.burger .burger-menu').click(function () {
114        $(this).toggleClass('active');
115        $('.mobile .sidemenu').toggleClass('open');
116        $('.mobile .sidemenu').find('.open').removeClass('open');
117        $('#container').toggleClass('menuOpen');
118    });
119
120    $('.megaNavC').mouseleave(function () {
121        selected.trigger('mouseleave');
122    });
123
124    $('.mainNavLink').click(function () {
125        $(this).addClass('active');
126        $('.subNavLinkC, .mainNavLink').removeClass('active');
127        $('.megaNavC .megaNav').hide();
128    });
129
130    $('.mainNavLink').mouseenter(function () {
131        let el = $(this);
132        if (!el.hasClass('active')) {
133            $('.mainNavLink').removeClass('menuHover');
134        }
135        el.addClass('hovered');
136        $('header').addClass('menuOpen');
137
138        $('.megaNavC .megaNav').hide();
139    });
140    $('.mainNavLink').mouseleave(function () {
141        $(this).removeClass('hovered');
142        $('.mainNavLink.active').removeClass('menuHover');
143        $('header').removeClass('menuOpen');
144    });
145
146    $('.subNavLink.mega .megaC').each(function () {
147        let $megaLinkItems = $(this).find('.navLink');
148        if ($megaLinkItems.length > 0 && $megaLinkItems.length < 5) {
149            $(this).prepend('<div class="megaRow"></div>');
150            $megaLinkItems.detach().appendTo($(this).find('.megaRow'));
151            $(this).find('.left,.right,.center').remove();
152        }
153    });
154    $('.subNavLink').mouseenter(function () {
155        $('.subNavLink').removeClass('hovered');
156
157        let el = $(this);
158        selected = el;
159
160        if (!el.hasClass('active')) {
161            $('.subNavLink.active').addClass('menuHover');
162        }
163        $('header').addClass('menuOpen');
164
165        $('.subNavLink').not('.active').removeClass('hovered');
166        $(el).not('.active').addClass('hovered');
167
168        if ($(el).find('.megaC').length > 0) {
169            $('.megaNavC .megaNav').html($(el).find('.megaC').html());
170            $('.megaNavC .megaNav').show();
171            $('body').addClass('menuOpen');
172        } else {
173            $('.megaNavC .megaNav').hide();
174            $('body').removeClass('menuOpen');
175        }
176    });
177    $('.subNavLink').mouseleave(function () {
178        $('.subNavLink.active').removeClass('menuHover');
179    });
180
181    $('.mobile-menu .subNavLink.mega > a, .mobile-menu .subNavLink.mega > button').click(function(e) {
182        e.preventDefault();
183        $(this).parents('.subNavLink').find('.megaC').addClass('open');
184    });
185    $('.mobile-menu .subNavLink.mega .mega-main-menu a, .mobile-menu .subNavLink.mega .mega-main-menu button').click(function(e) {
186        let el = $(this);
187        let searchId = "sub-menu-id-" + $(el).data('id');
188        let flag_found = false;
189
190        $('.mobile-menu .megaNavCol.subItem').each(function() {
191            if($(this).attr('id') === searchId) {
192                $(this).addClass('open');
193                flag_found = true;
194            }
195        });
196
197        if(flag_found) {
198            e.preventDefault();
199        }
200    });
201
202    $('.mobile-back-link').click(function(e) {
203        e.preventDefault();
204
205        if($(this).hasClass('top-level')) {
206            $(this).parents('.megaC').removeClass('open');
207        } else {
208            $(this).parents('.subItem').removeClass('open');
209        }
210    });
211
212    $(document).on('keydown', '.mega', function(e) {
213        let key = e.which;
214        if(e.keyCode === 13) {
215            e.preventDefault();
216
217            let el = $(this);
218            selected = el;
219
220            $('.subNavLink').removeClass('hovered');
221
222            if($(this).parents('.mega-main-menu').length > 0) {
223                $('.mega-main-menu li a').removeClass('hovered');
224
225                $(el).not('.active').addClass('hovered');
226
227                let searchId = "sub-menu-id-" + $(el).data('id');
228                $('.megaNavCol.subItem').each(function() {
229                    $(this).hide();
230
231                    if($(this).attr('id') === searchId) {
232                        $(this).show();
233                    }
234                });
235            } else {
236                if (!el.hasClass('active')) {
237                    $('.subNavLink.active').addClass('menuHover');
238                    $('header').addClass('menuOpen');
239                }
240
241                $('.subNavLink').not('.active').removeClass('hovered');
242                $(el).not('.active').addClass('hovered');
243
244                if ($(el).find('.megaC').length > 0) {
245                    $('.megaNavC .megaNav').html($(el).find('.megaC').html());
246                    $('.megaNavC .megaNav').show();
247                    $('.megaNavC .megaNav .megaNavCol:first-child .mega-main-menu li:first-child a, .megaNavC .megaNav .megaNavCol:first-child .mega-main-menu li:first-child button').first().focus();
248                    $('body').addClass('menuOpen');
249                } else {
250                    $('.megaNavC .megaNav').hide();
251                    $('body').removeClass('menuOpen');
252                }
253            }
254        }
255    });

256
257    $('nav').mouseleave(function () {
258        $('.megaNavC .megaNav').hide();
259        $('.mega-main-menu li a, .mega-main-menu li button').removeClass('hovered');
260        $('header, body').removeClass('menuOpen');
261        $('.subNavLink').removeClass('hovered');
262    });
263
264    $(document).on('mouseenter','.mega-main-menu li a, .mega-main-menu li button', function () {
265        $('.mega-main-menu li a, .mega-main-menu li button').removeClass('hovered');
266
267        let el = $(this);
268        let searchId = "sub-menu-id-" + $(el).data('id');
269        $(el).not('.active').addClass('hovered');
270
271        $('.megaNavCol.subItem').each(function() {
272            $(this).hide();
273
274            if($(this).attr('id') === searchId) {
275                $(this).show();
276            }
277        });
278    });
279
280    $(document).on('mouseenter','.mega-sub-menu li a, .mega-sub-menu li button', function () {
281        $(this).not('.active').addClass('hovered');
282    });
283    $(document).on('mouseleave','.mega-sub-menu li a, .mega-sub-menu li button', function () {
284        $(this).removeClass('hovered');
285    });
286
287
288    // *************************************
289    // Page Tab Navigation (Geschäftskunden)
290    // *************************************
291    $(document).on('click', '.page-navC .page-nav .page-nav-link', function (e) {
292        e.preventDefault();
293
294        $(".page-navC .page-nav .page-nav-link").removeClass("active");
295        $(this).addClass("active");
296
297        let url = $(this).data('url');
298        let $ajaxWrapper = $(this).parents('.frame').find(".page-nav-content");
299
300        $.get(url, function (data) {
301            $ajaxWrapper.replaceWith($(data));
302            initTarifrechner();
303        });
304    });
305
306    if($('.page-navC').length > 0) {
307        let cummulativeWidth = 0;
308        $('.page-navC ul li').each(function() {
309            cummulativeWidth += $(this).innerWidth() + 20;
310        });
311        $('.page-navC ul').css('width', cummulativeWidth - 20);
312    }
313})
314
315function modifySearchResults() {
316    var el = $('div.tx-indexedsearch-res')[0];
317    if ($('body').hasClass("search-page")) {
318        if (checkSearchTerm() && el) {
319            var firstSearchElement = prepareSearchElement(clone = true)
320            firstSearchElement.insertBefore('body.search-page div.tx-indexedsearch-res:first-of-type');
321        } else if (checkSearchTerm()) {
322            var firstSearchElement = prepareSearchElement(clone = false)
323            $('#search-result-wrapper').append(firstSearchElement);
324            $('#search-result-wrapper p:nth-of-type(3)').hide();
325        }
326    }
327}
328
329function checkSearchTerm() {
330    var bool = localStorage.getItem('searchTermInArray');
331    if (bool === '1') {
332        return true;
333    } else {
334        return false;
335    }
336}
337
338function prepareSearchElement(clone) {
339    if (clone) {
340        var firstSearchElement = $('body.search-page div.tx-indexedsearch-res:first-of-type').clone();
341    } else {
342        var firstSearchElement = $('<div class="tx-indexedsearch-res"><h3><span class="tx-indexedsearch-title"></span></h3><p class="tx-indexedsearch-description"></p></div>');
343    }
344    $('h3 span', firstSearchElement).html('<a href="https://service.e-steiermark.com/" target="_blank">Serviceportal der Energie Steiermark</a>');
345    $('p', firstSearchElement).html('Hier finden Sie alles zu Ihren <strong>Kundendaten</strong>, können Ihre aktuellen <strong>Rechnungen</strong> einsehen oder auch Ihren <strong>Teilzahlungsbetrag</strong> anpassen. Ebenfalls steht Ihnen im <strong>Serviceportal</strong> Ihre <strong>Verbrauchsstatistik</strong> der letzten Jahre zur Verfügung und Sie können mit dem <strong>Umzugsservice</strong> Ihre <strong>Energieprodukte einfach ummelden</strong>.');
346
347    return firstSearchElement;
348}