first commit

themes/ayon/_dev/js/theme.js

@@ -0,0 +1,626 @@
+/**
+ * 2007-2017 PrestaShop
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2018 PrestaShop SA
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+import 'expose-loader?Tether!tether';
+import 'bootstrap/dist/js/bootstrap.min';
+import 'flexibility';
+import 'bootstrap-touchspin';
+
+import './responsive';
+import './checkout';
+import './customer';
+import './listing';
+import './product';
+import './cart';
+import './rts_icons';
+import './sliders';
+import './county';
+
+import DropDown from './components/drop-down';
+import Form from './components/form';
+import ProductMinitature from './components/product-miniature';
+import ProductSelect from './components/product-select';
+import TopMenu from './components/top-menu';
+
+import prestashop from 'prestashop';
+import EventEmitter from 'events';
+
+import './lib/bootstrap-filestyle.min';
+import './lib/jquery.scrollbox.min';
+import './lib/jquery.sticky-kit.min.js';
+import './lib/animsition.min';
+
+import './components/block-cart';
+
+// "inherit" EventEmitter
+for (var i in EventEmitter.prototype) {
+  prestashop[i] = EventEmitter.prototype[i];
+}
+
+$(document).ready(() => {
+  let dropDownEl = $('.js-dropdown');
+  const form = new Form();
+  let topMenuEl = $('.js-top-menu ul[data-depth="0"]');
+  let dropDown = new DropDown(dropDownEl);
+  let topMenu = new TopMenu(topMenuEl);
+  let productMinitature = new ProductMinitature();
+  let productSelect  = new ProductSelect();
+  dropDown.init();
+  form.init();
+  topMenu.init();
+  productMinitature.init();
+  productSelect.init();
+
+  $('.form-control-select').change(function(){
+    this.blur();
+  });
+
+  if ( $('.page-footer').children().length == 0 ) {
+    $('.page-footer').addClass('hidden');
+  }
+
+  // Sticky header
+
+  if ($('#header').attr('data-trans') == 'normal') {
+    var sticky_classes = 'sticky';
+  } else {
+    var sticky_classes = 'sticky normal';
+  }
+
+  var header_trans = function(){
+    if ($('#header').attr('data-trans') == 'normal') {
+      setTimeout(function() {
+        var header_height = $('#header').height();
+        $('main').css('padding-top', header_height);
+      }, 250);
+    } else {
+      var header_height = $('#header').height();
+      $('#top_column').css('min-height', header_height);
+    }
+  };
+
+  header_trans();
+
+  var sticky = function(){
+    $('#header').addClass(sticky_classes);
+  };
+  var stickyfrom = 0;
+
+  if ($(window).scrollTop() > stickyfrom) sticky();
+  if (window.matchMedia('(max-width: 991px)').matches) sticky();
+
+  $(window).scroll(function() {
+      if ($(this).scrollTop() > stickyfrom){
+              sticky();
+          } else {
+          if (window.matchMedia('(min-width: 992px)').matches) {
+              $('#header').removeClass(sticky_classes);
+          }
+      }
+  });
+
+  $(window).on('resize', function(){
+      if (window.matchMedia('(max-width: 991px)').matches) {
+          header_trans();
+          sticky();
+      } else {
+          header_trans();
+          if ($(this).scrollTop() == stickyfrom){
+              $('#header').removeClass(sticky_classes);
+          }
+      }
+  });
+
+  // Hide header on scroll
+  if ($('#header').attr('data-hide') == 'yes') {
+
+    var didScroll;
+    var lastScrollTop = 500;
+    var delta = 5;
+
+    $(window).scroll(function(event){
+        didScroll = true;
+    });
+
+    setInterval(function() {
+        if (didScroll) {
+            hasScrolled();
+            didScroll = false;
+        }
+    }, 250);
+
+    function hasScrolled() {
+        var st = $(window).scrollTop();
+        if(Math.abs(lastScrollTop - st) <= delta)
+            return;
+
+        if (st > lastScrollTop && st > 500){
+            // Scroll Down
+            $('#header').addClass('hide_up');
+        } else {
+            // Scroll Up
+            if(st + $(window).height() < $(document).height()) {
+                $('#header').removeClass('hide_up');
+            }
+        }
+        lastScrollTop = st;
+    }
+  }
+
+  // page reload
+  $(".animsition").animsition({
+    inClass: 'fade-in',
+    outClass: 'fade-out',
+    inDuration: 600,
+    outDuration: 600,
+    linkElement: 'a.noloader',
+    // e.g. linkElement: 'a:not([target="_blank"]):not([href^="#"])'
+    loading: false,
+    loadingParentElement: 'body', //animsition wrapper element
+    loadingClass: 'animsition-loading',
+    loadingInner: '', // e.g '<img src="loading.svg" />'
+    timeout: true,
+    timeoutCountdown: 300,
+    onLoadEvent: true,
+    browser: [ 'animation-duration', '-webkit-animation-duration'],
+    // "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
+    // The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
+    overlay : false,
+    overlayClass : 'animsition-overlay-slide',
+    overlayParentElement : 'body',
+    transition: function(url){ window.location.href = url; }
+  });
+
+  $('.animsition').on('animsition.outStart', function(){
+  	var exitDiv = $('.roy-loader');
+    exitDiv.fadeIn('slow');
+	});
+  $('.animsition').on('animsition.inStart', function(){
+  	var exitDiv = $('.roy-loader');
+  	exitDiv.fadeOut(400);
+	});
+
+
+  // 2020 filter mobile side
+  $('body').on('click', '#search_filter_toggler', function () {
+    $('body').addClass('filter_open');
+  });
+  $('.filter_close, .closefilters').click(function () {    
+    $('body').removeClass('filter_open');
+  });
+
+
+  // side
+  // side: reopen function for mobile and open for desktop
+  var reopen = function() {
+      if($('body').hasClass('side_open')) {
+
+        $('body').removeClass('side_content');
+        $('.side_menu').removeClass('reopen_go').addClass('reopen_hide');
+        setTimeout(function(){
+          $('body').addClass('side_content');
+        }, 320);
+        setTimeout(function(){
+          $('.side_menu').removeClass('reopen_hide').addClass('reopen_go');
+        }, 600);
+
+      } else {
+          $('body').addClass('side_open side_content was_open')
+      }
+  }
+
+  var searchtoside = function() {
+    $('.action .search-widget').attr("id","");
+    $('.side_menu .search-widget').attr("id","search_widget");
+  }
+
+  searchtoside();
+
+  // side: close
+  $('.side_close, .close_cross, .return').click(function () {    
+      $('body').removeClass('side_open side_content filter_open');
+      cartprodshide();
+      accsidehide();
+      setTimeout(function(){
+        $('body').removeClass('was_open');
+      }, 440);
+  });
+
+  var cartprodshide = function () {
+    $('.side_menu').find('.cart-prods > li').each(function(i){
+      $(this).removeClass('show');
+    });
+  }
+  var cartprodsshow = function () {
+    $('.side_menu').find('.cart-prods > li').each(function(i){
+      var row = $(this);
+      setTimeout(function(){
+        row.addClass('show');
+      }, 300 + i * 220);
+    });
+  }
+  var accsidehide = function () {
+    $('.side_menu').find('.acc_ul > *').each(function(i){
+      $(this).removeClass('show');
+    });
+  }
+  var accsideshow = function () {
+    $('.side_menu').find('.acc_ul > *').each(function(i){
+      var row = $(this);
+      setTimeout(function(){
+        row.addClass('show');
+      }, 300 + i * 120);
+    });
+  }
+  var scrollsidetop = function () {
+    setTimeout(function(){
+      $('html, body').animate({
+        scrollTop: $(".side_menu").offset().top
+      }, 1000);
+    }, 980);
+  }
+
+  // action on click
+  var sm = $('.side_menu');
+  var aoc_m = sm.attr('data-menu'),
+      aoc_s = sm.attr('data-search'),
+      aoc_c = sm.attr('data-cart'),
+      aoc_a = sm.attr('data-acc');
+
+
+$(window).on('load resize', function(){
+  if (window.matchMedia('(min-width: 992px)').matches) {
+
+    $('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_c);
+
+    $('.menu_top').hover(function(){
+      $('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_m);
+    });
+    $('.search-widget').hover(function(){
+      $('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_s);
+    });
+    $('.cart_widget, .add_wrap, .add-to-cart').hover(function(){
+      $('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_c);
+    });
+    $('.acc_top').hover(function(){
+      $('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_a);
+    });
+  } else {
+    $('body').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay1');
+  }
+});
+
+  // side: open, levibox clicks
+  var cart_click = function (e) {
+      e.preventDefault();
+      accsidehide();
+      reopen();
+      $('.side_menu .side_menu_rel > div').removeClass('show');
+      $('#side_cart_wrap').addClass('show');
+      $('.side_close').removeClass('search_close menu_close acc_close').addClass('cart_close');
+      $('.side_close i').toggleClass('rotateit');
+      if($('.side_menu').hasClass('reopen_hide')) {
+        setTimeout(function(){
+          cartprodsshow();
+        }, 320);
+      } else {
+        cartprodsshow();
+      }
+  }
+  var search_click = function (e) {
+      e.preventDefault();
+      accsidehide();
+      cartprodshide();
+      $('.side_menu').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_s);
+      reopen();
+      searchtoside();
+      $('.side_menu .side_menu_rel > div').removeClass('show');
+      $('#side_search_wrap').addClass('show');
+
+      $('.side_close').removeClass('cart_close menu_close acc_close').addClass('search_close');
+      $('.side_close i').toggleClass('rotateit');
+
+      setTimeout(function(){
+        $('.side_menu .search-widget form input[type=text]').focus();
+      }, 1000);
+
+  }
+  var menu_click = function (e) {
+      e.preventDefault();
+      accsidehide();
+      cartprodshide();
+      $('.side_menu').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_m);
+      reopen();
+      $('.side_menu .side_menu_rel > div').removeClass('show');
+      $('#side_menu_wrap').addClass('show');
+      $('.side_close').removeClass('cart_close search_close acc_close').addClass('menu_close');
+      $('.side_close i').toggleClass('rotateit');
+  }
+  var acc_click = function (e) {
+      e.preventDefault();
+      cartprodshide();
+      $('.side_menu').removeClass('side_lay1 side_lay2 side_lay3').addClass('side_lay' + aoc_a);
+      reopen();
+      $('.side_menu .side_menu_rel > div').removeClass('show');
+      $('#side_acc_wrap').addClass('show');
+      $('.side_close').removeClass('cart_close search_close menu_close').addClass('acc_close');
+      $('.side_close i').toggleClass('rotateit');
+      if($('.side_menu').hasClass('reopen_hide')) {
+        setTimeout(function(){
+          accsideshow();
+        }, 320);
+      } else {
+        accsideshow();
+      }
+  }
+
+  $('.box-cart').off("click", cart_click).on("click", cart_click);
+  $('.box-search').off("click", search_click).on("click", search_click);
+  $('.box-menu').off("click", menu_click).on("click", menu_click);
+  $('.box-acc').off("click", acc_click).on("click", acc_click);
+
+  $('#header .row.action .blockcart a.cart_nogo').off("click", cart_click).on("click", cart_click);
+  $('#header .row.action .search_nogo').off("click", search_click).on("click", search_click);
+
+  // mobile - desktop switch
+  if ($('#is_media').css('float') == 'left') {
+
+      $('body').addClass('mob_enabled');
+
+  } else {
+      $('body').removeClass('mob_enabled');
+      $('body').removeClass('side_open side_content');
+  }
+
+  $(window).on('resize', function(){
+      if ($('#is_media').css('float') == 'left') {
+          $('body').addClass('mob_enabled');
+      } else {
+          // $('body').removeClass('mob_enabled');
+          // $('body').removeClass('side_open side_content');
+      }
+  });
+
+});
+
+// special label height
+$(window).load(function() {
+  setTimeout(function() {
+    $('#header').css('opacity','1');
+  }, 400);
+  setTimeout(function() {
+    $('#wrapper').css('opacity','1');
+  }, 700);
+  setTimeout(function() {
+    $('.breadcrumb').css({
+      'opacity':'1',
+      'transform':'matrix(1, 0, 0, 1, 0, 0)',
+    });
+  }, 750);
+});
+
+// 1.1 fix slash after home category
+var breadlast = $('.breadcrumb > ol > li:last-child').find("span[itemprop*='name']");
+if($.trim(breadlast.html())=='') {
+  breadlast.parent().prev().addClass('noafter');
+}
+
+// tooltip
+
+
+function uitiprun() {
+
+  var $uiEl = $('.tip_inside');
+  $('body').append('<div id="ui_tip"><div class="ui_wrapper"><span class="ui_title"></span></div></div>');
+  var $uiTip = $('#ui_tip');
+  var $uiTipTitle = $uiTip.find('.ui_title');
+
+  $uiEl.on('mousemove', function(e) {
+    $uiTip.css({
+      top: e.clientY,
+      left: e.clientX
+    });
+
+    var winwidth = $(window).width(),
+        tipwidth = $('#ui_tip').width(),
+        tiprightdot = e.clientX + tipwidth + 14 + 40; // plus 40 padding compensation
+
+    if (tiprightdot > winwidth) {
+      $('#ui_tip').addClass('align-right');
+    } else {
+      $('#ui_tip').removeClass('align-right');
+    }
+  });
+
+  $uiEl.on('mouseover', function(e) {
+    $uiTipTitle.text($(this).find('.tip').text());
+    setTimeout(function() {
+      $uiTip.addClass('active')
+    }, 10);
+  }).on('mouseout', function(e) {
+    setTimeout(function() {
+      $uiTip.removeClass('active');
+    }, 10);
+  });
+
+  $(window).scroll(function() {
+    setTimeout(function() {
+      if($uiTip.hasClass('active')) {
+        $uiTip.removeClass('active');
+      }
+    }, 200);
+  });
+
+}
+
+$(document).ready(() => {
+  uitiprun();
+});
+
+
+// product 3rd lay
+$('body').append('<div id="ui_prod"><div class="ui_wrapper"><span class="ui_name"><span></span></span><div><span class="ui_price"></span></div></div></div>');
+var $uiProd = $('article.pl_lay3'),
+    $uiProdTip = $('#ui_prod'),
+    $uiProdName = $uiProdTip.find('.ui_name > span'),
+    $uiProdPrice = $uiProdTip.find('.ui_price');
+
+$uiProd.on('mousemove', function(e) {
+  $uiProdTip.css({
+    top: e.clientY,
+    left: e.clientX
+  });
+  var winwidth = $(window).width(),
+      tipwidth = $('#ui_prod').width(),
+      tiprightdot = e.clientX + tipwidth + 54;
+  if (tiprightdot > winwidth) {
+    $('#ui_prod').addClass('align-right');
+  } else {
+    $('#ui_prod').removeClass('align-right');
+  }
+});
+
+$uiProd.find('.product-thumbnail').on('mouseover', function(e) {
+
+  $uiProdName.text($(this).closest('article').find('.product-title').text());
+  $uiProdPrice.html($(this).closest('article').find('.product-price-and-shipping').html());
+  setTimeout(function() {
+    $uiProdTip.addClass('active')
+  }, 10);
+
+  $(this).closest('article').find('.tip_inside').on('mouseover', function(e) {
+    console.log('inner');
+    $uiProdTip.removeClass('active');
+  }).on('mouseout', function(e) {
+    $uiProdTip.addClass('active')
+  });
+
+}).on('mouseleave', function(e) {
+  $uiProdTip.removeClass('active');
+});
+
+
+// Sticky Right Column PP
+var pp_stick = $('.pp_stick_it'),
+    pp_stick_ops = {
+        parent: '.pp_stick_parent',
+        offset_top: 90
+    };
+
+$(window).on('load resize', function(){
+  setTimeout(function() {
+
+      if (window.matchMedia('(min-width: 992px)').matches) {
+          pp_stick.stick_in_parent(pp_stick_ops);
+      } else {
+          pp_stick.trigger("sticky_kit:detach");
+      }
+
+  },750);
+
+});
+
+
+// Roy Countdowns
+$(document).ready(function($){
+    $( ".roycount" ).each(function(e) {
+        var $roycount = $(this);
+        var $dataspecificpriceto = $roycount.attr('data-specific-price-to');
+        $roycount.closest('.roycountdown').county({
+            endDateTime: new Date($dataspecificpriceto.replace(/-/g, "/")) , reflection: false, animation: 'none', theme: 'black',
+            titleDays:$roycount.data('days'),titleHours:$roycount.data('hours'),titleMinutes:$roycount.data('minutes'),titleSeconds:$roycount.data('seconds')
+        });
+    })
+});
+
+// Youtube responsive
+$(function() {
+
+    var $allVideos = $(".page-cms iframe[src^='//player.vimeo.com'], .page-cms iframe[src^='https://player.vimeo.com'], .page-cms iframe[src^='//www.youtube.com'], .page-cms iframe[src^='https://www.youtube.com'], .page-cms iframe[src^='http://www.youtube.com'], .page-cms object, .page-cms embed"),
+        $allVideosPPS = $("#short_description_content iframe[src^='//player.vimeo.com'], #short_description_content iframe[src^='https://player.vimeo.com'], #short_description_content iframe[src^='//www.youtube.com'], #short_description_content iframe[src^='https://www.youtube.com'], #short_description_content iframe[src^='http://www.youtube.com'], #short_description_content object, #short_description_content embed"),
+        $fluidElPPS = $("#short_description_content"),
+        $allVideosPPF = $("#idTab1 iframe[src^='//player.vimeo.com'], #idTab1 iframe[src^='https://player.vimeo.com'], #idTab1 iframe[src^='//www.youtube.com'], #idTab1 iframe[src^='https://www.youtube.com'], #idTab1 iframe[src^='http://www.youtube.com'], #idTab1 object, #idTab1 embed"),
+        $fluidElPPF = $("#idTab1"),
+        $allVideosB = $("#module-smartblog-details iframe[src^='//player.vimeo.com'], #module-smartblog-details iframe[src^='https://player.vimeo.com'], #module-smartblog-details iframe[src^='//www.youtube.com'], #module-smartblog-details iframe[src^='https://www.youtube.com'], #module-smartblog-details iframe[src^='http://www.youtube.com'], #module-smartblog-details object, #module-smartblog-details embed"),
+        $fluidElB = $("#module-smartblog-details #content"),
+        $allVideosRC = $(".video_banner iframe[src^='//player.vimeo.com'], .video_banner iframe[src^='https://player.vimeo.com'], .video_banner iframe[src^='//www.youtube.com'], .video_banner iframe[src^='https://www.youtube.com'], .video_banner iframe[src^='http://www.youtube.com'], .video_banner object, .video_banner embed");
+
+    $allVideos.each(function() {
+
+        $(this)
+            // jQuery .data does not work on object/embed elements
+            .attr('data-aspectRatio', this.height / this.width)
+            .removeAttr('height')
+            .removeAttr('width');
+
+    });
+
+    $(window).resize(function() {
+
+        var newWidthPPS = $fluidElPPS.width();
+        var newWidthPPF = $fluidElPPF.width();
+        var newWidthB = $fluidElB.width();
+
+        $allVideos.each(function() {
+
+            var $el = $(this);
+            var $fluidEl = $el.parent();
+            var newWidth = $fluidEl.width();
+            $el
+                .width(newWidth)
+                .height(newWidth * $el.attr('data-aspectRatio'));
+
+        });
+
+        $allVideosB.each(function() {
+            var $el = $(this);
+            $el
+                .width(newWidthB)
+                .height(newWidthB * $el.attr('data-aspectRatio'));
+        });
+        $allVideosPPS.each(function() {
+            var $el = $(this);
+            $el
+                .width(newWidthPPS)
+                .height(newWidthPPS * $el.attr('data-aspectRatio'));
+        });
+        $allVideosPPF.each(function() {
+            var $el = $(this);
+            $el
+                .width(newWidthPPF)
+                .height(newWidthPPF * $el.attr('data-aspectRatio'));
+        });
+        $allVideosRC.each(function() {
+
+            var $el = $(this);
+            var $fluidElRC = $el.closest('.video_banner');
+            var newWidthRC = $fluidElRC.width();
+            $el
+                .width(newWidthRC)
+                .height(newWidthRC * $el.attr('data-aspectRatio'));
+        });
+
+    }).resize();
+
+});