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/search.js

@@ -1,41 +1,43 @@
 var Wick = Wick || {};
 
-Wick.Search = (function () {
-    var $searchBtn = $('#search-button'),
-        $searchWrapper = $('#search-wrapper'),
-        $searchInput = $('#search'),
-        searchWrapperActive = 'search-wrapper--active',
-        searchActive = 'search--active',
-        navButton = $('.header-hamburger-menu'),
-        openNavClass = 'header-hamburger-menu_close-visible';
+Wick.Search = (function() {
+  var $searchBtn = $('#search-button'),
+    $searchWrapper = $('#search-wrapper'),
+    $searchInput = $('#search'),
+    searchWrapperActive = 'search-wrapper--active',
+    searchActive = 'search--active',
+    navButton = $('.header-hamburger-menu'),
+    openNavClass = 'header-hamburger-menu_close-visible';
 
     var closeNav = function () {
-        if (navButton.hasClass(openNavClass)) {
-            navButton.trigger('click').trigger('blur');
-        }
+      if (navButton.hasClass(openNavClass)) {
+        navButton
+          .trigger('click')
+          .trigger('blur')
+      }
     };
 
     var showSearch = function () {
-        $searchWrapper.addClass(searchWrapperActive);
-        $searchInput.focus();
-        $searchBtn.addClass(searchActive);
-        closeNav();
+      $searchWrapper.addClass(searchWrapperActive);
+      $searchInput.focus();
+      $searchBtn.addClass(searchActive);
+      closeNav();
     };
 
     var hideSearch = function () {
-        $searchWrapper.removeClass(searchWrapperActive);
-        $searchBtn.removeClass(searchActive);
+      $searchWrapper.removeClass(searchWrapperActive);
+      $searchBtn.removeClass(searchActive);
     };
 
-    $searchInput.focusout(function () {
-        setTimeout(hideSearch, 0);
-    });
+    $searchInput.focusout(function() {
+      setTimeout(hideSearch,0);
+    })
 
     $searchBtn.click(function () {
-        if ($searchBtn.hasClass(searchActive)) {
-            hideSearch();
-        } else {
-            showSearch();
-        }
-    });
-})();
+      if ($searchBtn.hasClass(searchActive)) {
+        hideSearch();
+      } else {
+        showSearch();
+      }
+    })
+})()

package/src/js/components/general/snack-bar.js

@@ -5,7 +5,7 @@ Wick.SnackBar = {
     types: {
         SUCCESS: 'success',
         ERROR: 'error',
-        WARNING: 'warning',
+        WARNING: 'warning'
     },
 };
 
@@ -46,12 +46,13 @@ Wick.SnackBar = {
             console.warn('Snack bar already initialized');
             return;
         }
-        const wrapper = $('<div>', { class: overlayClassName });
+        const wrapper = $("<div>", { class: overlayClassName });
         $(document.body).append(wrapper);
     },
 
     defineOverlayListener() {
-        $(Wick.SnackBar.overlaySelector).on('click', Wick.SnackBar.hideOverlayByOutsideClick);
+        $(Wick.SnackBar.overlaySelector)
+            .on('click', Wick.SnackBar.hideOverlayByOutsideClick);
     },
 
     getDefaultOptionsForMessageType(type) {
@@ -60,9 +61,7 @@ Wick.SnackBar = {
 
     show(messageOptions) {
         const id = Date.now();
-        const defaultMessageOptions = Wick.SnackBar.getDefaultOptionsForMessageType(
-            messageOptions.type
-        );
+        const defaultMessageOptions = Wick.SnackBar.getDefaultOptionsForMessageType(messageOptions.type);
         const templateArgs = {
             ...defaultMessageOptions,
             ...messageOptions,
@@ -81,7 +80,7 @@ Wick.SnackBar = {
             <span class="icon notification__close">
                 <span class="far fa-times"></span>
             </span>
-        `);
+        `)
         closeBtn.on('click', function (e) {
             e.stopPropagation();
             const message = $(this).closest('.snack-bar-notification-wrapper');
@@ -94,7 +93,7 @@ Wick.SnackBar = {
                     Wick.SnackBar.hideOverlay();
                 }
             });
-        });
+        })
         template.find('.snack-bar-notification-popup').append(closeBtn);
     },
 
@@ -106,7 +105,7 @@ Wick.SnackBar = {
         $(Wick.SnackBar.overlaySelector).fadeOut();
     },
 
