https://zlatoustezkou.cz/wp-content/themes/zlatastezka/assets/js/main.js

1//Hamburger navigace
2var hamburger = document.querySelector(".hamburger");
3var navigace = document.querySelector("nav");
4
5hamburger.addEventListener("click", function() {
6    hamburger.classList.toggle("is-active");
7    navigace.classList.toggle("is-active");
8});
9
10    navigace.addEventListener("click", function(event) {
11    if (!navigace.classList.contains("is-active")) {
12       
13        var href = event.target.getAttribute("href");
14        if (/^#/.test(href)) {
15            document.querySelector(href).scrollIntoView({
16                behavior: 'smooth'
17            });
18        }
19    }
20})
21
22//Search
23$(document).on('click', 'body', function(e) {
24    if ( $('.search--menu form').hasClass('shown') == true ) {
25        var clicked = $(e.target);
26        if ( clicked.parents('form').length == 0 && clicked.hasClass('search_toggle')==false ) {
27            $('.search--menu form').toggleClass('shown');
28        }
29    }
30});
31
32$('.search_toggle').click(function(e) {
33    e.preventDefault();
34    $('.search--menu form').toggleClass('shown');
35});
36
37//Smazani textu home z menu
38
39
40$(document.querySelector("#menu li:first-child a")).html($(document.createElement('i')).addClass('fas fa-home'));
41
42
43
44// Toggle na search button
45
46function myFunction() {
47    var x = document.querySelector(".search--button");
48    if (x.innerHTML === "Rozšířené") {
49      x.innerHTML = "Skrýt filtr";
50    } else {
51      x.innerHTML = "Rozšířené";
52    }
53  }
54
55
56
57  $( document ).ready(function() {
58
59    let pieces
60
61
62    var images = $('.gallery__img--image img');
63    var popisky = $('.gallery__img--image p');
64    //console.log(popisky[i]['innerHTML']);
65    let copy
66    let prev
67    //console.log(images.length);
68    let i = 0;
69    $('.gallery__img--image img').remove();
70    $('.gallery__img--image p').remove();
71    if (i<1){
72        $('.gallery__img--image').append(images[images.length-1],images[i],images[i+1]);
73
74    }
75    else if(i>(images.length - 2)){
76        $('.gallery__img--image').append(images[i-1],images[i],images[0]);
77    }
78    else{
79        $('.gallery__img--image').append(images[i-1],images[i],images[i+1]);
80    }
81    if ($('.gallery').attr('class') == "gallery"){
82        pieces = popisky[i]['innerHTML'].split("/");
83        $('#autor').html(pieces[1]);
84        $('#popisek').html(pieces[0]);
85    }
86
87    
88    
89
90    $(document).on('click','.gallery__img--image img',function(event){
91
92        $('.gallery__img--image img').removeClass('active');
93        $('.gallery__img--big img').remove();
94        $(this).clone().removeClass('active').appendTo('.gallery__img--big');
95        $(this).addClass('active');
96        //console.log($(this).attr('id'));
97        i = Number($(this).attr('id'));
98        pieces = popisky[i]['innerHTML'].split("/");
99        $('#autor').html(pieces[1]);
100        $('#popisek').html(pieces[0]);
101
102    });
103  /*$('#up').click(function(event){
104    prev = $('.active').prev('img');
105    $('active').prev().addClass('active');
106    $('.active').removeClass('active');
107    $(prev).addClass('active');
108    if (!prev[0]){
109        $('.gallery__img--big img').remove();
110        last = $('.gallery__img--image img').last().addClass('active');
111        $(last[0]).clone().removeClass('active').appendTo('.gallery__img--big');
112    }
113    else{
114        $('.gallery__img--big img').remove();
115    }    
116    $(prev).clone().removeClass('active').appendTo('.gallery__img--big');
117    });*/
118    $('#up').click(function(event){
119        $('.gallery__img--image img').remove();
120        if (i==0){
121            i = images.length-1;
122        }else{
123           i = i-1; 
124        }
125        
126        //console.log(i);
127    if (i<1){
128        $('.gallery__img--image').append(images[images.length-1],images[i],images[i+1]);
129        $('.active').removeClass('active');
130        $(images[i]).addClass('active');
131        $('.gallery__img--big img').remove();
132        $(images[i]).clone().removeClass('active').appendTo('.gallery__img--big');
133
134    }
135    else if(i>(images.length - 2)){
136        $('.gallery__img--image').append(images[i-1],images[i],images[0]);
137        $('.active').removeClass('active');
138        $(images[i]).addClass('active');
139        $('.gallery__img--big img').remove();
140        $(images[i]).clone().removeClass('active').appendTo('.gallery__img--big');
141    }
142    else{
143        $('.gallery__img--image').append(images[i-1],images[i],images[i+1]);
144        $('.active').removeClass('active');
145        $(images[i]).addClass('active');
146        $('.gallery__img--big img').remove();
147        $(images[i]).clone().removeClass('active').appendTo('.gallery__img--big');
148    }
149    pieces = popisky[i]['innerHTML'].split("/");
150    $('#autor').html(pieces[1]);
151    $('#popisek').html(pieces[0]);
152    });
153
154  $('#down').click(function(event){
155    //console.log('start i is '+i);
156        $('.gallery__img--image img').remove();
157        if (i >= (images.length - 1)){
158            i = 0;
159            //console.log('what');
160        }
161        else{
162           i = i+1; 
163        }
164       //console.log('-'+i+'-'); 
165    if (i<1){
166        $('.gallery__img--image').append(images[images.length-1],images[i],images[i+1]);
167        $('.active').removeClass('active');
168        $(images[i]).addClass('active');
169        $('.gallery__img--big img').remove();
170        $(images[i]).clone().removeClass('active').appendTo('.gallery__img--big');
171
172    }
173    else if(i>(images.length - 2)){
174        $('.gallery__img--image').append(images[i-1],images[i],images[0]);
175        $('.active').removeClass('active');
176        $(images[i]).addClass('active');
177        $('.gallery__img--big img').remove();
178        $(images[i]).clone().removeClass('active').appendTo('.gallery__img--big');
179    }
180    else{
181        $('.gallery__img--image').append(images[i-1],images[i],images[i+1]);
182        $('.active').removeClass('active');
183        $(images[i]).addClass('active');
184        $('.gallery__img--big img').remove();
185        $(images[i]).clone().removeClass('active').appendTo('.gallery__img--big');
186    }
187    pieces = popisky[i]['innerHTML'].split("/");
188    $('#autor').html(pieces[1]);
189    $('#popisek').html(pieces[0]);
190  });
191
192  $(images[i]).addClass('active').clone().removeClass('active').appendTo('.gallery__img--big');
193});
194$('.filtr').addClass('hide');
195$('.hide-filtr').click(function(event){
196    event.preventDefault();
197    if ($('.filtr').attr('class') == 'filtr show'){
198        $('.filtr').addClass('hide').removeClass('show');
199    }
200    else{
201        $('.filtr').addClass('show').removeClass('hide');
202    }
203    
204    
205});
206
207
208$('.cookieset button').click(function(){
209
210    document.cookie = 'lang='+$(this).val()+';expires=Thu, 01 Jan 2019 00:00:00 UTC; path=/;';
211    location.reload();
212
213});
214$('.lang').click(function(event){
215    event.preventDefault();
216    var d = new Date();
217    d.setTime(d.getTime() + (30*24*60*60*1000));
218    var expires = "expires="+ d.toUTCString();
219    document.cookie = 'lang='+$(this).attr('id')+';'+ expires +'; path=/;';
220    location.reload();
221});