https://www.domini.barcelona/wp-content/themes/barcelona/js/barcelona.js?ver=5.2.28

1
2
3
4
5
6
7
8// --------------
9// Screen data
10var screenWidth = window.screen.width;
11var screenHeight = window.screen.height;
12
13var screenWidth_1 = window.screen.availWidth;
14var screenHeight_1 = window.screen.availHeight;
15
16var availableWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
17var availableHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
18
19var ef_width  = window.innerWidth  || document.body.clientWidth;
20var ef_height = window.innerHeight || document.body.clientHeight;
21
22console.log('Width: '+availableWidth+' - Height: '+availableHeight);
23console.log('EF Width: '+ef_width+' - EF Height: '+ef_height);
24
25// --------------
26// Mobile Menu
27var header_open = false;
28var header = document.querySelector('header[role="banner"]');
29    header.querySelector('.hamburger-menu').onclick = function(e) {
30
31        if ( header_open ) {
32            this.parentElement.classList.remove('open')
33        } else {
34            this.parentElement.classList.add('open')
35        }
36        header_open = !header_open;
37    }
38
39// --------------
40// Home .dot-arrow
41var dot_arrow = document.querySelector('.dot-arrow a[href="#home"]');
42    if (!!dot_arrow) {
43        dot_arrow.onclick = function(e) {
44
45            e.preventDefault();
46            window.scroll({
47                top: window.innerHeight - 60,
48                left: 0,
49                behavior: 'smooth'
50            });
51        }
52    }
53
54// --------------
55// Language Switcher
56var lang_switcher = document.querySelector('#language-switcher');
57    lang_switcher.onchange = function(e) {
58        window.location.href = this.querySelector(':checked').value;
59    }
60
61
62// --------------
63// On Scroll
64function on_scroll() {
65    var s = Math.max(
66        document.querySelector('html').scrollTop,
67        document.querySelector('body').scrollTop
68    );
69    if (s > 0) {
70        header.classList.remove('w-bg-clear');
71        header.classList.add('w-bg');
72    } else {
73        header.classList.remove('w-bg');
74        header.classList.add('w-bg-clear');
75    }
76}
77window.addEventListener("scroll", function() { on_scroll(); });
78
79
80
81// --------------
82// Items Lists
83var lists = [];
84    lists.push('ul.designers-list li figure a');
85    lists.push('ul.projects-list li figure a');
86    lists.push('ul.news-list li figure a');
87
88var listBlocks = document.querySelectorAll(lists);
89    listBlocks.forEach(function(el, i) {
90
91        var _img = el.querySelector('img:first-child');
92            _img.style.setProperty('display', 'none');
93
94        el.style.setProperty('background-image', 'url('+_img.src+')')
95    });
96
97
98// ----------------------------
99// Social Networks Share Buttons
100var socialLinks = document.querySelectorAll('.social-networks-share li a');
101    socialLinks.forEach(function(el, i) {
102        el.onclick = function(e) {
103            e.preventDefault()
104            var network_window = window.open( this.href, 'share', 'height=350,width=600');
105                network_window.focus();
106        }
107    });
108
109
110// ----------------------------
111// Registrars List
112var registrars = document.querySelectorAll('.providers-list li a');
113
114    registrars.forEach(function(el, i) {
115        var _img = el.querySelector('img');
116            _img.style.display = 'none';
117
118        el.style.backgroundImage = 'url('+_img.src+')';
119    });
120
121
122// --------------
123// Registrar goto
124var goto_registry = document.querySelector('.domain-availability a[href="#register-list"]');
125    if (!!goto_registry) {
126        goto_registry.onclick = function(e) {
127
128            e.preventDefault();
129            window.scroll({
130                top: document.querySelector('#register-list').offsetTop - 60,
131                left: 0,
132                behavior: 'smooth'
133            });
134        }
135    }
136
137
138// ----------------------------
139// ...
140function showItemsResponsive(elem) {
141  var src = jQuery(elem).attr('src');
142  if (jQuery(elem).attr('data-hidden') == "yes") {
143    jQuery(elem).parents('.cs-item').find('.cs-features').removeClass('cs-hidden');
144    jQuery(elem).parents('.cs-item').find('.cs-support').removeClass('cs-hidden');
145    jQuery(elem).attr('data-hidden','no');
146    new_src = src.replace("ico-plus", "ico-less");
147    jQuery(elem).attr('src',new_src);
148  } else {
149    jQuery(elem).parents('.cs-item').find('.cs-features').addClass('cs-hidden');
150    jQuery(elem).parents('.cs-item').find('.cs-support').addClass('cs-hidden');
151    jQuery(elem).attr('data-hidden','yes');
152    new_src = src.replace("ico-less", "ico-plus");
153    jQuery(elem).attr('src',new_src);
154  }
155}
156
157
158
159
160
161jQuery(document).ready ( function() {
162
163    
164/*evolutiu juliol 24*/
165
166var str = window.location.pathname; // obtenim path
167var categoria = str.split('/').pop().split('/')[0]; // netejem la url pk nomes es vegi l'ultim string
168var str2 = "/ruta";
169
170if(str.indexOf(str2) != -1){ // if pk nomes s'apliqui a les pagines de ruta
171    jQuery('.contenedor_pag_ruta h1').addClass(categoria);
172}
173
174
175
176
177jQuery('button.play').on ('click', function(e) {
178    e.preventDefault();
179    jQuery('#video-punt').get(0).play();
180 });
181
182 jQuery('button.stop').on ('click', function(e) {
183    e.preventDefault();
184    jQuery('#video-punt').get(0).pause();
185 });
186
187/*fi evolutiu juliol 24*/
188
189
190
191    text_truco = jQuery('#truco').text();
192    jQuery('.ofertes #box-info-wrapper.promo-box p b').append(text_truco);
193
194    if (location.hash === "#codis") {
195        jQuery('a.registrarsLink[href*="#codis"]').click();
196    }
197
198
199
200    // --------------
201// plausible
202
203
204
205var d = new Date();
206
207
208jQuery(".search-domain").on("click", "input.button-submit-combo", function() {
209
210    var domini;
211    if( !jQuery('.search-domain>[type="text"]').val() ) {
212        domini = "Cerca buida";
213    }else{
214        domini = jQuery('.search-domain>[type="text"]').val();
215    }
216
217  var idioma = jQuery("html").attr("lang");
218  var hora = d.getHours();
219
220
221  plausible('Cerca', {props: {Domini: domini, Idioma: idioma, Hora: hora}});
222
223  console.log(domini,idioma,hora);
224
225});
226
227
228jQuery('.search-domain>[type="text"]').keypress(function(event) {
229    if (event.which == 13) {
230
231        var domini;
232        if( !jQuery('.search-domain>[type="text"]').val() ) {
233            domini = "Cerca buida";
234        }else{
235            domini = jQuery('.search-domain>[type="text"]').val();
236        }
237    
238      var idioma = jQuery("html").attr("lang");
239      var hora = d.getHours();
240       
241      plausible('Cerca', {props: {Domini: domini, Idioma: idioma, Hora: hora}});
242
243      console.log(domini,idioma,hora);
244
245
246    }
247});
248
249
250
251
252
253
254
255    jQuery('#contact-form').on ('submit', function(e) {
256        if (jQuery('.modalbox').css("display") == "block") {
257            return true;
258        } else {
259            e.preventDefault();
260            jQuery('.modalbox').css("display","block");
261        }
262    });
263
264
265
266
267
268    jQuery('.newsletter-form-object').on ('submit', function(e) {
269        e.preventDefault();
270        jQuery('.modalbox').css("display","block");
271    });
272
273    jQuery('.modalbox-close').on('click', function() {
274        jQuery('.modalbox').css("display","none");
275    });
276
277
278
279    jQuery('.sendAndAcceptTermsAndConditions').on ('click', function(e) {
280        e.preventDefault();
281        jQuery.ajax({
282           beforeSend: function (qXHR, settings) {
283            jQuery('.newsletter-signup-input').hide();
284            jQuery('.newsletter-signup-input-loading').show();
285           },
286           complete: function () {
287            jQuery('.newsletter-signup-input-loading').hide();
288            jQuery('.newsletter-signup-input').show();
289            jQuery('.modalbox').css("display","none");
290           },
291           type : "post",
292           url : jQuery('.newsletter-form-object').attr('action'),
293           data : {
294               email: jQuery('.email-input').val(), 
295               name : jQuery('.nom-input').val()
296           },
297           success: function(response) {
298               if (response == 'ok') {
299                    jQuery('.newsletter-ko').hide();
300                    jQuery('.newsletter-ok').show();
301               } else {
302                    jQuery('.newsletter-ko').show();
303                    jQuery('.newsletter-ok').hide();
304               }
305           },
306        })
307    });
308});