wickes-css2 2.103.0-IC-976-pre-commit-lint.5 → 2.103.0-IC-976-pre-commit-lint.8

package/src/js/components/general/main-navigation.js

@@ -6,20 +6,27 @@ Wick.Nav = function () {
             '.main-nav__menu-wrapper',
             '.main-nav__sub-menu__wrapper',
             '.main-nav__offers',
-            '.main-nav__sub-sub-menu__wrapper',
+            '.main-nav__sub-sub-menu__wrapper'
         ],
         navItems = [
             '.main-nav__top-level__item',
             '.main-nav__menu__item',
             '.main-nav__sub-menu__item, .main-nav__offers__wrapper',
             '.main-nav__sub-menu__item',
-            '.main-nav__sub-sub-menu__item',
+            '.main-nav__sub-sub-menu__item'
+        ],
+        navLabels = [
+            '.main-nav__top-level__label'
+        ],
+        navDropdown = [
+            '.main-nav__menu__label',
+            '.main-nav__sub-menu__label'
         ],
-        navLabels = ['.main-nav__top-level__label'],
-        navDropdown = ['.main-nav__menu__label', '.main-nav__sub-menu__label'],
         currentLevel = 0,
         desktopNav,
-        mobileNav;
+        mobileNav,
+        navSubMenuIsHovered = false;
+
 
     function setBottomShadowWhenNoBreadcrumbs() {
         if (!$('.breadcrumbs').length) {
@@ -29,7 +36,7 @@ Wick.Nav = function () {
 
     function setActiveLink() {
         const pathname = location.pathname.toLowerCase();
-        $('.main-nav li:not(.main-nav__sub-menu__view-more) > a').each(function () {
+        $('.main-nav li:not(.main-nav__sub-menu__view-more) > a').each(function() {
             const link = $(this).attr('href') || '';
             const lowerCaseLink = link.toLowerCase();
 
@@ -38,14 +45,14 @@ Wick.Nav = function () {
             }
 
             const replacedLink = replaceAndWithPlusSymbol(lowerCaseLink);
-            if (pathname.endsWith(replacedLink)) {
+            if(pathname.endsWith(replacedLink)) {
                 $(this).addClass('active');
             }
-        });
+        })
     }
 
     function replaceAndWithPlusSymbol(link) {
-        return link.replace(/-and-/g, '+');
+        return link.replace(/-and-/g, '+')
     }
 
     function setCurrentVisibleLevel(lvl) {
@@ -56,6 +63,13 @@ Wick.Nav = function () {
         $(sectionName).removeAttr('style');
     }
 
+    function resizeNavSection(firstSection, SecondSection, padding) {
+        if (padding == null) {
+            padding = 0;
+        }
+        $(firstSection).css({"min-height": $(SecondSection).height() + padding});
+    }
+
     function mobileNavigation() {
         var self = this,
             $btnHamburger = $('.header-hamburger-menu'),
@@ -67,7 +81,7 @@ Wick.Nav = function () {
             mobileNavBodyClass = 'mobile-nav-opened',
             isHidden = 'js-down-sm-hidden',
             isVisible = 'js-visible';
-        isOpen = 'js-open';
+            isOpen = 'js-open';
 
         this.toggleNavVisibility = function () {
             $btnHamburger.toggleClass(hamburgerState);
@@ -80,36 +94,33 @@ Wick.Nav = function () {
             $('body').toggleClass(mobileNavBodyClass);
         };
 
-        this.checkLink = function ($link) {
-            if ($link.hasClass('main-nav__offers__label')) {
+        this.checkLink = function($link) {
+            if ($link.hasClass("main-nav__offers__label")) {
                 if (!$link.is(navLabels[currentLevel]) || !$link.nextAll(navs.join(',')).length) {
                     return true;
                 }
             } else {
                 // Click on link from previous level or without submenu will directly follow the link
-                if (
-                    !$link.is(navLabels[currentLevel - 1]) ||
-                    !$link.nextAll(navs.join(',')).length
-                ) {
+                if (!$link.is(navLabels[currentLevel - 1]) || !$link.nextAll(navs.join(',')).length) {
                     return true;
                 }
             }
 
-            return false;
-        };
+            return false
+        }
 
-        this.showNavSection = function () {
+        this.showNavSection = function (e) {
             var $link = $(this);
 
             if (self.checkLink($link)) {
-                return true;
+                return true
             }
 
             $link.parent().addClass(isVisible);
             $navSection.addClass('slide-in');
 
             $('html, body').animate({
-                scrollTop: $('body').offset().top,
+                scrollTop: $("body").offset().top
             });
 
             setTimeout(function () {
@@ -120,32 +131,33 @@ Wick.Nav = function () {
             return false;
         };
 
-        this.closeOpenSub = function () {
-            $('.js-open').removeClass(isOpen);
-        };
+        this.closeOpenSub = function() {
+            $('.js-open').removeClass(isOpen)
+        }
 
-        ((this.openSubNavigation = function () {
+        this.openSubNavigation = function (e) {
             var $link = $(this).parent();
 
             if ($link.hasClass(isOpen)) {
-                $link.removeClass(isOpen);
+                $link.removeClass(isOpen)
             } else {
-                $link.addClass(isOpen);
-                $(this).next().focus();
+                $link.addClass(isOpen)
+                $(this).next().focus()
             }
 
-            return false;
-        }),
-            (this.handleBackBtnClick = function () {
-                $(navItems[currentLevel - 2]).removeClass(isVisible);
-                $navSection.addClass('slide-in-l2r');
-                setTimeout(function () {
-                    $navSection.removeClass('slide-in-l2r');
-                }, 300);
-                self.closeOpenSub();
-
-                setCurrentVisibleLevel(--currentLevel);
-            }));
+            return false
+        },
+
+        this.handleBackBtnClick = function () {
+            $(navItems[currentLevel - 2]).removeClass(isVisible);
+            $navSection.addClass('slide-in-l2r');
+            setTimeout(function () {
+                $navSection.removeClass('slide-in-l2r');
+            }, 300);
+            self.closeOpenSub()
+
+            setCurrentVisibleLevel(--currentLevel);
+        };
 
         this.init = function () {
             $btnHamburger.on('click.mobile', function () {
@@ -178,46 +190,40 @@ Wick.Nav = function () {
                 hovered = $li.hasClass(isHovered);
 
             if (hovered || !$link.nextAll(navs.join(',')).length) {
-                $link.data('shouldPrevent', false);
+                $link.data("shouldPrevent", false);
                 return true;
             }
 
             $li.siblings().removeClass(isHovered);
             $li.addClass(isHovered);
             $nav.addClass(isHoveredLvl1);
-            $link.data('shouldPrevent', true);
-            $(document)
-                .off('touchstart.leaveNav')
-                .on('touchstart.leaveNav', function (e) {
-                    if (!$(e.target).parents('.main-nav').length) {
-                        $nav.removeClass(isHoveredLvl1)
-                            .find(navItems.join(','))
-                            .removeClass(isHovered);
-                        $(document).off('touchstart.leaveNav');
-                    }
-                });
+            $link.data("shouldPrevent", true);
+            $(document).off("touchstart.leaveNav").on("touchstart.leaveNav", function (e) {
+                if (!$(e.target).parents('.main-nav').length) {
+                    $nav.removeClass(isHoveredLvl1).find(navItems.join(',')).removeClass(isHovered);
+                    $(document).off("touchstart.leaveNav")
+                }
+            });
         };
 
         this.handleTouchend = function (e) {
             console.log('end');
-            $(this).data('shouldPrevent') && e.preventDefault();
+            $(this).data("shouldPrevent") && e.preventDefault();
         };
 
         this.bindHoverEvents = function () {
-            $(navItems[0])
-                .on('mouseenter.navDesktop', function () {
-                    $(this).addClass(isHovered);
-                    if ($(this).children(navs[1]).length) {
-                        $nav.addClass(isHoveredLvl1);
-                        resetSectionHeight('.main-nav__menu-wrapper');
-                    }
-                })
-                .on('mouseleave.navDesktop', function () {
-                    $(this).removeClass(isHovered);
-                    $nav.removeClass(isHoveredLvl1);
-                    $(navItems[1]).removeClass(isHovered);
-                    resetSectionHeight('.main-nav__menu-wrapper');
-                });
+            $(navItems[0]).on('mouseenter.navDesktop', function () {
+                $(this).addClass(isHovered)
+                if ($(this).children(navs[1]).length) {
+                    $nav.addClass(isHoveredLvl1);
+                    resetSectionHeight(".main-nav__menu-wrapper");
+                }
+            }).on('mouseleave.navDesktop', function () {
+                $(this).removeClass(isHovered)
+                $nav.removeClass(isHoveredLvl1);
+                $(navItems[1]).removeClass(isHovered);
+                resetSectionHeight(".main-nav__menu-wrapper");
+            });
         };
 
         this.bindTouchEvents = function () {

package/src/js/components/general/mini-basket-slider.js

@@ -1,8 +1,8 @@
 createPopupSlider({
-    type: 'miniBasket',
-    sliderSelector: '.custom-slider.mini-basket',
-    onAppendEvent: 'showMiniBasket',
-    onAppend: function (event, { showSlider }) {
-        showSlider();
-    },
+  type: 'miniBasket',
+  sliderSelector: '.custom-slider.mini-basket',
+  onAppendEvent: 'showMiniBasket',
+  onAppend: function (event, { showSlider }) {
+    showSlider();
+  },
 });

package/src/js/components/general/notification.js

@@ -1,68 +1,50 @@
 var Wick = Wick || {};
-Wick.Notification = (function () {
-    function Notification(params) {
-        var self = this,
-            iconSuccess =
-                '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>',
-            iconWarning =
-                '<span class="icon notification__icon"><span class="fas fa-exclamation-circle"></span></span>',
-            closeBtn =
-                '<span class="icon notification__close"><span class="far fa-times"></span></span>';
+Wick.Notification = (function(){
+  function Notification(params){
+    var self = this,
+        iconSuccess = '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>',
+        iconWarning = '<span class="icon notification__icon"><span class="fas fa-exclamation-circle"></span></span>',
+        closeBtn = '<span class="icon notification__close"><span class="far fa-times"></span></span>';
 
-        this.$self = $('<div/>', {
-            class: 'notification notification_general notification_' + params.type,
-            html: params.text,
-        })
-            .prepend(
-                params.type === 'success'
-                    ? iconSuccess
-                    : params.type === 'warning'
-                      ? iconWarning
-                      : params.type === 'error'
-                        ? iconWarning
-                        : ''
-            )
-            .prepend(params.closeBtn ? closeBtn : '')
-            .prependTo(params.container);
+    this.$self = $('<div/>', {
+      'class': 'notification notification_general notification_' + params.type,
+      html: params.text
+    })
+        .prepend(params.type === 'success' ? iconSuccess : params.type === 'warning' ? iconWarning : params.type === 'error' ? iconWarning : '')
+        .prepend(params.closeBtn ? closeBtn : '')
+        .prependTo(params.container);
 
-        this.hide = function () {
-            self.$self.remove();
-        };
+    this.hide = function(){
+      self.$self.remove();
     }
+  }
 
-    $(document).on('click', '.notification__close', function () {
-        $(this).parents('.notification, .notification_app, .sticky-wrapper').remove();
-    });
+  $(document).on('click', '.notification__close', function(){
+    $(this).parents('.notification, .notification_app, .sticky-wrapper').remove();
+  });
 
-    return {
-        show: function (params) {
-            var $oldNote = $(params.container).find('.notification');
-            if ($oldNote.length) {
-                $oldNote.remove();
-            }
+  return {
+    show: function(params){
 
-            var newNote = new Notification(params),
-                offset = Wick.OfferBanner ? Wick.OfferBanner.$element.outerHeight(true) : 0,
-                stickyHeaderOffset = $('body.tp-app').length
-                    ? $('.sticky-header-wrapper').height() || 0
-                    : 0;
+      var $oldNote = $(params.container).find('.notification');
+      if ($oldNote.length) {
+        $oldNote.remove();
+      }
 
-            if (params.noScrolling === undefined) {
-                $('html, body').animate(
-                    { scrollTop: newNote.$self.offset()?.top - offset - stickyHeaderOffset - 30 },
-                    300
-                );
-            }
+      var newNote = new Notification(params),
+          offset = (Wick.OfferBanner ? Wick.OfferBanner.$element.outerHeight(true) : 0),
+          stickyHeaderOffset = ($('body.tp-app').length ? $('.sticky-header-wrapper').height() || 0 : 0);
 
-            if (params.temporary !== undefined) {
-                setTimeout(
-                    function () {
-                        newNote.hide();
-                    },
-                    params.delay ? params.delay : 5000
-                );
-            }
-            return newNote;
-        },
-    };
+      if (params.noScrolling === undefined) {
+        $('html, body').animate({ scrollTop: newNote.$self.offset()?.top - offset - stickyHeaderOffset - 30 }, 300);
+      }
+
+      if (params.temporary !== undefined) {
+        setTimeout(function () {
+          newNote.hide();
+        }, params.delay ? params.delay : 5000)
+      }
+      return newNote;
+    }
+  };
 })();

package/src/js/components/general/offer-banner.js

@@ -1,74 +1,74 @@
 $(document).ready(function () {
-    Wick.OfferBanner = (function () {
-        var offerBanner = $('.offer-banner')[0],
-            offer;
+  Wick.OfferBanner = (function () {
+    var offerBanner = $('.offer-banner')[0],
+      offer;
 
-        var stickyWrapper = $('.sticky-wrapper')[0];
+    var stickyWrapper = $('.sticky-wrapper')[0];
 
-        if (!offerBanner) {
-            return;
-        }
+    if (!offerBanner) {
+      return;
+    }
 
-        Wick.applyBottomMarginIfBanner = function () {
-            if (!Wick.isTradePro) {
-                return;
-            }
+    Wick.applyBottomMarginIfBanner = function () {
+      if (!Wick.isTradePro) {
+        return;
+      }
 
-            if (!offerBanner) {
-                return;
-            }
+      if (!offerBanner) {
+        return;
+      }
 
-            let bannerHeight = $(offerBanner).outerHeight();
-            $(stickyWrapper).css('margin-bottom', bannerHeight + 'px');
-        };
+      let bannerHeight = $(offerBanner).outerHeight();
+      $(stickyWrapper).css('margin-bottom', bannerHeight + 'px');
+    };
 
-        var init = function () {
-            offer = new Waypoint.Sticky({
-                element: offerBanner,
-            });
-        };
+    var init = function () {
+      offer = new Waypoint.Sticky({
+        element: offerBanner
+      });
+    };
 
-        var toggle = function () {
-            if (offer) {
-                offer.destroy();
-                offer = null;
-            } else {
-                init();
-            }
-        };
+    var toggle = function () {
+      if (offer) {
+        offer.destroy();
+        offer = null;
+      } else {
+        init();
+      }
+    };
 
-        function handleResize() {
-            if (!offer) {
-                return;
-            }
-            var elHeight = offer.$element.outerHeight(true);
-            if (elHeight !== offer.$wrapper.outerHeight(true)) {
-                offer.$wrapper.height(elHeight);
-            }
+    function handleResize() {
+      if (!offer) {
+        return;
+      }
+      var elHeight = offer.$element.outerHeight(true);
+      if (elHeight !== offer.$wrapper.outerHeight(true)) {
+        offer.$wrapper.height(elHeight);
+      }
 
-            Wick.applyBottomMarginIfBanner();
-        }
+      Wick.applyBottomMarginIfBanner();
+    }
 
-        var bindEvents = function () {
-            $(window).on('resize', handleResize);
-            $(window).on('orientationchange', handleResize);
-            $(document).on('mobileNav.toggle', toggle);
-        };
+    var bindEvents = function () {
+      $(window).on('resize', handleResize);
+      $(window).on('orientationchange', handleResize);
+      $(document).on('mobileNav.toggle', toggle);
+    };
 
-        // Workaround for sticky banner functionality in IE
-        function isIE() {
-            var ua = navigator.userAgent;
-            /* MSIE used to detect old browsers and Trident used to newer ones*/
-            return ua.indexOf('MSIE ') > -1 || ua.indexOf('Trident/') > -1;
-        }
+    // Workaround for sticky banner functionality in IE
+    function isIE() {
+      var ua = navigator.userAgent;
+      /* MSIE used to detect old browsers and Trident used to newer ones*/
+      return ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
+    }
 
-        if (isIE()) {
-            init();
-            bindEvents();
-        }
+    if (isIE()) {
+      init();
+      bindEvents();
+    }
 
-        Wick.applyBottomMarginIfBanner();
+    Wick.applyBottomMarginIfBanner();
 
-        return offer;
-    })();
+    return offer;
+  })();
 });

package/src/js/components/general/scroll-disable.js

@@ -1,55 +1,54 @@
 var Wick = Wick || {};
 
 Wick.ScrollDisable = {
-    el: {
-        $body: $('body'),
-    },
-    currentPosition: 0,
-    disableScroll: function () {
-        Wick.ScrollDisable.el.$body
-            .addClass('scroll-disable')
-            .css('margin-top', -Wick.ScrollDisable.currentPosition + 'px');
-    },
-    enableScroll: function () {
-        Wick.ScrollDisable.el.$body.removeClass('scroll-disable').css('margin-top', '');
-        window.scrollTo(0, Wick.ScrollDisable.currentPosition);
-    },
-    initializeShowModalEvents: function (modal) {
-        const $modal = $(modal);
-        Wick.ScrollDisable.currentPosition = $(window).scrollTop();
+  el: {
+    $body: $('body')
+  },
+  currentPosition: 0,
+  disableScroll: function () {
+    Wick.ScrollDisable.el.$body
+      .addClass('scroll-disable')
+      .css('margin-top', -Wick.ScrollDisable.currentPosition + 'px');
+  },
+  enableScroll: function () {
+    Wick.ScrollDisable.el.$body
+      .removeClass('scroll-disable')
+      .css('margin-top', '');
+    window.scrollTo(0, Wick.ScrollDisable.currentPosition);
+  },
+  initializeShowModalEvents: function (modal) {
+    const $modal = $(modal);
+    Wick.ScrollDisable.currentPosition = $(window).scrollTop();
 
-        Wick.ScrollDisable.disableScroll();
-        Wick.ScrollDisable.initializeHideModalEvents($modal);
-    },
-    initializeHideModalEvents: function (modal) {
-        modal.on('hidden.bs.modal', function () {
-            Wick.ScrollDisable.enableScroll();
-        });
-    },
-    handleTagAdded: function () {
-        Wick.ScrollDisable.currentPosition = $(window).scrollTop();
-        Wick.ScrollDisable.disableScroll(Wick.ScrollDisable.currentPosition);
-    },
-    handleTagRemoved: function () {
-        Wick.ScrollDisable.enableScroll(Wick.ScrollDisable.currentPosition);
-    },
-    init: function () {
-        if (!Wick.Responsive.isTouchDevice()) {
-            return;
-        }
+    Wick.ScrollDisable.disableScroll();
+    Wick.ScrollDisable.initializeHideModalEvents($modal);
+  },
+  initializeHideModalEvents: function (modal) {
+    modal.on('hidden.bs.modal', function() {
+      Wick.ScrollDisable.enableScroll();
+    });
+  },
+  handleTagAdded: function () {
+    Wick.ScrollDisable.currentPosition = $(window).scrollTop();
+    Wick.ScrollDisable.disableScroll(Wick.ScrollDisable.currentPosition);
+  },
+  handleTagRemoved: function () {
+    Wick.ScrollDisable.enableScroll(Wick.ScrollDisable.currentPosition);
+  },
+  init: function () {
+    if (!Wick.Responsive.isTouchDevice()) {
+      return;
+    }
 
-        $(document).on('show.bs.modal', '.modal', function (event) {
-            Wick.ScrollDisable.initializeShowModalEvents(event.currentTarget);
-        });
+    $(document).on('show.bs.modal', '.modal', function (event) {
+      Wick.ScrollDisable.initializeShowModalEvents(event.currentTarget);
+    });
 
-        Wick.ScrollDisable.el.$body.on('tagKlarnaModalAdded', Wick.ScrollDisable.handleTagAdded);
-        Wick.ScrollDisable.el.$body.on(
-            'tagKlarnaModalRemoved',
-            Wick.ScrollDisable.handleTagRemoved
-        );
-    },
+    Wick.ScrollDisable.el.$body.on("tagKlarnaModalAdded", Wick.ScrollDisable.handleTagAdded);
+    Wick.ScrollDisable.el.$body.on("tagKlarnaModalRemoved", Wick.ScrollDisable.handleTagRemoved);
+  }
 };
 
 $(document).ready(function () {
-    Wick.ScrollDisable.init();
+  Wick.ScrollDisable.init();
 });

package/src/js/components/general/search-filter.js

@@ -1,21 +1,21 @@
 var Wick = Wick || {};
 Wick.Overlay = (function () {
-    var filterMobile = $('.filter-results_mobile');
-    $('#open-overlay').click(function (event) {
-        event.preventDefault();
-        $('body').addClass('is-filters-visible');
-        filterMobile.toggleClass('show');
-    });
+  var filterMobile = $('.filter-results_mobile');
+  $('#open-overlay').click(function (event) {
+    event.preventDefault();
+    $('body').addClass('is-filters-visible');
+    filterMobile.toggleClass('show');
+  });
 
-    $('#close-overlay, .filter-results__btn-close').click(function (event) {
-        event.preventDefault();
-        if (filterMobile.hasClass('show')) {
-            $('body').removeClass('is-filters-visible');
-            filterMobile.removeClass('show');
-        }
-    });
+  $('#close-overlay, .filter-results__btn-close').click(function (event) {
+    event.preventDefault();
+    if (filterMobile.hasClass('show')) {
+      $('body').removeClass('is-filters-visible');
+      filterMobile.removeClass('show');
+    }
+  });
 
-    $('.filter-results_desktop .filter__item input[type="checkbox"]').click(function () {
-        $(this).closest('form').submit();
-    });
+  $('.filter-results_desktop .filter__item input[type="checkbox"]').click(function () {
+    $(this).closest('form').submit();
+  });
 })();