https://www.dvv-dessau.de/wp-content/themes/Dessau/assets/js/stickysidebar.js

1var links = [];
2function showTab(element)
3{
4   
5//document.querySelector('.tab').classList.add('tab-inactive');
6  console.log(element);
7  var sidebarContainer = document.querySelector('.sidebar-container');
8  if(!sidebarContainer.classList.contains('sidebar-open'))
9  {
10    sidebarContainer.classList.add('sidebar-open');
11   
12    links = [element,element];
13    console.log(links);
14  }
15  else
16  {
17      links.push(element);
18      links.shift();
19      console.log(links);
20  }
21 
22  var tabToOpen = '#tab-' + links[1];
23  var tabToClose = '#tab-' + links[0];
24  console.log('tab to open:'+tabToOpen+' tab to close:'+tabToClose);
25 
26 
27  if(tabToOpen!=tabToClose)
28  {
29  document.querySelector(tabToOpen).classList.add('tab-active');
30  document.querySelector(tabToClose).classList.remove('tab-active');
31  }
32  else
33  {
34    document.querySelector(tabToOpen).classList.add('tab-active');
35  }
36  var closer = document.querySelector('.closer');
37  closer.style.display='block';
38}
39function closeTab()
40{
41    var sidebarContainer = document.querySelector('.sidebar-container');
42    if(sidebarContainer.classList.contains('sidebar-open'))
43  {
44      console.log('gut');
45    sidebarContainer.classList.remove('sidebar-open');
46    var closer = document.querySelector('.closer');
47    closer.style.display='none';
48  }
49}
50
51
52// new sidebar
53
54var $ = jQuery;
55var toggler = document.querySelector("#toggler");
56var icon = document.querySelector("#toggler-icon > i");
57 $(window).resize(function () {
58  checkWidth();
59  if(icon.classList.contains('fa-angle-double-right')){
60    icon.classList.remove("fa-angle-double-right");
61    icon.classList.add("fa-angle-double-left");
62  }
63  });
64 $(window).ready(function () {
65  checkWidth();
66  changeTab();
67 });
68function checkWidth(){  
69  if ($('body').width() > 0) 
70  {
71    closeSideBar();
72    toggler.classList.add("toggler-opened");
73  }
74  else
75  {
76    if(sidebar.classList.contains('closed'))
77    {
78    openSideBar();
79    }
80    if(toggler.classList.contains("toggler-opened"))
81    {
82      toggler.classList.remove("toggler-opened");
83    }
84  }
85  
86} 
87var sidebar = document.querySelector("#sidebar");
88function closeSideBar()
89  {
90    
91    sidebar.classList.add('closed');
92  }
93function openSideBar(){
94  sidebar.classList.remove('closed');  
95}   
96function toggleSideBar() 
97{
98  var element = document.getElementById("sidebar");
99
100  if (element.classList) { 
101    element.classList.toggle("closed");
102    if(icon.classList.contains('fa-angle-double-left')){
103      icon.classList.remove("fa-angle-double-left");
104      icon.classList.add("fa-angle-double-right");
105    }
106    else if(icon.classList.contains('fa-angle-double-right')){
107      icon.classList.remove("fa-angle-double-right");
108      icon.classList.add("fa-angle-double-left");
109
110    }
111  } 
112  else {
113    var classes = element.className.split(" ");
114    var i = classes.indexOf("closed");
115
116    if (i >= 0) 
117      classes.splice(i, 1);
118    else 
119      classes.push("closed");
120      element.className = classes.join(" "); 
121  }
122}
123/* Datel Tab link */
124// let fahrPlan = document.querySelector("#fahrplan-innen");
125// fahrPlan.onclick = changeTab();
126// var stromTab = document.querySelector("#strom-innen");
127// stromTab.onclick = changeTab();
128// let gasTab = document.querySelector("#gas-innen");
129// gasTab.addEventListener( "click" , changeTab());
130
131
132/* Datel Tab link */
133function changeTab(){
134    setTimeout(function(){
135      if(location.href == "https://www.dvv-dessau.de/"){ // check if is homepage
136      let datelTab = document.querySelector(".datel_tab");
137    
138      let neuElem = document.createElement("div");
139      neuElem.setAttribute("data-iconcolor","#74777b");
140      neuElem.classList.add("ult_tab_li");
141      neuElem.classList.add("datel_tab");
142      neuElem.innerHTML = `<a href="https://www.datel-dessau.de" target="_blank" style="color:#444444;background-color:#f4f4f4;border-top-right-radius:5px;;   " class="ult_a  "><span class="ult_tab_main Both " style="width:100%;">
143      <span class="ult_tab_section">
144         <span  data-ultimate-target='#advanced-tabs-wrap-4923 .ult-span-text'  data-responsive-json-new='{"font-size":"desktop:22px;","line-height":""}'  class="ult-span-text no_icon ult_tab_display_text ult-responsive" style="text-align:center;">DATEL</span>
145       </span>
146  </span>
147</a>`;
148      datelTab.after(neuElem)
149    }  
150  }, 1000);
151}