wickes-css2 2.103.0-IC-976-pre-commit-lint.1 → 2.103.0-IC-976-pre-commit-lint.3

package/src/js/components/card-slider.js

@@ -1,85 +1,90 @@
 var Wick = Wick || {};
 Wick.CardSlider = (function () {
-  var $cardSliders = $('.card-slider');
+    var $cardSliders = $('.card-slider');
 
-  var getParameters = function (element, breakpoint) {
-    var elemParent = $(element).parent(),
-      count = $(element).find('.swiper-wrapper').children().length,
-      slidesPerView = breakpoint === 'up-lg' ? element.dataset.slides : breakpoint === 'only-md' ? element.dataset.slidesMd : 1,
-      isLocked = count <= slidesPerView;
+    var getParameters = function (element, breakpoint) {
+        var elemParent = $(element).parent(),
+            count = $(element).find('.swiper-wrapper').children().length,
+            slidesPerView =
+                breakpoint === 'up-lg'
+                    ? element.dataset.slides
+                    : breakpoint === 'only-md'
+                      ? element.dataset.slidesMd
+                      : 1,
+            isLocked = count <= slidesPerView;
 
-    return {
-      roundLengths: true,
-      pagination: {
-        el: elemParent.find('.card-slider__actions .btn__numbers')[0],
-        type: 'custom',
-        renderCustom: function (swiper, current, total) {
-          return current + ' of ' + total;
-        }
-      },
-      navigation: {
-        nextEl: elemParent.find('.card-slider__btn-next')[0],
-        prevEl: elemParent.find('.card-slider__btn-prev')[0]
-      },
-      slidesPerView: slidesPerView,
-      spaceBetween: 30,
-      watchOverflow: true,
-      loop: !isLocked
-    }
-  };
+        return {
+            roundLengths: true,
+            pagination: {
+                el: elemParent.find('.card-slider__actions .btn__numbers')[0],
+                type: 'custom',
+                renderCustom: function (swiper, current, total) {
+                    return current + ' of ' + total;
+                },
+            },
+            navigation: {
+                nextEl: elemParent.find('.card-slider__btn-next')[0],
+                prevEl: elemParent.find('.card-slider__btn-prev')[0],
+            },
+            slidesPerView: slidesPerView,
+            spaceBetween: 30,
+            watchOverflow: true,
+            loop: !isLocked,
+        };
+    };
 
-  var bindShowMoreLess = function (slider) {
-    var btn = '.card-slider__btn',
-      frozenClass = 'card-slider_frozen',
-      $wrapper = $(slider.el).parent('.card-slider__wrapper'),
-      $btns = $wrapper.find(btn),
-      $actions = $wrapper.find('.card-slider__actions');
+    var bindShowMoreLess = function (slider) {
+        var btn = '.card-slider__btn',
+            frozenClass = 'card-slider_frozen',
+            $wrapper = $(slider.el).parent('.card-slider__wrapper'),
+            $btns = $wrapper.find(btn),
+            $actions = $wrapper.find('.card-slider__actions');
 
-    $actions.toggle(!slider.isLocked);
-    $btns.off('click.showMoreLess').on('click.showMoreLess', function(){
-      if ($wrapper.hasClass(frozenClass)){
-        $('html, body').scrollTop($wrapper.offset().top - 30);
-      }
-      slider.params.virtualTranslate = !slider.params.virtualTranslate;
-      $wrapper.toggleClass(frozenClass);
-      $btns.toggle();
-    });
-  };
+        $actions.toggle(!slider.isLocked);
+        $btns.off('click.showMoreLess').on('click.showMoreLess', function () {
+            if ($wrapper.hasClass(frozenClass)) {
+                $('html, body').scrollTop($wrapper.offset().top - 30);
+            }
+            slider.params.virtualTranslate = !slider.params.virtualTranslate;
+            $wrapper.toggleClass(frozenClass);
+            $btns.toggle();
+        });
+    };
 
-  var createSliders = function (bp) {
-    $cardSliders.each(function(index, element){
-      var slider = element.swiper;
-      if (slider){
-        slider.destroy();
-      }
-      slider = new Swiper(element, getParameters(element, bp));
+    var createSliders = function (bp) {
+        $cardSliders.each(function (index, element) {
+            var slider = element.swiper;
+            if (slider) {
+                slider.destroy();
+            }
+            slider = new Swiper(element, getParameters(element, bp));
 
-      // listener for closing the cards which in "Read more" state
-      slider.on('slideChange', function () {
-        var x = $(this.$el).find('.clamp-full');
-        if (x.length) {
-          x.find('.clamp_btn').click();
-        }
-      });
+            // listener for closing the cards which in "Read more" state
+            slider.on('slideChange', function () {
+                var x = $(this.$el).find('.clamp-full');
+                if (x.length) {
+                    x.find('.clamp_btn').click();
+                }
+            });
 
-      bindShowMoreLess(slider);
-    });
-  };
+            bindShowMoreLess(slider);
+        });
+    };
 
-  var init = function () {
-    createSliders(Wick.Responsive.getCurrentBreakpoint());
-    Wick.Responsive.onBreakpoint(function () {
-      createSliders('down-sm');
-    }, 'down-sm');
-    Wick.Responsive.onBreakpoint(function () {
-      createSliders('only-md');
-    }, 'only-md');
-    Wick.Responsive.onBreakpoint(function () {
-      createSliders('up-lg');
-    }, 'up-lg');
-  };
+    var init = function () {
+        createSliders(Wick.Responsive.getCurrentBreakpoint());
+        Wick.Responsive.onBreakpoint(function () {
+            createSliders('down-sm');
+        }, 'down-sm');
+        Wick.Responsive.onBreakpoint(function () {
+            createSliders('only-md');
+        }, 'only-md');
+        Wick.Responsive.onBreakpoint(function () {
+            createSliders('up-lg');
+        }, 'up-lg');
+    };
 
-  $(document).ready(function () {
-    $cardSliders.length && init();
-  });
+    $(document).ready(function () {
+        $cardSliders.length && init();
+    });
 })();

