alex / artplast

Commit a25d5cb088091ea6d37b6466068d25a639ec6f74

Authored by alex
1 parent 6e9e7b94

add google analytics event trigger

Showing 1 changed file with 322 additions and 312 deletions   Show diff stats
Inline Side-by-side
frontend/web/js/script.js
  Show/Hide comments   View file @a25d5cb
1 -$(document).ready(function() {  
2 - footerBottom();  
3 - scrollUp();  
4 - modalForms();  
5 - openMobMenuNew();  
6 - closeMobMenu();  
7 - phoneMask('#feedback-phone');  
8 - phoneMask("input[name='Feedback[phone]']");  
9 - anchor();  
10 - fixedHeader();  
11 - callMobile();  
12 -  
13 - function callMobile() { //new  
14 - $('.btn_call').click(function() {  
15 - if($(this).hasClass('close')) {  
16 - mobOverlayRemove();  
17 - closeCallMobileHide();  
18 - $('.btn_call') .removeClass('close');  
19 -  
20 - } else {  
21 - $('.btn_call').addClass('close');  
22 -  
23 - mobOverlayAdd();  
24 -  
25 - $('.call-mobile-wr').addClass('visible');  
26 - setTimeout(  
27 - function() {  
28 - $('.call-mobile-wr').addClass('open')  
29 - }, 20  
30 - )  
31 - }  
32 -  
33 - })  
34 - }  
35 -  
36 - function closeCallMobileHide() {  
37 - $('.call-mobile-wr').removeClass('visible')  
38 - setTimeout(function () {  
39 - $('.call-mobile-wr').removeClass('open')  
40 - },200)  
41 - }  
42 -  
43 - function phoneMask(phoneInput2) {  
44 - var phoneInput = phoneInput2;  
45 -  
46 - if($('body').find(phoneInput).length>0){  
47 - $(phoneInput).mask('+38(000)000-00-00',{placeholder:'+38(0__)___-__-__'});  
48 - $(phoneInput).focus(function () {  
49 - if(($(this).val())== '') {$(this).val('+38(0')}  
50 - })  
51 - $(phoneInput).focusout(function () {  
52 - var phoneVal = $(this).val()  
53 - //if(phoneVal == '+38(0' || phoneVal == '+38(' || phoneVal == '+38' || phoneVal == '+3' || phoneVal == '+') {$(this).val('')}  
54 - if(phoneVal.length <17) {$(this).val('')}  
55 - })  
56 - }  
57 - }  
58 -  
59 -  
60 -  
61 - function footerBottom(){  
62 - var heightHeader = document.getElementById('header_').offsetHeight  
63 - var heightFooter = document.getElementById('footer_').offsetHeight  
64 - var windowHeight = window.innerHeight  
65 - document.getElementById('content_').style.minHeight = windowHeight-heightHeader-heightFooter+'px';  
66 - }  
67 -  
68 - function mobOverlayAdd() {  
69 - if($('body').find('.mob-overlay').length > 0) {  
70 - } else {  
71 - $('body').append('<div class="mob-overlay"></div>')  
72 - }  
73 - $('.mob-overlay').fadeIn(300);  
74 - }  
75 -  
76 - function mobOverlayRemove() {  
77 - $('.mob-overlay').fadeOut(300);  
78 - $('body').removeClass('show-block-mobile');  
79 - setTimeout(function () {  
80 - $('body').removeClass('body-fixed');  
81 - },510)  
82 -  
83 - }  
84 -  
85 - function openMobMenuNew() {  
86 - $('.menu_mob').click(function () {  
87 - mobOverlayAdd()  
88 - $('body').addClass('body-fixed show-block-mobile');  
89 -  
90 -  
91 - })  
92 - }  
93 -  
94 -  
95 -  
96 - function closeMobMenu() {  
97 - $('body').on('click','.mob-overlay',function () {  
98 - mobOverlayRemove();  
99 - })  
100 -  
101 - $('.close-mobile-menu').click(function () {  
102 - mobOverlayRemove();  
103 - })  
104 - }  
105 - function scrollUp() {  
106 - $('.btn_up').click(function () {  
107 - $('body, html').animate({scrollTop:0}, 500);  
108 - })  
109 - btnScroll()  
110 - function btnScroll() {  
111 - btnScrollPos()  
112 - function btnScrollPos() {  
113 -  
114 - var containerPos = $('#content_ .container').offset().left  
115 - // console.log($('.container').offset().left)  
116 - $('.btn_up').css({right:containerPos})  
117 - }  
118 -  
119 - btnScrollShowHide()  
120 - function btnScrollShowHide() {  
121 - var windowHeight = $(window).height()  
122 -  
123 - if($(this).scrollTop() < windowHeight)  
124 - {  
125 - $('.btn_up').removeClass('visible')  
126 - } else {  
127 - $('.btn_up').addClass('visible')  
128 - }  
129 - var scrpos = $(this).scrollTop()  
130 - var documentHeight = $(document).height()  
131 - var fHe = ($('.section-box-footer').height())-39  
132 - var fPos = $('.section-box-footer').offset().top  
133 - var docFooterHeight = documentHeight-fHe-windowHeight  
134 -  
135 - if(($(this).scrollTop())>=docFooterHeight){  
136 - $('.btn_up').css({bottom:(fHe+16)-((documentHeight-scrpos)-($(window).height()))})  
137 - } else {  
138 - $('.btn_up').css({bottom:16})  
139 - }  
140 - }  
141 -  
142 - $(window).resize(function () {  
143 - btnScrollPos()  
144 - btnScrollShowHide()  
145 - })  
146 -  
147 - $(window).scroll(function () {  
148 - btnScrollShowHide()  
149 - })  
150 -  
151 -  
152 - $('.btn_scroll').click(function () {  
153 - $('body,html').animate( { scrollTop: 0 }, 500 );  
154 - })  
155 -  
156 - }  
157 - }  
158 -  
159 - function anchor() {  
160 - $('body').on('click','.menu-header ul li a',function () {  
161 - var anchor = $(this).data('anchor');  
162 - var scrollPos = $('.' + anchor).offset().top;  
163 - $('body, html').animate({scrollTop:scrollPos},600);  
164 -  
165 - })  
166 - }  
167 -  
168 - function fixedHeader() {  
169 - if($(window).scrollTop()>=1) {  
170 - $('body').addClass('fixed-header')  
171 - } else {  
172 - $('body').removeClass('fixed-header')  
173 - }  
174 - }  
175 -  
176 -  
177 -  
178 -  
179 -  
180 -  
181 -  
182 -  
183 -  
184 -  
185 -  
186 -  
187 -  
188 -  
189 -  
190 -  
191 -  
192 -  
193 -  
194 -  
195 -  
196 -  
197 -  
198 -  
199 -  
200 -  
201 -  
202 -  
203 -  
204 -  
205 -  
206 -  
207 -  
208 -  
209 -  
210 -  
211 - $(window).resize(function () {  
212 - // heightSliderCol();  
213 - footerBottom();  
214 - // if(window.innerWidth>=992){  
215 - // mobOverlayRemove()  
216 - // $('#menu-mob-hidden').removeClass('visible')  
217 - // setTimeout(function () {  
218 - // $('#menu-mob-hidden').removeClass('opens')  
219 - // },200)  
220 - // $('body').removeClass('off-scroll')  
221 - // $('body').removeClass('hidden_scroll-y')  
222 - // $('.mob_filters_wr').attr('style','')  
223 - // }  
224 - })  
225 -  
226 - $(window).scroll(function () {  
227 - fixedHeader();  
228 - })  
229 -  
230 - function modalForms() {  
231 - $('body').on('click','.modal-link', function (e) {  
232 -  
233 - e.preventDefault();  
234 - e.stopPropagation();  
235 -  
236 -  
237 - mobOverlayRemove()  
238 - $('#menu-mob-hidden').removeClass('visible')  
239 - setTimeout(function () {  
240 - $('#menu-mob-hidden').removeClass('opens')  
241 - },200)  
242 - $('body').removeClass('off-scroll')  
243 -  
244 - mobOverlayRemove()  
245 - // closeCallMobileHide()  
246 - $('.btn_call').removeClass('close')  
247 - $('.call-mobile-wr').removeClass('open')  
248 - $('body').removeClass('off-scroll')  
249 -  
250 -  
251 - var idForm = $(this).data('form');  
252 -  
253 -  
254 - var pos = ($(window).scrollTop()) + 30;  
255 - if($(this).hasClass('fixed-modal')){  
256 - pos = 30;  
257 - $('#'+idForm).css({position:'fixed'})  
258 - }  
259 - if($(this).hasClass('pos-top')){  
260 - pos = 30;  
261 - }  
262 - $('#overlay').removeClass('overlay_cloned');  
263 - $('#overlay').fadeIn(400,  
264 - function(){  
265 - $('#'+idForm)  
266 - .css('display', 'block')  
267 - .animate({opacity: 1, top: pos}, 200);  
268 - });  
269 - })  
270 - }  
271 -  
272 - closeForms();  
273 - function closeForms() {  
274 - $('#modal_close, #overlay').click( function(){  
275 - $('.forms_, .basket_modal').animate({opacity: 0, top: '0'}, 200,function(){  
276 - $(this).css('display', 'none');  
277 - $(this).prev("#overlay").css('display', 'none');  
278 - $('#overlay').fadeOut(400);  
279 - });  
280 - $('#success_form').animate({opacity: 0, top: '0'}, 200,function(){  
281 - $(this).css('display', 'none');  
282 - $(this).prev("#overlay").css('display', 'none');  
283 - $(this).css({top:'50%'});  
284 - });  
285 - $('#success_form.error_form').animate({opacity: 0, top: '0'}, 200,function(){  
286 - $(this).css('display', 'none');  
287 - $(this).prev("#overlay").css('display', 'none');  
288 - $(this).css({top:'50%'});  
289 - });  
290 - });  
291 - }  
292 - //после удачной отправки формы запускать success()  
293 - // success()  
294 - function success() {  
295 - var pos = ($(window).scrollTop()) + 30;  
296 - $('.forms_').animate({opacity: 0, top: '0'}, 200,function(){  
297 - $(this).css('display', 'none');  
298 - });  
299 - setTimeout(function () {  
300 - $('#overlay').fadeIn(400);  
301 - $('#success_form').css('display', 'block').animate({opacity: 1, top: pos}, 700);  
302 - },400)  
303 - }  
304 -  
305 - $('body').on('click','.cokeis-close',function () {  
306 - $('.cookie-modal').addClass('hide-bl');  
307 - var date = new Date(new Date().getTime() + 48 * 60 * 60 * 1000);  
308 - document.cookie = "sowCookieModal=1; path=/; expires=" + date.toUTCString();  
309 - })  
310 -  
311 -  
312 - 1 +$(document).ready(function() {
  2 + footerBottom();
  3 + scrollUp();
  4 + modalForms();
  5 + openMobMenuNew();
  6 + closeMobMenu();
  7 + phoneMask('#feedback-phone');
  8 + phoneMask("input[name='Feedback[phone]']");
  9 + anchor();
  10 + fixedHeader();
  11 + callMobile();
  12 +
  13 + function callMobile() { //new
  14 + $('.btn_call').click(function() {
  15 + if($(this).hasClass('close')) {
  16 + mobOverlayRemove();
  17 + closeCallMobileHide();
  18 + $('.btn_call') .removeClass('close');
  19 +
  20 + } else {
  21 + $('.btn_call').addClass('close');
  22 +
  23 + mobOverlayAdd();
  24 +
  25 + $('.call-mobile-wr').addClass('visible');
  26 + setTimeout(
  27 + function() {
  28 + $('.call-mobile-wr').addClass('open')
  29 + }, 20
  30 + )
  31 + }
  32 +
  33 + })
  34 + }
  35 +
  36 + function closeCallMobileHide() {
  37 + $('.call-mobile-wr').removeClass('visible')
  38 + setTimeout(function () {
  39 + $('.call-mobile-wr').removeClass('open')
  40 + },200)
  41 + }
  42 +
  43 + function phoneMask(phoneInput2) {
  44 + var phoneInput = phoneInput2;
  45 +
  46 + if($('body').find(phoneInput).length>0){
  47 + $(phoneInput).mask('+38(000)000-00-00',{placeholder:'+38(0__)___-__-__'});
  48 + $(phoneInput).focus(function () {
  49 + if(($(this).val())== '') {$(this).val('+38(0')}
  50 + })
  51 + $(phoneInput).focusout(function () {
  52 + var phoneVal = $(this).val()
  53 + //if(phoneVal == '+38(0' || phoneVal == '+38(' || phoneVal == '+38' || phoneVal == '+3' || phoneVal == '+') {$(this).val('')}
  54 + if(phoneVal.length <17) {$(this).val('')}
  55 + })
  56 + }
  57 + }
  58 +
  59 +
  60 +
  61 + function footerBottom(){
  62 + var heightHeader = document.getElementById('header_').offsetHeight
  63 + var heightFooter = document.getElementById('footer_').offsetHeight
  64 + var windowHeight = window.innerHeight
  65 + document.getElementById('content_').style.minHeight = windowHeight-heightHeader-heightFooter+'px';
  66 + }
  67 +
  68 + function mobOverlayAdd() {
  69 + if($('body').find('.mob-overlay').length > 0) {
  70 + } else {
  71 + $('body').append('<div class="mob-overlay"></div>')
  72 + }
  73 + $('.mob-overlay').fadeIn(300);
  74 + }
  75 +
  76 + function mobOverlayRemove() {
  77 + $('.mob-overlay').fadeOut(300);
  78 + $('body').removeClass('show-block-mobile');
  79 + setTimeout(function () {
  80 + $('body').removeClass('body-fixed');
  81 + },510)
  82 +
  83 + }
  84 +
  85 + function openMobMenuNew() {
  86 + $('.menu_mob').click(function () {
  87 + mobOverlayAdd()
  88 + $('body').addClass('body-fixed show-block-mobile');
  89 +
  90 +
  91 + })
  92 + }
  93 +
  94 +
  95 +
  96 + function closeMobMenu() {
  97 + $('body').on('click','.mob-overlay',function () {
  98 + mobOverlayRemove();
  99 + })
  100 +
  101 + $('.close-mobile-menu').click(function () {
  102 + mobOverlayRemove();
  103 + })
  104 + }
  105 + function scrollUp() {
  106 + $('.btn_up').click(function () {
  107 + $('body, html').animate({scrollTop:0}, 500);
  108 + })
  109 + btnScroll()
  110 + function btnScroll() {
  111 + btnScrollPos()
  112 + function btnScrollPos() {
  113 +
  114 + var containerPos = $('#content_ .container').offset().left
  115 + // console.log($('.container').offset().left)
  116 + $('.btn_up').css({right:containerPos})
  117 + }
  118 +
  119 + btnScrollShowHide()
  120 + function btnScrollShowHide() {
  121 + var windowHeight = $(window).height()
  122 +
  123 + if($(this).scrollTop() < windowHeight)
  124 + {
  125 + $('.btn_up').removeClass('visible')
  126 + } else {
  127 + $('.btn_up').addClass('visible')
  128 + }
  129 + var scrpos = $(this).scrollTop()
  130 + var documentHeight = $(document).height()
  131 + var fHe = ($('.section-box-footer').height())-39
  132 + var fPos = $('.section-box-footer').offset().top
  133 + var docFooterHeight = documentHeight-fHe-windowHeight
  134 +
  135 + if(($(this).scrollTop())>=docFooterHeight){
  136 + $('.btn_up').css({bottom:(fHe+16)-((documentHeight-scrpos)-($(window).height()))})
  137 + } else {
  138 + $('.btn_up').css({bottom:16})
  139 + }
  140 + }
  141 +
  142 + $(window).resize(function () {
  143 + btnScrollPos()
  144 + btnScrollShowHide()
  145 + })
  146 +
  147 + $(window).scroll(function () {
  148 + btnScrollShowHide()
  149 + })
  150 +
  151 +
  152 + $('.btn_scroll').click(function () {
  153 + $('body,html').animate( { scrollTop: 0 }, 500 );
  154 + })
  155 +
  156 + }
  157 + }
  158 +
  159 + function anchor() {
  160 + $('body').on('click','.menu-header ul li a',function () {
  161 + var anchor = $(this).data('anchor');
  162 + var scrollPos = $('.' + anchor).offset().top;
  163 + $('body, html').animate({scrollTop:scrollPos},600);
  164 +
  165 + })
  166 + }
  167 +
  168 + function fixedHeader() {
  169 + if($(window).scrollTop()>=1) {
  170 + $('body').addClass('fixed-header')
  171 + } else {
  172 + $('body').removeClass('fixed-header')
  173 + }
  174 + }
  175 +
  176 +
  177 +
  178 +
  179 +
  180 +
  181 +
  182 +
  183 +
  184 +
  185 +
  186 +
  187 +
  188 +
  189 +
  190 +
  191 +
  192 +
  193 +
  194 +
  195 +
  196 +
  197 +
  198 +
  199 +
  200 +
  201 +
  202 +
  203 +
  204 +
  205 +
  206 +
  207 +
  208 +
  209 +
  210 +
  211 + $(window).resize(function () {
  212 + // heightSliderCol();
  213 + footerBottom();
  214 + // if(window.innerWidth>=992){
  215 + // mobOverlayRemove()
  216 + // $('#menu-mob-hidden').removeClass('visible')
  217 + // setTimeout(function () {
  218 + // $('#menu-mob-hidden').removeClass('opens')
  219 + // },200)
  220 + // $('body').removeClass('off-scroll')
  221 + // $('body').removeClass('hidden_scroll-y')
  222 + // $('.mob_filters_wr').attr('style','')
  223 + // }
  224 + })
  225 +
  226 + $(window).scroll(function () {
  227 + fixedHeader();
  228 + })
  229 +
  230 + function modalForms() {
  231 + $('body').on('click','.modal-link', function (e) {
  232 +
  233 + e.preventDefault();
  234 + e.stopPropagation();
  235 +
  236 +
  237 + mobOverlayRemove()
  238 + $('#menu-mob-hidden').removeClass('visible')
  239 + setTimeout(function () {
  240 + $('#menu-mob-hidden').removeClass('opens')
  241 + },200)
  242 + $('body').removeClass('off-scroll')
  243 +
  244 + mobOverlayRemove()
  245 + // closeCallMobileHide()
  246 + $('.btn_call').removeClass('close')
  247 + $('.call-mobile-wr').removeClass('open')
  248 + $('body').removeClass('off-scroll')
  249 +
  250 +
  251 + var idForm = $(this).data('form');
  252 +
  253 +
  254 + var pos = ($(window).scrollTop()) + 30;
  255 + if($(this).hasClass('fixed-modal')){
  256 + pos = 30;
  257 + $('#'+idForm).css({position:'fixed'})
  258 + }
  259 + if($(this).hasClass('pos-top')){
  260 + pos = 30;
  261 + }
  262 + $('#overlay').removeClass('overlay_cloned');
  263 + $('#overlay').fadeIn(400,
  264 + function(){
  265 + $('#'+idForm)
  266 + .css('display', 'block')
  267 + .animate({opacity: 1, top: pos}, 200);
  268 + });
  269 + })
  270 + }
  271 +
  272 + closeForms();
  273 + function closeForms() {
  274 + $('#modal_close, #overlay').click( function(){
  275 + $('.forms_, .basket_modal').animate({opacity: 0, top: '0'}, 200,function(){
  276 + $(this).css('display', 'none');
  277 + $(this).prev("#overlay").css('display', 'none');
  278 + $('#overlay').fadeOut(400);
  279 + });
  280 + $('#success_form').animate({opacity: 0, top: '0'}, 200,function(){
  281 + $(this).css('display', 'none');
  282 + $(this).prev("#overlay").css('display', 'none');
  283 + $(this).css({top:'50%'});
  284 + });
  285 + $('#success_form.error_form').animate({opacity: 0, top: '0'}, 200,function(){
  286 + $(this).css('display', 'none');
  287 + $(this).prev("#overlay").css('display', 'none');
  288 + $(this).css({top:'50%'});
  289 + });
  290 + });
  291 + }
  292 + //после удачной отправки формы запускать success()
  293 + // success()
  294 + function success() {
  295 + var pos = ($(window).scrollTop()) + 30;
  296 + $('.forms_').animate({opacity: 0, top: '0'}, 200,function(){
  297 + $(this).css('display', 'none');
  298 + });
  299 + setTimeout(function () {
  300 + $('#overlay').fadeIn(400);
  301 + $('#success_form').css('display', 'block').animate({opacity: 1, top: pos}, 700);
  302 + },400)
  303 + }
  304 +
  305 + $('body').on('click','.cokeis-close',function () {
  306 + $('.cookie-modal').addClass('hide-bl');
  307 + var date = new Date(new Date().getTime() + 48 * 60 * 60 * 1000);
  308 + document.cookie = "sowCookieModal=1; path=/; expires=" + date.toUTCString();
  309 + })
  310 +
  311 +
  312 +
  313 +
  314 + //Клик по кнопке Позвонить на мобильном
  315 + $('div.btn_call').on('click',function () {
  316 +
  317 + gtag('event', 'send', {
  318 + 'event_category': 'click call'
  319 + });
  320 + });
  321 +
  322 +
313 }) 323 })
314 \ No newline at end of file 324 \ No newline at end of file