-    getTemplate(text = '', icon, className) {
+    getTemplate(text = '', icon, className){
         return $(`
         <div class="snack-bar-notification-wrapper">
           <div class="snack-bar-notification-wrapper-inner">
@@ -122,7 +121,7 @@ Wick.SnackBar = {
     },
 
     addTemplateId(template, id) {
-        template.attr('data-message-id', id);
+        template.attr('data-message-id', id)
     },
 
     hasChildren(selector) {
@@ -138,17 +137,9 @@ Wick.SnackBar = {
         });
     },
 
-    createMessageTemplate({
-        text,
-        icon,
-        className,
-        withCloseButton,
-        id,
-        delayBeforeClose,
-        autoClose,
-    }) {
+    createMessageTemplate({ text, icon, className, withCloseButton, id, delayBeforeClose, autoClose }) {
         const templateWithText = Wick.SnackBar.getTemplate(text, icon, className);
-        Wick.SnackBar.addTemplateId(templateWithText, id);
+        Wick.SnackBar.addTemplateId(templateWithText, id)
         if (withCloseButton) {
             Wick.SnackBar.addCloseBtn(templateWithText);
         }

package/src/js/components/general/sticky_header.js

@@ -1,5 +1,6 @@
 var Wick = Wick || {};
 Wick.StickyHeader = (function () {
+
     var position = $(window).scrollTop(),
         headerTopLine = $('.header__top-line'),
         headerWrapper = $('.header-wrapper'),
@@ -20,12 +21,13 @@ Wick.StickyHeader = (function () {
             } else if (scroll < position && flag === 0) {
                 showTop(scroll, position);
             }
-        } else if (mainNavDisplay === 'block' && flag === 0) {
+        } else if (mainNavDisplay === 'block' && flag === 0){
             showTop(scroll, position);
         }
         position = scroll;
     });
 
+
     function hideTop(pageOffsetTop, scrolledPosition) {
         if (pageOffsetTop + scrolledPosition <= 0) {
             return;
@@ -46,18 +48,15 @@ Wick.StickyHeader = (function () {
     }
 
     function goBack() {
-        $('.header-back-btn').click(function (e) {
+        $('.header-back-btn').click(function(e){
             e.stopPropagation();
             e.preventDefault();
-            if (
-                navigator.userAgent.match(
-                    /TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i
-                )
-            ) {
-                window.history.back();
+            if (navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i)) {
+	            window.history.back();
             }
         });
     }
 
     goBack();
+
 })();

package/src/js/components/general/switchVat.js

@@ -1,164 +1,164 @@
 var Wick = window.Wick || {};
 
 Wick.VatToggle = {
-    VAT_COOKIE: 'isVatChecked',
-    TOGGLE_VAT_EVENT_NAME: 'toggleVat',
-    HIDDEN_CLASS_NAME: 'd-none',
-    el: {
-        switchVatLabel: '.switch-vat-label',
-        includingVat: '.including-vat',
-        excludingVat: '.excluding-vat',
-        includingVatGlobalClass: 'including-vat-global',
-        excludingVatGlobalClass: 'excluding-vat-global',
-        switchVatInput: '.switch-vat input',
-        isHidden: 'd-none',
-        switchLabelCheckedClass: 'switch-label__checked',
-    },
-
-    toggle: function () {
-        const newSwitcherValue = !Wick.VatToggle.isOn();
-
-        Wick.VatToggle.setLabelState();
-        Wick.VatToggle.setSwitcherState(newSwitcherValue);
-
-        Wick.VatToggle.setCookie(Wick.VatToggle.VAT_COOKIE, newSwitcherValue);
-
-        const event = Wick.VatToggle.createToggleEvent(newSwitcherValue);
-        window.dispatchEvent(event);
-    },
-
-    setLabelState: function () {
-        Wick.VatToggle.toggleLabelClass();
-    },
-
-    setSwitcherState: function (isToggled) {
-        $(Wick.VatToggle.el.switchVatInput).attr('checked', isToggled);
-    },
-
-    getSwitcherState: function () {
-        if ($(Wick.VatToggle.el.switchVatInput).length) {
-            return !!$(Wick.VatToggle.el.switchVatInput).attr('checked');
-        } else {
-            return null;
-        }
-    },
-
-    createToggleEvent: function (isToggled) {
-        return new CustomEvent(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, {
-            detail: { toggled: isToggled },
-        });
-    },
-
-    toggleLabelClass: function () {
-        $(Wick.VatToggle.el.switchVatLabel).toggleClass(Wick.VatToggle.el.switchLabelCheckedClass);
-    },
-
-    isToggleVatAvailable: function () {
-        //added so that it doesn't trigger in the local environment
-        if (!Wick.checkLocalEnv) {
-            return window.ACC.app.isVatToggleAvailable;
-        }
-    },
-
-    isOn: function () {
-        return !!Wick.VatToggle.getCookie(Wick.VatToggle.VAT_COOKIE);
-    },
-
-    toggleDisplayClass: function () {
-        const includingVatEl = Wick.VatToggle.el.includingVat;
-        const excludingVat = Wick.VatToggle.el.excludingVat;
-        const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
-
-        $(includingVatEl).toggleClass(hiddenClassName);
-        $(excludingVat).toggleClass(hiddenClassName);
-    },
-    reapplyDisplayClass: function () {
-        const includingVatEl = Wick.VatToggle.el.includingVat;
-        const excludingVatEl = Wick.VatToggle.el.excludingVat;
-        const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
-
-        let vatState = null;
-
-        // check switcher state for web or cookie for app
-        if (Wick.VatToggle.getSwitcherState() !== null) {
-            vatState = Wick.VatToggle.getSwitcherState();
-        } else {
-            vatState = Wick.VatToggle.isOn();
-        }
-
-        if (vatState) {
-            $(includingVatEl).addClass(hiddenClassName);
-            $(excludingVatEl).removeClass(hiddenClassName);
-        } else {
-            $(includingVatEl).removeClass(hiddenClassName);
-            $(excludingVatEl).addClass(hiddenClassName);
-        }
-    },
-
-    updateGlobalClass: function () {
-        const includingVatGlobal = Wick.VatToggle.el.includingVatGlobalClass;
-        const excludingVatGlobal = Wick.VatToggle.el.excludingVatGlobalClass;
-
-        if (Wick.VatToggle.isOn()) {
-            $('body').removeClass(includingVatGlobal).addClass(excludingVatGlobal);
-        } else {
-            $('body').removeClass(excludingVatGlobal).addClass(includingVatGlobal);
-        }
-    },
-
-    getCookie: function (cookieName) {
-        const cookie = decodeURIComponent(document.cookie)
-            .split(';')
-            .map((cookie = '') => cookie.trim())
-            .find((cookie = '') => cookie.startsWith(`${cookieName}=`));
-
-        if (cookie) {
-            const cookieValue = cookie.replace(`${cookieName}=`, '');
-            return covertStringBooleanToBoolean(cookieValue);
-        }
-
-        return '';
-    },
-
-    setCookie: function (cookie, value) {
-        const cookiesString = `${cookie}=${encodeURIComponent(value)};path=/`;
-        document.cookie = cookiesString;
-    },
-
-    init: function () {
-        const isVatShouldBeToggled = Wick.VatToggle.isOn();
-        const isVatToggled = !!Wick.VatToggle.getSwitcherState();
-
-        if (isVatShouldBeToggled) {
-            Wick.VatToggle.setLabelState();
-        }
-        Wick.VatToggle.setSwitcherState(isVatShouldBeToggled);
-        Wick.VatToggle.updateGlobalClass();
-
-        $(Wick.VatToggle.el.switchVatInput).on('change', Wick.VatToggle.toggle);
-
-        $(window).on(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, function () {
-            Wick.VatToggle.toggleDisplayClass();
-            Wick.VatToggle.updateGlobalClass();
-        });
-
-        if (isVatShouldBeToggled !== isVatToggled) {
-            const event = Wick.VatToggle.createToggleEvent(isVatShouldBeToggled);
-            window.dispatchEvent(event);
-        }
-    },
-};
+  VAT_COOKIE: 'isVatChecked',
+  TOGGLE_VAT_EVENT_NAME: 'toggleVat',
+  HIDDEN_CLASS_NAME: 'd-none',
+  el: {
+    switchVatLabel: '.switch-vat-label',
+    includingVat: '.including-vat',
+    excludingVat: '.excluding-vat',
+    includingVatGlobalClass: 'including-vat-global',
+    excludingVatGlobalClass: 'excluding-vat-global',
+    switchVatInput: '.switch-vat input',
+    isHidden: 'd-none',
+    switchLabelCheckedClass: 'switch-label__checked',
+  },
+
+  toggle: function () {
+    const newSwitcherValue = !Wick.VatToggle.isOn();
+
+    Wick.VatToggle.setLabelState();
+    Wick.VatToggle.setSwitcherState(newSwitcherValue);
+
+    Wick.VatToggle.setCookie(Wick.VatToggle.VAT_COOKIE, newSwitcherValue);
+
+    const event = Wick.VatToggle.createToggleEvent(newSwitcherValue);
+    window.dispatchEvent(event);
+  },
+
+  setLabelState: function() {
+    Wick.VatToggle.toggleLabelClass();
+  },
+
+  setSwitcherState: function(isToggled) {
+    $(Wick.VatToggle.el.switchVatInput).attr('checked', isToggled);
+  },
+
+  getSwitcherState: function() {
+    if ($(Wick.VatToggle.el.switchVatInput).length) {
+      return !!$(Wick.VatToggle.el.switchVatInput).attr('checked');
+    } else {
+      return null;
+    }
+  },
+
+  createToggleEvent: function(isToggled) {
+    return new CustomEvent(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, {
+      detail: { toggled: isToggled },
+    });
+  },
+
+  toggleLabelClass: function () {
+    $(Wick.VatToggle.el.switchVatLabel).toggleClass(Wick.VatToggle.el.switchLabelCheckedClass);
+  },
+
+  isToggleVatAvailable: function() {
+    //added so that it doesn't trigger in the local environment
+    if (!Wick.checkLocalEnv) {
+      return window.ACC.app.isVatToggleAvailable;
+    }
+  },
+
+  isOn: function () {
+    return !!Wick.VatToggle.getCookie(Wick.VatToggle.VAT_COOKIE);
+  },
+
+  toggleDisplayClass: function () {
+    const includingVatEl = Wick.VatToggle.el.includingVat;
+    const excludingVat = Wick.VatToggle.el.excludingVat;
+    const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
+
+    $(includingVatEl).toggleClass(hiddenClassName);
+    $(excludingVat).toggleClass(hiddenClassName);
+  },
+  reapplyDisplayClass: function () {
+    const includingVatEl = Wick.VatToggle.el.includingVat;
+    const excludingVatEl = Wick.VatToggle.el.excludingVat;
+    const hiddenClassName = Wick.VatToggle.HIDDEN_CLASS_NAME;
+
+    let vatState = null;
+
+    // check switcher state for web or cookie for app
+    if (Wick.VatToggle.getSwitcherState() !== null) {
+      vatState = Wick.VatToggle.getSwitcherState();
+    } else {
+      vatState = Wick.VatToggle.isOn();
+    }
 
-function covertStringBooleanToBoolean(stringBoolean) {
-    if (stringBoolean === 'true') {
-        return true;
+    if (vatState) {
+      $(includingVatEl).addClass(hiddenClassName);
+      $(excludingVatEl).removeClass(hiddenClassName);
+    } else {
+      $(includingVatEl).removeClass(hiddenClassName);
+      $(excludingVatEl).addClass(hiddenClassName);
+    }
+  },
+
+  updateGlobalClass: function () {
+    const includingVatGlobal = Wick.VatToggle.el.includingVatGlobalClass;
+    const excludingVatGlobal = Wick.VatToggle.el.excludingVatGlobalClass;
+
+    if (Wick.VatToggle.isOn()) {
+      $('body').removeClass(includingVatGlobal).addClass(excludingVatGlobal);
+    } else {
+      $('body').removeClass(excludingVatGlobal).addClass(includingVatGlobal);
+    }
+  },
+
+  getCookie: function(cookieName) {
+    const cookie = decodeURIComponent(document.cookie)
+      .split(';')
+      .map((cookie = '') => cookie.trim())
+      .find((cookie = '') => cookie.startsWith(`${cookieName}=`));
+
+    if(cookie) {
+      const cookieValue = cookie.replace(`${cookieName}=`, '');
+      return covertStringBooleanToBoolean(cookieValue);
     }
-    if (stringBoolean === 'false') {
-        return false;
+
+    return '';
+  },
+
+  setCookie: function(cookie, value) {
+    const cookiesString = (`${cookie}=${encodeURIComponent(value)};path=/`);
+    document.cookie = cookiesString;
+  },
+
+  init: function() {
+    const isVatShouldBeToggled = Wick.VatToggle.isOn();
+    const isVatToggled = !!Wick.VatToggle.getSwitcherState();
+
+    if(isVatShouldBeToggled) {
+      Wick.VatToggle.setLabelState();
     }
-    return stringBoolean;
+    Wick.VatToggle.setSwitcherState(isVatShouldBeToggled);
+    Wick.VatToggle.updateGlobalClass();
+
+    $(Wick.VatToggle.el.switchVatInput).on('change', Wick.VatToggle.toggle);
+
+    $(window).on(Wick.VatToggle.TOGGLE_VAT_EVENT_NAME, function (e) {
+      Wick.VatToggle.toggleDisplayClass();
+      Wick.VatToggle.updateGlobalClass();
+    })
+
+    if(isVatShouldBeToggled !== isVatToggled) {
+      const event = Wick.VatToggle.createToggleEvent(isVatShouldBeToggled);
+      window.dispatchEvent(event);
+    }
+  }
+};
+
+function covertStringBooleanToBoolean(stringBoolean) {
+  if (stringBoolean === 'true') {
+    return true;
+  }
+  if (stringBoolean === 'false') {
+    return false;
+  }
+  return stringBoolean;
 }
 
 $(document).ready(function () {
-    Wick.VatToggle.init();
+  Wick.VatToggle.init();
 });

package/src/js/components/general/text-clamp.js

@@ -14,11 +14,13 @@ Wick.TextClamp = (function () {
     function clampText(selector, size) {
         if (selector.length) {
             selector.each(function (index, value) {
-                $clamp(value, { clamp: size });
+                $clamp(value, {clamp: size});
             });
         }
     }
 
+
+
     function clampOrderTitle() {
         if (window.matchMedia('(min-width: 768px)').matches) {
             clampText(orderItemTitle, 2);
@@ -29,38 +31,37 @@ Wick.TextClamp = (function () {
 
     if (wismoProductLink.length) {
         wismoProductLink.each(function (index, value) {
-            $clamp(value, { clamp: 2 });
+            $clamp(value, {clamp: 2});
         });
     }
 
     if (rangeListCardDescr.length) {
         rangeListCardDescr.each(function (index, value) {
-            $clamp(value, { clamp: 2 });
+            $clamp(value, {clamp: 2});
         });
     }
 
     if (categoryHubCardDescr.length) {
         categoryHubCardDescr.each(function (index, value) {
-            $clamp(value, { clamp: 3 });
+            $clamp(value, {clamp: 3});
         });
     }
 
-    if (categoryLandingCards.length) {
-        //TODO: make one function
+    if (categoryLandingCards.length) { //TODO: make one function
         categoryLandingCards.each(function (index, value) {
-            $clamp(value, { clamp: 3 });
+            $clamp(value, {clamp: 3});
         });
     }
 
     if (productCardHorizontal.length && !customSlider.length) {
         productCardHorizontal.each(function (index, value) {
-            $clamp(value, { clamp: 3 });
+            $clamp(value, {clamp: 3});
         });
     }
 
     if (complementCardHeader.length) {
         complementCardHeader.each(function (index, value) {
-            $clamp(value, { clamp: 3 });
+            $clamp(value, {clamp: 3});
         });
     }
 
@@ -70,13 +71,13 @@ Wick.TextClamp = (function () {
         if (window.matchMedia('(min-width: 768px)').matches) {
             if (productCardList.length) {
                 productCardList.each(function (index, value) {
-                    $clamp(value, { clamp: 2 });
+                    $clamp(value, {clamp: 2});
                 });
             }
         } else {
             if (productCardList.length) {
                 productCardList.each(function (index, value) {
-                    $clamp(value, { clamp: 3 });
+                    $clamp(value, {clamp: 3});
                 });
             }
         }
@@ -84,17 +85,18 @@ Wick.TextClamp = (function () {
         if (window.matchMedia('(min-width: 768px)').matches) {
             if (productCardDesc.length) {
                 productCardDesc.each(function (index, value) {
-                    $clamp(value, { clamp: 2 });
+                    $clamp(value, {clamp: 2});
                 });
             }
         } else {
             if (productCardDesc.length) {
                 productCardDesc.each(function (index, value) {
-                    $clamp(value, { clamp: 3 });
+                    $clamp(value, {clamp: 3});
                 });
             }
         }
 
         clampOrderTitle();
-    };
+    }
+
 })();

package/src/js/components/general/tooltips.js

@@ -1,8 +1,8 @@
 var Wick = Wick || {};
-Wick.Tooltips = (function () {
+Wick.Tooltips = (function(){
     var init = function () {
         $('[data-toggle="tooltip"]').tooltip();
-    };
+    }
 
     init();
 })();