package/src/js/components/cards-slider.js

@@ -1,71 +1,77 @@
 function isElementInHorizontalContainer(el, container) {
-  if (el instanceof jQuery) el = el[0];
-  if (container instanceof jQuery) container = container[0];
+    if (el instanceof jQuery) el = el[0];
+    if (container instanceof jQuery) container = container[0];
 
-  if (!el || !container) return false;
+    if (!el || !container) return false;
 
-  const elRect = el.getBoundingClientRect();
-  const containerRect = container.getBoundingClientRect();
+    const elRect = el.getBoundingClientRect();
+    const containerRect = container.getBoundingClientRect();
 
-  return (
-    elRect.left >= containerRect.left &&
-    elRect.right <= containerRect.right
-  );
+    return elRect.left >= containerRect.left && elRect.right <= containerRect.right;
 }
 
 $(document).ready(function () {
-  $('.cards-slider').each(function (index, slider) {
-    var $slider = $(slider);
-    var $container = $slider.find('.swiper-container');
-    var $nextBtn = $slider.find('.cards-slider__next-btn');
-    var $prevBtn = $slider.find('.cards-slider__prev-btn');
-    var $pagination = $slider.find('.swiper-pagination');
+    $('.cards-slider').each(function (index, slider) {
+        var $slider = $(slider);
+        var $container = $slider.find('.swiper-container');
+        var $nextBtn = $slider.find('.cards-slider__next-btn');
+        var $prevBtn = $slider.find('.cards-slider__prev-btn');
+        var $pagination = $slider.find('.swiper-pagination');
 
-    // eslint-disable-next-line no-undef
-    var swiper = new Swiper($container[0], {
-      speed: 400,
-      spaceBetween: 24,
-      slidesPerView: 'auto',
-      navigation: {
-        nextEl: $nextBtn[0],
-        prevEl: $prevBtn[0],
-      },
-      pagination: {
-        el: $pagination[0],
-        type: 'bullets',
-        bulletClass: 'swiper-pagination-bullet',
-        bulletActiveClass: 'swiper-pagination-bullet-active',
-      },
-      breakpoints: {
-        767: {
-          spaceBetween: 16,
-        },
-      },
-    });
+        // eslint-disable-next-line no-undef
+        var swiper = new Swiper($container[0], {
+            speed: 400,
+            spaceBetween: 24,
+            slidesPerView: 'auto',
+            navigation: {
+                nextEl: $nextBtn[0],
+                prevEl: $prevBtn[0],
+            },
+            pagination: {
+                el: $pagination[0],
+                type: 'bullets',
+                bulletClass: 'swiper-pagination-bullet',
+                bulletActiveClass: 'swiper-pagination-bullet-active',
+            },
+            breakpoints: {
+                767: {
+                    spaceBetween: 16,
+                },
+            },
+        });
 
-    function isXLScreen() {
-      return 1200 <= (window.innerWidth || document.documentElement.clientWidth);
-    }
+        function isXLScreen() {
+            return 1200 <= (window.innerWidth || document.documentElement.clientWidth);
+        }
 
-    function isEverySlideVisible() {
-      const visibleContainer = isXLScreen() ? $container : $slider.closest('.cards-slider-boundary');
-      var $slides = $slider.find('.cards-swiper-wrapper .swiper-slide');
-      return $slides.filter((index, slide) => isElementInHorizontalContainer($(slide), visibleContainer)).length === $slides.length;
-    }
+        function isEverySlideVisible() {
+            const visibleContainer = isXLScreen()
+                ? $container
+                : $slider.closest('.cards-slider-boundary');
+            var $slides = $slider.find('.cards-swiper-wrapper .swiper-slide');
+            return (
+                $slides.filter((index, slide) =>
+                    isElementInHorizontalContainer($(slide), visibleContainer)
+                ).length === $slides.length
+            );
+        }
 
-    function updateUI() {
-      if (isEverySlideVisible()) {
-        $slider.addClass('cards-slider--fits');
-      } else {
-        $slider.removeClass('cards-slider--fits');
-      }
-    }
+        function updateUI() {
+            if (isEverySlideVisible()) {
+                $slider.addClass('cards-slider--fits');
+            } else {
+                $slider.removeClass('cards-slider--fits');
+            }
+        }
 
-    $(window).on('resize', _.debounce(function () {
-      swiper.update();
-      updateUI();
-    }, 250));
+        $(window).on(
+            'resize',
+            _.debounce(function () {
+                swiper.update();
+                updateUI();
+            }, 250)
+        );
 
-    updateUI();
-  });
-});
+        updateUI();
+    });
+});

