wickes-css2 2.103.0-IC-976-pre-commit-lint.2 → 2.103.0-IC-976-pre-commit-lint.4

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

@@ -6,27 +6,20 @@ 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'
-        ],
-        navLabels = [
-            '.main-nav__top-level__label'
-        ],
-        navDropdown = [
-            '.main-nav__menu__label',
-            '.main-nav__sub-menu__label'
+            '.main-nav__sub-sub-menu__item',
         ],
+        navLabels = ['.main-nav__top-level__label'],
+        navDropdown = ['.main-nav__menu__label', '.main-nav__sub-menu__label'],
         currentLevel = 0,
         desktopNav,
-        mobileNav,
-        navSubMenuIsHovered = false;
-
+        mobileNav;
 
     function setBottomShadowWhenNoBreadcrumbs() {
         if (!$('.breadcrumbs').length) {
@@ -36,7 +29,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();
 
@@ -45,14 +38,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) {
@@ -63,13 +56,6 @@ 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'),
@@ -81,7 +67,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);
@@ -94,33 +80,36 @@ 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 (e) {
+        this.showNavSection = function () {
             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 () {
@@ -131,33 +120,32 @@ Wick.Nav = function () {
             return false;
         };
 
-        this.closeOpenSub = function() {
-            $('.js-open').removeClass(isOpen)
-        }
+        this.closeOpenSub = function () {
+            $('.js-open').removeClass(isOpen);
+        };
 
-        this.openSubNavigation = function (e) {
+        ((this.openSubNavigation = function () {
             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 () {
@@ -190,40 +178,46 @@ 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,50 +1,68 @@
 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){
+    return {
+        show: function (params) {
+            var $oldNote = $(params.container).find('.notification');
+            if ($oldNote.length) {
+                $oldNote.remove();
+            }
 
-      var $oldNote = $(params.container).find('.notification');
-      if ($oldNote.length) {
-        $oldNote.remove();
-      }
+            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 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.noScrolling === undefined) {
+                $('html, body').animate(
+                    { scrollTop: newNote.$self.offset()?.top - offset - stickyHeaderOffset - 30 },
+                    300
+                );
+            }
 
-      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;
-    }
-  };
+            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,54 +1,55 @@
 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();
+    });
 })();