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

package/src/js/components/sticky-aside.js

@@ -6,105 +6,104 @@ var Wick = Wick || {};
 */
 
 Wick.StickyAside = (function () {
-    var $rightAside = $('.right-aside-sticky'),
-        $footer = $('.footer_sticky-right-aside'),
-        $body = $('body'),
-        stickyAsideTopMargin = 10,
-        asideWaypointInstance,
-        asideSimpleBarInstance;
+  var $rightAside = $('.right-aside-sticky'),
+    $footer = $('.footer_sticky-right-aside'),
+    $body = $('body'),
+    stickyAsideTopMargin = 10,
+    asideWaypointInstance,
+    asideSimpleBarInstance;
 
-    function resetAsideHeight() {
-        $rightAside.css('height', '');
-    }
+  function resetAsideHeight () {
+    $rightAside.css('height', '');
+  }
 
-    function calculateAsideHeight() {
-        var windowHeight = $(window).height(),
-            footerTopPosition = $footer[0].getBoundingClientRect().top,
-            isFooterVisible = windowHeight > footerTopPosition,
-            isRightAsideStuck = $rightAside.hasClass('stuck');
+  function calculateAsideHeight () {
+    var windowHeight = $(window).height(),
+      footerTopPosition = $footer[0].getBoundingClientRect().top,
+      isFooterVisible = windowHeight > footerTopPosition,
+      isRightAsideStuck = $rightAside.hasClass('stuck');
 
-        if (isFooterVisible && isRightAsideStuck) {
-            $rightAside.css('height', footerTopPosition - stickyAsideTopMargin + 'px');
-        } else {
-            resetAsideHeight();
-        }
+    if (isFooterVisible && isRightAsideStuck) {
+      $rightAside.css('height', (footerTopPosition - stickyAsideTopMargin) + 'px');
+    } else {
+      resetAsideHeight();
     }
+  }
 
-    function destroySimpleBar() {
-        var $simpleBarContent = $rightAside.find('.simplebar-content');
-        if ($simpleBarContent.length) {
-            $rightAside.removeAttr('data-simplebar');
-            $rightAside.find('.simplebar-track').remove();
-            $simpleBarContent.children().unwrap().unwrap();
-            asideSimpleBarInstance.unMount();
-        }
+  function destroySimpleBar () {
+    var $simpleBarContent = $rightAside.find('.simplebar-content');
+    if ($simpleBarContent.length) {
+      $rightAside.removeAttr('data-simplebar');
+      $rightAside.find('.simplebar-track').remove();
+      $simpleBarContent.children().unwrap().unwrap();
+      asideSimpleBarInstance.unMount();
     }
+  }
 
-    function destroyStickyAside() {
-        if ($rightAside.parent('.sticky-wrapper').length) {
-            asideWaypointInstance.destroy();
-            resetAsideHeight();
-            destroySimpleBar();
-        }
+  function destroyStickyAside () {
+    if ($rightAside.parent('.sticky-wrapper').length) {
+      asideWaypointInstance.destroy();
+      resetAsideHeight();
+      destroySimpleBar();
     }
+  }
 
-    function initStickyAside() {
-        asideWaypointInstance = new Waypoint.Sticky({
-            element: $rightAside[0],
-            handler: function () {
-                calculateAsideHeight();
-            },
-            offset: 10,
-        });
-        asideSimpleBarInstance = new SimpleBar($rightAside[0], {
-            autoHide: false,
-        });
-    }
+  function initStickyAside () {
+      asideWaypointInstance = new Waypoint.Sticky({
+        element: $rightAside[0],
+        handler: function () {
+          calculateAsideHeight();
+        },
+        offset: 10
+      });
+      asideSimpleBarInstance = new SimpleBar($rightAside[0], {
+        autoHide: false
+      });
+  }
 
-    function handleInitOnBreakpoint(bp) {
-        if ($body.hasClass('scroll-disable')) {
-            return;
-        }
-        if (bp === 'down-sm') {
-            destroyStickyAside();
-            unbindEvents();
-            return;
-        } else if ($rightAside.parent('.sticky-wrapper').length) {
-            calculateAsideHeight();
-            asideSimpleBarInstance.recalculate();
-        } else {
-            initStickyAside();
-        }
-        bindEvents();
+  function handleInitOnBreakpoint (bp) {
+    if ($body.hasClass('scroll-disable')) {
+      return;
     }
-
-    function unbindEvents() {
-        $(window).off('.calculate.height').off('.bs.modal.sticky');
+    if (bp === 'down-sm') {
+      destroyStickyAside();
+      unbindEvents();
+      return;
+    } else if ($rightAside.parent('.sticky-wrapper').length) {
+      calculateAsideHeight();
+      asideSimpleBarInstance.recalculate();
+    } else {
+      initStickyAside();
     }
+    bindEvents();
+  }
 
-    function bindEvents() {
-        $(window).off('.calculate.height').on('scroll.calculate.height', calculateAsideHeight);
-        $(window)
-            .off('.bs.modal.sticky')
-            .on('show.bs.modal.sticky', destroyStickyAside)
-            .on('hide.bs.modal.sticky', function () {
-                handleInitOnBreakpoint(Wick.Responsive.getCurrentBreakpoint());
-            });
-    }
+  function unbindEvents () {
+    $(window).off('.calculate.height').off('.bs.modal.sticky');
+  }
 
-    function init() {
+  function bindEvents () {
+    $(window).off('.calculate.height').on('scroll.calculate.height', calculateAsideHeight);
+    $(window).off('.bs.modal.sticky')
+      .on('show.bs.modal.sticky', destroyStickyAside)
+      .on('hide.bs.modal.sticky', function () {
         handleInitOnBreakpoint(Wick.Responsive.getCurrentBreakpoint());
+      });
+  }
 
-        Wick.Responsive.onBreakpoint(function () {
-            handleInitOnBreakpoint('down-sm');
-        }, 'down-sm');
-        Wick.Responsive.onBreakpoint(function () {
-            handleInitOnBreakpoint('only-md');
-        }, 'only-md');
-        Wick.Responsive.onBreakpoint(function () {
-            handleInitOnBreakpoint('up-lg');
-        }, 'up-lg');
-    }
+  function init () {
+    handleInitOnBreakpoint(Wick.Responsive.getCurrentBreakpoint());
+
+    Wick.Responsive.onBreakpoint(function () {
+      handleInitOnBreakpoint('down-sm');
+    }, 'down-sm');
+    Wick.Responsive.onBreakpoint(function () {
+      handleInitOnBreakpoint('only-md');
+    }, 'only-md');
+    Wick.Responsive.onBreakpoint(function () {
+      handleInitOnBreakpoint('up-lg');
+    }, 'up-lg');
+  }
 
-    $rightAside.length && init();
+  $rightAside.length && init();
 })();

package/src/js/components/store-locator-facilities.js

@@ -1,8 +1,9 @@
 var Wick = Wick || {};
-Wick.StoreLocatorFacilities = (function () {
+Wick.StoreLocatorFacilities = function () {
+
     const initialData = {
         facilities: [],
-    };
+    }
     function init() {
         const facilities = [...initialData.facilities],
             breakpoint = Wick.Responsive.getCurrentBreakpoint(),
@@ -27,7 +28,7 @@ Wick.StoreLocatorFacilities = (function () {
         let index = 0;
 
         while (facilities.length) {
-            if (!columns[index]) {
+            if(!columns[index]) {
                 columns.push([]);
             }
 
@@ -39,28 +40,25 @@ Wick.StoreLocatorFacilities = (function () {
             }
         }
 
-        columns.forEach((column) => {
+        columns.forEach((column, i) => {
             const el = $('<div class="store-locator__column"></div>');
-            column.forEach((facility) => el.append(facility));
+            column.forEach(facility => el.append(facility));
             parentContainer.append(el);
-        });
+        })
     }
 
     const removeEmptyColumn = function () {
         $('.store-locator__column:empty').remove();
-    };
+    }
 
     $(document).ready(function () {
-        ((initialData.facilities = $('.store-locator .facilities .facilities__facility').toArray()),
-            init());
+        initialData.facilities = $('.store-locator .facilities .facilities__facility').toArray(),
+        init();
         removeEmptyColumn();
     });
 
-    $(window).on(
-        'resize',
-        _.debounce(function () {
-            init();
-            removeEmptyColumn();
-        }, 250)
-    );
-})();
+    $(window).on('resize', _.debounce(function () {
+        init();
+        removeEmptyColumn()
+    }, 250));
+}();

package/src/js/components/tabs.js

@@ -1,21 +1,22 @@
 var Wick = Wick || {};
-Wick.Tabs = (function () {
-    var tabs = '.tabs';
+Wick.Tabs = (function(){
+  var tabs = '.tabs';
 
-    function bindEvents() {
-        $(tabs).on('click.scrollTo', '.nav-link', function () {
-            $('html, body').animate(
-                {
-                    scrollTop: $(this).parents(tabs).offset().top - 30,
-                },
-                300
-            );
-        });
-    }
+  function bindEvents() {
+    $(tabs).on('click.scrollTo', '.nav-link', function () {
+      $('html, body').animate({
+        scrollTop: $(this).parents(tabs).offset().top - 30
+      }, 300);
+    })
+  }
 
-    function init() {
-        bindEvents();
-    }
+  function unbindEvents() {
+    $(tabs).off('.scrollTo');
+  }
 
-    init();
+  function init() {
+    bindEvents();
+  }
+
+  init();
 })();

package/src/js/components/toggle-password-visibility.js

@@ -1,58 +1,58 @@
 var Wick = window.Wick || {};
 
 Wick.TogglePasswordVisibility = {
-    el: {
-        $toggleShow: $('[data-show-content] .toggle-show'),
-        inputWrap: $('.form-row[data-show-content] .input-wrap'),
-        toggleIcon: '.toggle-show',
-    },
-
-    updateIconVisibility(inputField, toggleIcon) {
-        const valueLength = inputField.val().length;
-        if (valueLength > 0) {
-            toggleIcon.show();
-        } else {
-            toggleIcon.hide();
-        }
-    },
-
-    attachInputListener(inputField, toggleIcon) {
-        inputField.on('input', function () {
-            Wick.TogglePasswordVisibility.updateIconVisibility($(this), toggleIcon);
-        });
-    },
-
-    attachToggleClickListener(inputField, toggleIcon) {
-        toggleIcon.on('click', function () {
-            const isPasswordType = inputField.attr('type') === 'password';
-            const iconSvg = $(this).find('svg');
-
-            if (isPasswordType) {
-                inputField.attr('type', 'text');
-                iconSvg.removeClass('fa-eye-slash').addClass('fa-eye');
-            } else {
-                inputField.attr('type', 'password');
-                iconSvg.removeClass('fa-eye').addClass('fa-eye-slash');
-            }
-        });
-    },
-
-    init() {
-        Wick.TogglePasswordVisibility.el.inputWrap.each(function () {
-            const inputField = $(this).find('input');
-            const toggleIcon = $(this).find(Wick.TogglePasswordVisibility.el.toggleIcon);
-
-            Wick.TogglePasswordVisibility.attachInputListener(inputField, toggleIcon);
-            Wick.TogglePasswordVisibility.updateIconVisibility(inputField, toggleIcon);
-            Wick.TogglePasswordVisibility.attachToggleClickListener(inputField, toggleIcon);
-        });
-    },
+  el: {
+    $toggleShow: $('[data-show-content] .toggle-show'),
+    inputWrap: $('.form-row[data-show-content] .input-wrap'),
+    toggleIcon: '.toggle-show',
+  },
+
+  updateIconVisibility(inputField, toggleIcon) {
+    const valueLength = inputField.val().length;
+    if (valueLength > 0) {
+      toggleIcon.show();
+    } else {
+      toggleIcon.hide();
+    }
+  },
+
+  attachInputListener(inputField, toggleIcon) {
+    inputField.on('input', function () {
+      Wick.TogglePasswordVisibility.updateIconVisibility($(this), toggleIcon);
+    });
+  },
+
+  attachToggleClickListener(inputField, toggleIcon) {
+    toggleIcon.on('click', function () {
+      const isPasswordType = inputField.attr('type') === 'password';
+      const iconSvg = $(this).find('svg');
+
+      if (isPasswordType) {
+        inputField.attr('type', 'text');
+        iconSvg.removeClass('fa-eye-slash').addClass('fa-eye');
+      } else {
+        inputField.attr('type', 'password');
+        iconSvg.removeClass('fa-eye').addClass('fa-eye-slash');
+      }
+    });
+  },
+
+  init() {
+    Wick.TogglePasswordVisibility.el.inputWrap.each(function () {
+      const inputField = $(this).find('input');
+      const toggleIcon = $(this).find(Wick.TogglePasswordVisibility.el.toggleIcon);
+
+      Wick.TogglePasswordVisibility.attachInputListener(inputField, toggleIcon);
+      Wick.TogglePasswordVisibility.updateIconVisibility(inputField, toggleIcon);
+      Wick.TogglePasswordVisibility.attachToggleClickListener(inputField, toggleIcon);
+    });
+  },
 };
 
 $(document).ready(function () {
-    if (!Wick.TogglePasswordVisibility.el.$toggleShow.length) {
-        return;
-    }
+  if (!Wick.TogglePasswordVisibility.el.$toggleShow.length) {
+    return;
+  }
 
-    Wick.TogglePasswordVisibility.init();
+  Wick.TogglePasswordVisibility.init();
 });

package/src/js/components/tradepro-notification-copy.js

@@ -1,15 +1,16 @@
 var Wick = Wick || {};
 Wick.TradeProVoucher = (function () {
+    
     function init() {
         $('.copy-barcode').on('click', function (e) {
             e.preventDefault();
             e.stopPropagation();
             var discountCode = $(this).parent().find('input');
-
+            
             if (discountCode.length === 0) {
                 discountCode = $('.tradepro-frame');
             }
-
+    
             discountCode.removeAttr('disabled').attr('readonly', 'readonly');
 
             if (navigator.userAgent.match(/TradeProMobile_iOS|DIYMobile_iOS/i)) {
@@ -21,9 +22,9 @@ Wick.TradeProVoucher = (function () {
                 discountCode[0].select();
             }
 
-            document.execCommand('copy');
+            document.execCommand("copy");
             discountCode.attr('disabled', 'disabled').removeAttr('readonly');
-
+            
             Wick.Notification.show({
                 text: 'Code copied to clipboard',
                 container: $(this).parents('.row').eq(0).find('.copy-barcode_notification'),
@@ -31,7 +32,7 @@ Wick.TradeProVoucher = (function () {
                 noScrolling: true,
                 temporary: true,
                 delay: 5000,
-                closeBtn: true,
+                closeBtn: true
             });
             return false;
         });

package/src/js/components/voucher-remove.js

@@ -14,5 +14,6 @@ Wick.VoucherRemove = (function () {
         return;
     }
 
-    init();
+    init()
+
 })();

package/src/js/components/wisdom.js

@@ -71,7 +71,12 @@ Wick.Wisdom = {
         return $(context).closest(Wick.Wisdom.el.mcfcModal).hasClass('show');
     },
     checkAvailability: function (context, postcode, quantityUpdated) {
-        let quantity, notification, available, isPDP, isPLP, isMcfc;
+        let quantity,
+            notification,
+            available,
+            isPDP,
+            isPLP,
+            isMcfc;
 
         if (context.find(Wick.Wisdom.el.wisdom).hasClass('wisdom-pdp')) {
             quantity = +context.find(Wick.Wisdom.el.quantityField).val();
@@ -90,7 +95,7 @@ Wick.Wisdom = {
             quantity = +context.find(Wick.Wisdom.el.quantityField).val();
             available = +context.find(Wick.Wisdom.el.wisdom).attr('data-available');
             isMcfc = true;
-            notification = 'Product added for Delivery';
+            notification = 'Product added for Delivery'
             Wick.Wisdom.doMcfcTransition(context, postcode);
         }
 
@@ -100,25 +105,21 @@ Wick.Wisdom = {
             if (available >= quantity) {
                 if (isPDP || isMcfc) {
                     quantityUpdated
-                        ? Wick.Wisdom.executeSuccessScenarioAfterPartialPDP(
-                              context,
-                              notification,
-                              postcode
-                          )
+                        ? Wick.Wisdom.executeSuccessScenarioAfterPartialPDP(context, notification, postcode)
                         : Wick.Wisdom.executeSuccessScenarioPDP(context, notification);
                 } else if (isPLP) {
                     Wick.Wisdom.executeSuccessScenarioPLP_Basket(context, postcode);
                 }
             } else {
                 if (isMcfc) {
-                    notification = `${available} added for Delivery`;
+                    notification = `${available} added for Delivery`
                     Wick.Wisdom.executeSuccessScenarioPDP(context, notification);
                 } else {
                     Wick.Wisdom.executePartialScenario(context, available, postcode);
                 }
             }
         } else {
-            Wick.Wisdom.executeErrorScenario(context, postcode);
+            Wick.Wisdom.executeErrorScenario(context, postcode)
         }
     },
     executeSuccessScenarioPDP: function (context, notification) {
@@ -130,12 +131,10 @@ Wick.Wisdom = {
         context.find(Wick.Wisdom.el.wisdomBtnAdd).attr('disabled', 'disabled');
         context.find(Wick.Wisdom.el.change).removeClass(Wick.Wisdom.el.changeHide);
         context.find(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.wisdomPartialAdded);
-        context
-            .find(Wick.Wisdom.el.descriptionPartialAdded)
-            .html(`Added to basket for delivery to: <b>${postcode}</b>`);
+        context.find(Wick.Wisdom.el.descriptionPartialAdded).html(`Added to basket for delivery to: <b>${postcode}</b>`)
     },
     executeSuccessScenarioPLP_Basket: function (context, postcode) {
-        let notification = `Available for delivery to <b>${postcode}</b>`;
+        let notification = `Available for delivery to <b>${postcode}</b>`
         Wick.Wisdom.showAvailableCase(context, notification);
         context.find(Wick.Wisdom.el.change).removeClass(Wick.Wisdom.el.changeHide);
         context.find(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.wisdomAdded);
@@ -143,15 +142,12 @@ Wick.Wisdom = {
     executePartialScenario: function (context, available, postcode) {
         context.find(Wick.Wisdom.el.quantityField).val(available);
         Wick.Wisdom.showPartialCase(context, available, postcode);
-        context
-            .find(Wick.Wisdom.el.wisdomBtnAdd)
-            .find(Wick.Wisdom.el.textPartial)
-            .text(`Add ${available} for delivery`);
+        context.find(Wick.Wisdom.el.wisdomBtnAdd).find(Wick.Wisdom.el.textPartial).text(`Add ${available} for delivery`)
         context.find(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.wisdomPartial);
         context.find(Wick.Wisdom.el.change).removeClass(Wick.Wisdom.el.changeHide);
     },
     executeErrorScenario: function (context, postcode) {
-        Wick.Wisdom.showErrorCase(context, postcode);
+        Wick.Wisdom.showErrorCase(context, postcode)
         context.find(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.wisdomOOS);
         context.find(Wick.Wisdom.el.change).removeClass(Wick.Wisdom.el.changeHide);
         context.find(Wick.Wisdom.el.wisdomBtnAdd).attr('disabled', 'disabled');
@@ -180,6 +176,7 @@ Wick.Wisdom = {
             $(context).closest(Wick.Wisdom.el.wisdomModalFull).modal('toggle');
             Wick.Wisdom.showDefaultStage($(context).closest(Wick.Wisdom.el.wisdomModal));
         }
+
     },
     doMcfcTransition: function (context, postcode) {
         $(Wick.Wisdom.el.mcfcModal).modal('toggle');
@@ -188,27 +185,24 @@ Wick.Wisdom = {
         context.find(Wick.Wisdom.el.BtnMcfc).hide();
     },
     createNotification: function (context, type, text) {
-        let icon, className;
+        let icon,
+            className;
 
         switch (type) {
             case 'added':
-                icon =
-                    '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>';
+                icon = '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>';
                 className = 'notification_success';
                 break;
             case 'oos':
-                icon =
-                    '<span class="icon notification__icon"><span class="fas fa-times-circle"></span></span>';
+                icon = '<span class="icon notification__icon"><span class="fas fa-times-circle"></span></span>';
                 className = 'notification_oos';
                 break;
             case 'partial':
-                icon =
-                    '<span class="icon notification__icon"><span class="fas fa-info-circle"></span></span>';
+                icon = '<span class="icon notification__icon"><span class="fas fa-info-circle"></span></span>';
                 className = 'notification_partial';
                 break;
             case 'available':
-                icon =
-                    '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>';
+                icon = '<span class="icon notification__icon"><span class="fas fa-check-circle"></span></span>';
                 className = 'notification_available';
                 break;
         }
@@ -218,7 +212,7 @@ Wick.Wisdom = {
                 ${icon}
                 ${text}
             </div>
-        `;
+        `
         context.find(Wick.Wisdom.el.notificationBlock).empty();
 
         context.find(Wick.Wisdom.el.notificationBlock).append(template);
@@ -250,7 +244,7 @@ Wick.Wisdom = {
     onLinkChange: function (e) {
         e.preventDefault();
         Wick.Wisdom.showDefaultStage(null, this);
-    },
+    }
 };
 
 $(document).ready(function () {
@@ -261,10 +255,10 @@ $(document).ready(function () {
         if (Wick.checkLocalEnv) {
             //local usage
             if (window.location.pathname.includes('registered')) {
-                $('body').attr('data-is-logged-in', 'true');
+                $('body').attr('data-is-logged-in', 'true')
                 $(Wick.Wisdom.el.postcodeInput).val('RM6 4HX');
             } else {
-                $('body').attr('data-is-logged-in', 'false');
+                $('body').attr('data-is-logged-in', 'false')
             }
         }
 
@@ -279,10 +273,7 @@ $(document).ready(function () {
             $(Wick.Wisdom.el.wisdom).addClass(Wick.Wisdom.el.loggedIn);
             $(Wick.Wisdom.el.wisdomBtn).on('click', function () {
                 let targetSelector = $(this).attr('data-target');
-                Wick.Wisdom.checkAvailability(
-                    $(targetSelector),
-                    $(targetSelector).find(Wick.Wisdom.el.postcodeInput).val()
-                );
+                Wick.Wisdom.checkAvailability($(targetSelector), $(targetSelector).find(Wick.Wisdom.el.postcodeInput).val())
             });
         }
     }