package/src/js/components/charity-donations.js

@@ -1,13 +1,12 @@
 var Wick = Wick || {};
-Wick.CharityDonations = function () {
-
+Wick.CharityDonations = (function () {
     var cConst = {
         $charity: $('.charity'),
         $label: $('.charity label'),
         $orderLine: $('.order-line_charity'),
         charityHide: 'charity_hide',
         orderLineShow: 'order-line_charity_show',
-        orderLineDelete: '.order-line__delete'
+        orderLineDelete: '.order-line__delete',
     };
 
     function init() {
@@ -29,4 +28,4 @@ Wick.CharityDonations = function () {
     }
 
     init();
-}();
+})();

package/src/js/components/checkout_your-details.js

@@ -1,78 +1,79 @@
 var Wick = Wick || {};
-Wick.YourDetails = (function(){
-  var $self = $('.checkout-your-details');
-  let closeBlock = $('.close-block'),
-      $firstLineAddrRow = closeBlock.find("#first-line-address").parents(".form-row"),
-      $firstLineAddrLable = closeBlock.find("#first-line-address").closest(".form-row__label"),
-      $firstLineAddrField = closeBlock.find("#first-line-address").parents(".form-row__field"),
-      formError = ".form-row__error",
-      listElement = $('.close-block').find('li'),
-      firstLineAddress = $('.close-block #first-line-address');
+Wick.YourDetails = (function () {
+    var $self = $('.checkout-your-details');
+    let closeBlock = $('.close-block'),
+        $firstLineAddrRow = closeBlock.find('#first-line-address').parents('.form-row'),
+        $firstLineAddrLable = closeBlock.find('#first-line-address').closest('.form-row__label'),
+        $firstLineAddrField = closeBlock.find('#first-line-address').parents('.form-row__field'),
+        formError = '.form-row__error',
+        listElement = $('.close-block').find('li'),
+        firstLineAddress = $('.close-block #first-line-address');
 
-  var bindEvents = function () {
-    $(document).on('click', '.btn-edit-manually', function(){
-      $('[data-finder]').toggle();
-      $('[data-manually]').toggle();
-      return false;
-    });
-  };
-
-  //start -> fix for ONLINE-2615
-  firstLineAddress.bind("change paste keyup", function() {
-    if ($(this).val() == '') {
-      $('.close-block [data-manually]').removeClass('d-block');
-      $('.close-block [data-manually]').addClass('d-none');
-    }
-  });
+    var bindEvents = function () {
+        $(document).on('click', '.btn-edit-manually', function () {
+            $('[data-finder]').toggle();
+            $('[data-manually]').toggle();
+            return false;
+        });
+    };
 
-  listElement.on('click', function() {
-    $('.close-block [data-manually]').removeClass('d-none');
-    $('.close-block [data-manually]').addClass('d-block');
-  });
-  //end -> fix for ONLINE-2615
+    //start -> fix for ONLINE-2615
+    firstLineAddress.bind('change paste keyup', function () {
+        if ($(this).val() == '') {
+            $('.close-block [data-manually]').removeClass('d-block');
+            $('.close-block [data-manually]').addClass('d-none');
+        }
+    });
 
-  //start -> fix for ONLINE-2616
-  $('.btn-enter-details').on('click', function() {
-    if(!($("#chb-payment-details-card").is(":checked"))) {
-      $firstLineAddrRow.addClass("form-row_validation-error")
-      $firstLineAddrLable.addClass("form-row__label_required")
-    }
-    else {
-      $firstLineAddrRow.removeClass("form-row_validation-error")
-      $firstLineAddrRow.removeAttr("data-row-required")
-      $firstLineAddrField.siblings(".form-row__label").removeClass("form-row__label_required")
-    }
+    listElement.on('click', function () {
+        $('.close-block [data-manually]').removeClass('d-none');
+        $('.close-block [data-manually]').addClass('d-block');
+    });
+    //end -> fix for ONLINE-2615
 
-    if (firstLineAddress.val() !== '') {
-      $('.close-block [data-manually]').removeClass('d-none');
-      $('.close-block [data-manually]').addClass('d-block');
-      $firstLineAddrRow.removeClass("form-row_validation-error")
-      $firstLineAddrRow.removeAttr("data-row-required")
-    }
-  })
+    //start -> fix for ONLINE-2616
+    $('.btn-enter-details').on('click', function () {
+        if (!$('#chb-payment-details-card').is(':checked')) {
+            $firstLineAddrRow.addClass('form-row_validation-error');
+            $firstLineAddrLable.addClass('form-row__label_required');
+        } else {
+            $firstLineAddrRow.removeClass('form-row_validation-error');
+            $firstLineAddrRow.removeAttr('data-row-required');
+            $firstLineAddrField
+                .siblings('.form-row__label')
+                .removeClass('form-row__label_required');
+        }
 
-  $('#chb-payment-details-card').on('click', function() {
-    if($("#chb-payment-details-card").is(":checked")) {
-      $firstLineAddrRow.removeClass("form-row_validation-error")
-      $firstLineAddrField.siblings(".form-row__label").removeClass("form-row__label_required")
-      $firstLineAddrLable.removeClass("form-row__label_required")
-      closeBlock.find(formError).hide()
-    }
+        if (firstLineAddress.val() !== '') {
+            $('.close-block [data-manually]').removeClass('d-none');
+            $('.close-block [data-manually]').addClass('d-block');
+            $firstLineAddrRow.removeClass('form-row_validation-error');
+            $firstLineAddrRow.removeAttr('data-row-required');
+        }
+    });
 
-    else {
-      $firstLineAddrField.siblings(".form-row__label").addClass("form-row__label_required")
-      $firstLineAddrLable.addClass("form-row__label_required")
-    }
-  })
-  //end -> fix for ONLINE-2616
+    $('#chb-payment-details-card').on('click', function () {
+        if ($('#chb-payment-details-card').is(':checked')) {
+            $firstLineAddrRow.removeClass('form-row_validation-error');
+            $firstLineAddrField
+                .siblings('.form-row__label')
+                .removeClass('form-row__label_required');
+            $firstLineAddrLable.removeClass('form-row__label_required');
+            closeBlock.find(formError).hide();
+        } else {
+            $firstLineAddrField.siblings('.form-row__label').addClass('form-row__label_required');
+            $firstLineAddrLable.addClass('form-row__label_required');
+        }
+    });
+    //end -> fix for ONLINE-2616
 
-  var init = function () {
-    if (!$self.length){
-      return;
-    }
+    var init = function () {
+        if (!$self.length) {
+            return;
+        }
 
-    bindEvents();
-  };
+        bindEvents();
+    };
 
-  init();
+    init();
 })();

package/src/js/components/clamp.js

@@ -4,7 +4,6 @@ Wick.Clamping = (function () {
 
     return {
         clamp: function (origin, params) {
-
             var text = $(origin).text().trim();
             var link = $(origin).find('.clamp_btn');
             var linkNode = null;
@@ -15,8 +14,8 @@ Wick.Clamping = (function () {
                 return {
                     text: originalTexts[params.id],
                     type: 'reset',
-                    link: linkNode
-                }
+                    link: linkNode,
+                };
             }
 
             var cssObj = {};
@@ -39,20 +38,22 @@ Wick.Clamping = (function () {
                 width: 'auto',
                 maxWidth: cssObj.width,
                 fontSize: cssObj.fontSize,
-                lineHeight: cssObj.lineHeight
+                lineHeight: cssObj.lineHeight,
             });
 
             $('body').append(clone);
-            var arr = text.split(" ");
-            var someString = '', safeWordIndex, dangerWordIndex;
+            var arr = text.split(' ');
+            var someString = '',
+                safeWordIndex,
+                dangerWordIndex;
 
-            if ($(origin).height() <= parseInt($(origin).css('line-height')) * (params.lines)) {
+            if ($(origin).height() <= parseInt($(origin).css('line-height')) * params.lines) {
                 clone.remove();
                 return {
                     text: text,
                     type: 'full',
-                    link: linkNode
-                }
+                    link: linkNode,
+                };
             }
             for (var i = 0; i < arr.length; i++) {
                 someString += arr[i];
@@ -60,7 +61,7 @@ Wick.Clamping = (function () {
 
                 if (clone.height() > parseInt(clone.css('line-height')) * (params.lines - 1)) {
                     safeWordIndex = i;
-                    break
+                    break;
                 }
                 someString += ' ';
             }
@@ -76,7 +77,7 @@ Wick.Clamping = (function () {
                 clone.text(someString);
                 if (clone.width() > cssObj.width - extraWidth - 8) {
                     dangerWordIndex = j;
-                    break
+                    break;
                 }
             }
 
@@ -89,14 +90,13 @@ Wick.Clamping = (function () {
             return {
                 text: clampedText,
                 type: 'usual',
-                link: linkNode
-            }
+                link: linkNode,
+            };
         },
         clampAll: function (obj, params) {
             var checkToMobile = $(window).width() < 768;
 
             for (var i = 0; i < obj.length; i++) {
-
                 var unit = obj.eq(i);
                 var newID = params.id + i;
                 unit.addClass('clamp_container');
@@ -106,7 +106,7 @@ Wick.Clamping = (function () {
                 } else {
                     newLines = params.lines;
                 }
-                var clampage = Wick.Clamping.clamp(unit, {id: newID, lines: newLines});
+                var clampage = Wick.Clamping.clamp(unit, { id: newID, lines: newLines });
                 unit.text(clampage.text);
 
                 var btn = $('<a>', {
@@ -125,41 +125,56 @@ Wick.Clamping = (function () {
                                 $(this).text('Read less');
                                 if (params.additionalLines) {
                                     if (checkToMobile) {
-                                        element.parents(".full-width-offers").find(".card__inner").addClass("full-height");
+                                        element
+                                            .parents('.full-width-offers')
+                                            .find('.card__inner')
+                                            .addClass('full-height');
                                         respond = Wick.Clamping.clamp(element, {
                                             reset: true,
-                                            id: $(this).attr('data-id')
+                                            id: $(this).attr('data-id'),
                                         });
                                     } else {
-                                        $(this).parents(".full-width-offers").find(".card__content-wrap").addClass("change-card");
+                                        $(this)
+                                            .parents('.full-width-offers')
+                                            .find('.card__content-wrap')
+                                            .addClass('change-card');
                                         respond = Wick.Clamping.clamp(element, {
-                                            lines: +$(this).attr('data-lines') + params.additionalLines,
-                                            id: $(this).attr('data-id')
+                                            lines:
+                                                +$(this).attr('data-lines') +
+                                                params.additionalLines,
+                                            id: $(this).attr('data-id'),
                                         });
-
                                     }
                                 } else {
-                                    respond = Wick.Clamping.clamp(element, {reset: true, id: $(this).attr('data-id')});
+                                    respond = Wick.Clamping.clamp(element, {
+                                        reset: true,
+                                        id: $(this).attr('data-id'),
+                                    });
                                 }
                             } else {
-                                element.parents(".full-width-offers").find(".card__inner").removeClass("full-height");
-                                element.parents(".full-width-offers").find(".card__content-wrap").removeClass("change-card");
+                                element
+                                    .parents('.full-width-offers')
+                                    .find('.card__inner')
+                                    .removeClass('full-height');
+                                element
+                                    .parents('.full-width-offers')
+                                    .find('.card__content-wrap')
+                                    .removeClass('change-card');
                                 $(this).text('Read more');
                                 respond = Wick.Clamping.clamp(element, {
                                     lines: $(this).attr('data-lines'),
-                                    id: $(this).attr('data-id')
+                                    id: $(this).attr('data-id'),
                                 });
                             }
                             element.text(respond.text).append(respond.link);
-
-                        }
-                    }
+                        },
+                    },
                 });
                 if (clampage.type === 'usual') {
                     unit.append(btn);
                 }
 
-                if ((unit.height() / parseInt(unit.css('line-height'))) < newLines && checkToMobile) {
+                if (unit.height() / parseInt(unit.css('line-height')) < newLines && checkToMobile) {
                     unit.children('.clamp_btn').addClass('clamp_btn-block');
                 }
             }
@@ -169,7 +184,7 @@ Wick.Clamping = (function () {
                 var unit = obj.eq(i);
                 var id = unit.find('.clamp_btn').attr('data-id');
                 if (id) {
-                    unit.text(Wick.Clamping.clamp(unit, {id: id, reset: true}).text);
+                    unit.text(Wick.Clamping.clamp(unit, { id: id, reset: true }).text);
                 }
                 unit.removeClass('clamp_container clamp-full');
             }
@@ -183,6 +198,6 @@ Wick.Clamping = (function () {
                 arr.push(val);
             }
             return arr;
-        }
-    }
+        },
+    };
 })();