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

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

@@ -1,90 +1,85 @@
 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,77 +1,71 @@
 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,12 +1,13 @@
 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() {
@@ -28,4 +29,4 @@ Wick.CharityDonations = (function () {
     }
 
     init();
-})();
+}();

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

@@ -1,79 +1,78 @@
 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();
-        } else {
-            $firstLineAddrField.siblings('.form-row__label').addClass('form-row__label_required');
-            $firstLineAddrLable.addClass('form-row__label_required');
-        }
-    });
-    //end -> fix for ONLINE-2616
+    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")
+    }
+  })
+
+  $('#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,6 +4,7 @@ Wick.Clamping = (function () {
 
     return {
         clamp: function (origin, params) {
+
             var text = $(origin).text().trim();
             var link = $(origin).find('.clamp_btn');
             var linkNode = null;
@@ -14,8 +15,8 @@ Wick.Clamping = (function () {
                 return {
                     text: originalTexts[params.id],
                     type: 'reset',
-                    link: linkNode,
-                };
+                    link: linkNode
+                }
             }
 
             var cssObj = {};
@@ -38,22 +39,20 @@ 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];
@@ -61,7 +60,7 @@ Wick.Clamping = (function () {
 
                 if (clone.height() > parseInt(clone.css('line-height')) * (params.lines - 1)) {
                     safeWordIndex = i;
-                    break;
+                    break
                 }
                 someString += ' ';
             }
@@ -77,7 +76,7 @@ Wick.Clamping = (function () {
                 clone.text(someString);
                 if (clone.width() > cssObj.width - extraWidth - 8) {
                     dangerWordIndex = j;
-                    break;
+                    break
                 }
             }
 
@@ -90,13 +89,14 @@ 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,56 +125,41 @@ 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');
                 }
             }
@@ -184,7 +169,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');
             }
@@ -198,6 +183,6 @@ Wick.Clamping = (function () {
                 arr.push(val);
             }
             return arr;
-        },
-    };
+        }
+    }
 })();