Blame view

frontend/web/js/goods.js 4.64 KB
b13c67c3   Mihail   output price in g...
1
  $( document ).ready(function() {
b13c67c3   Mihail   output price in g...
2
3
4
5
6
7
8
      // для таблицы кроссов, классы обозначаются через cross_
      var cross_prefix = '';
  
      // по умолчанию - цены в долларах, остальные скрываем
      var show_currency = ['usd'];
      var hidden_currency = ['uah','eur'];
  
36a8dd60   Mihail   add pjax to goods...
9
      $( document ).on( "click", ".currency", changeCurrency );
b13c67c3   Mihail   output price in g...
10
  
36a8dd60   Mihail   add pjax to goods...
11
      function changeCurrency(){
b13c67c3   Mihail   output price in g...
12
  
36a8dd60   Mihail   add pjax to goods...
13
14
15
16
17
18
19
20
21
22
23
24
          if( $(this).attr('id') === 'grivna' ){
              show_currency = ['uah'];
              hidden_currency = ['eur','usd'];
          }else if( $(this).attr('id') === 'euro' ) {
              show_currency = ['eur'];
              hidden_currency = ['uah','usd'];
          }else if( $(this).attr('id') === 'dollars' ) {
              show_currency = ['usd'];
              hidden_currency = ['uah','eur'];
          }
          $('.currency').removeClass('active_button_purple1');
          $(this).addClass('active_button_purple1');
b13c67c3   Mihail   output price in g...
25
  
b13c67c3   Mihail   output price in g...
26
27
28
29
30
31
32
          setVisiblePrice();
      }
  
      function setVisiblePrice(){
          // элементы с классами из show_currency отобразим
          for( var i = 0; i < show_currency.length; i++ ){
              var arr_elements = document.getElementsByClassName(show_currency[i] + cross_prefix);
b13c67c3   Mihail   output price in g...
33
  
36a8dd60   Mihail   add pjax to goods...
34
              for(var j = 0; j < arr_elements.length; j++ ){
b13c67c3   Mihail   output price in g...
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
                  if( arr_elements[j].classList.contains('hidden') )
                      arr_elements[j].classList.remove('hidden');
              }
          }
  
          // элементы с классами из hidden_currency спрячем
          for( var i = 0; i < hidden_currency.length; i++ ){
              var arr_elements = document.getElementsByClassName(hidden_currency[i] + cross_prefix);
              for(var j = 0; j < arr_elements.length; j++ ){
                  if( !arr_elements[j].classList.contains('hidden') )
                      arr_elements[j].classList.add('hidden');
              }
          }
      }
  
e0e82549   OlenaKl   table
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
  
  //модальное окно для фото
      $('a#go_photo').click( function(event){ // ловим клик по ссылки с id="go"
          event.preventDefault(); // выключаем стандартную роль элемента
          var scrollTop = window.pageYOffset ? window.pageYOffset : (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
          viewportHeight = $(window).height();
          var modalWidth=$('#modal_form_photo').width()/2;
          var modalHeight=$('#modal_form_photo').outerHeight()/2;
          $('#overlay').fadeIn(400, // сначала плавно показываем темную подложку
              function(){ // после выполнения предъидущей анимации
                  $('#modal_form_photo')
                      .css({'display':'block',opacity: 1, marginTop: -modalHeight, marginLeft: -modalWidth}) // убираем у модального окна display: none;
                      .animate({opacity: 1, top: scrollTop+(viewportHeight/2)}, 200); // плавно прибавляем прозрачность одновременно со съезжанием вниз
  
  
              });
  
      });
      /* Закрытие модального окна, тут делаем то же самое но в обратном порядке */
      $('#modal_close, #overlay').click( function(){ // ловим клик по крестику или подложке
          $('#modal_form_photo')
              .animate({opacity: 0, top: '45%'}, 200,  // плавно меняем прозрачность на 0 и одновременно двигаем окно вверх
              function(){ // после анимации
                  $(this).css('display', 'none'); // делаем ему display: none;
                  $('#overlay').fadeOut(400); // скрываем подложку
              }
          );
      });
  
  
      //открытие-закрытие карточки товара и смена текста на бирке карточки товара
      function changeText() {
          console.log('odfks');
          e = document.getElementById('button_grey_card');
          console.log( e.innerHTML );
          e.innerHTML = e.innerHTML == "Скрыть карточку товара" ? "Открыть карточку товара" : "Скрыть карточку товара";
      }
      $('#button_grey_card').click(function(){
          changeText();
          $(this).toggleClass('change_b');
          $('.tovar_card').toggleClass('tovar_card_visible');
          $('.table').toggleClass('table_height');
      });
  
      //стрелочки вниз
      $('.link_sort').click(function(){
  
          $(this).find('.desc').toggleClass('arrow_downA');
  
      })
  
  });