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

package/src/js/components/general/validation.js

@@ -1,48 +1,54 @@
 var Wick = window.Wick || {};
 
 Wick.Validation = {
-  el: {
-    $form: $('form'),
-    fieldRow: '.form-row',
-    validationErrorClass: 'form-row_validation-error',
-    fieldError: '.form-row__error',
-  },
-  displayValidationError(element, errorMsg) {
-    const isElementHasError = !$(element)
-      .closest(Wick.Validation.el.fieldRow)
-      .hasClass(Wick.Validation.el.validationErrorClass);
+    el: {
+        $form: $('form'),
+        fieldRow: '.form-row',
+        validationErrorClass: 'form-row_validation-error',
+        fieldError: '.form-row__error',
+    },
+    displayValidationError(element, errorMsg) {
+        const isElementHasError = !$(element)
+            .closest(Wick.Validation.el.fieldRow)
+            .hasClass(Wick.Validation.el.validationErrorClass);
 
-    if (isElementHasError) {
-      $(element)
-        .closest(Wick.Validation.el.fieldRow)
-        .addClass(Wick.Validation.el.validationErrorClass)
-        .append(`<div class="form-row__error">${errorMsg}</div>`);
-    }
-  },
-  removeValidationError(element) {
-    $(element).closest(Wick.Validation.el.fieldRow)
-      .removeClass(Wick.Validation.el.validationErrorClass)
-      .find(Wick.Validation.el.fieldError)
-      .remove();
-  },
-  isValidFieldSize(value) {
-    return value.length > 0 && value.length < 255;
-  },
-  isValidInputTextField(value) {
-    const regExp = new RegExp("^[\\w ()/&.,'-]+$|^$");
-    return Wick.Validation.isValidFieldSize(value) && regExp.test(value);
-  },
-  isValidEmail (value) {
-    const ipAddressPattern = "(?:(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)\\.){3}(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)",
-      emailPattern = new RegExp("^(?=.{1,64}@)[\\w\\+-]+(\\.[\\w\\+-]+)*@(([A-Za-z\\d]+[A-Za-z\\d-]*\\.){1,3}[A-Za-z]{2,16}|" + ipAddressPattern + ")$"),
-      charactersLimit = 254,
-      isCharactersLimitReached = value.length <= charactersLimit;
-    return emailPattern.test(value) && isCharactersLimitReached;
-  },
-}
+        if (isElementHasError) {
+            $(element)
+                .closest(Wick.Validation.el.fieldRow)
+                .addClass(Wick.Validation.el.validationErrorClass)
+                .append(`<div class="form-row__error">${errorMsg}</div>`);
+        }
+    },
+    removeValidationError(element) {
+        $(element)
+            .closest(Wick.Validation.el.fieldRow)
+            .removeClass(Wick.Validation.el.validationErrorClass)
+            .find(Wick.Validation.el.fieldError)
+            .remove();
+    },
+    isValidFieldSize(value) {
+        return value.length > 0 && value.length < 255;
+    },
+    isValidInputTextField(value) {
+        const regExp = new RegExp("^[\\w ()/&.,'-]+$|^$");
+        return Wick.Validation.isValidFieldSize(value) && regExp.test(value);
+    },
+    isValidEmail(value) {
+        const ipAddressPattern =
+                '(?:(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)\\.){3}(?:25[0-5]|2[0-4][\\d]|[01]?[\\d][\\d]?)',
+            emailPattern = new RegExp(
+                '^(?=.{1,64}@)[\\w\\+-]+(\\.[\\w\\+-]+)*@(([A-Za-z\\d]+[A-Za-z\\d-]*\\.){1,3}[A-Za-z]{2,16}|' +
+                    ipAddressPattern +
+                    ')$'
+            ),
+            charactersLimit = 254,
+            isCharactersLimitReached = value.length <= charactersLimit;
+        return emailPattern.test(value) && isCharactersLimitReached;
+    },
+};
 
 $(document).ready(function () {
-  if (!Wick.Validation.el.$form.length) {
-    return;
-  }
+    if (!Wick.Validation.el.$form.length) {
+        return;
+    }
 });

package/src/js/components/leave-event.js

@@ -1,120 +1,123 @@
 var Wick = window.Wick || {};
 Wick.LeaveEvent = {
-  LEAVE_MESSAGE: 'Data you have entered on this page will not be saved',
-  el: {
-    leavePopup: '#leave-popup',
-    confirmLeaveBtn: "btn-confirm-leave",
-    form: null,
-  },
-  proceedBrowserLeave: true,
-  initialFormState: {},
-  makeLeaveByAction(e, form, callback) {
-    const currentState = Wick.LeaveEvent.getState(form);
-    const isDifferent = !_.isEqual(currentState, Wick.LeaveEvent.initialFormState);
-
-    if (isDifferent) {
-      e.preventDefault();
-      Wick.LeaveEvent.showCustomModal();
-      Wick.LeaveEvent.proceedBrowserLeave = false;
-    }
-
-    if (callback && !isDifferent) {
-      callback();
-    }
-  },
-  makeLeaveByBrowser(form) {
-    const currentState = Wick.LeaveEvent.getState(form);
-    const isDifferent = !_.isEqual(currentState, Wick.LeaveEvent.initialFormState);
-
-    const csrfTokenCheck = Wick.LeaveEvent.isCsrfTokenEqual(currentState, Wick.LeaveEvent.initialFormState);
-
-    if (isDifferent && (csrfTokenCheck || csrfTokenCheck === undefined)) {
-      return Wick.LeaveEvent.LEAVE_MESSAGE;
-    }
-  },
-  isCsrfTokenEqual(currentState, initialFormState) {
-    const csrfTokenCurrentState = currentState.find(item => item.name === 'CSRFToken')?.value;
-    const csrfTokenNewState = initialFormState.find(item => item.name === 'CSRFToken')?.value;
-
-    return csrfTokenCurrentState === csrfTokenNewState;
-  },
-  showCustomModal() {
-    $(Wick.LeaveEvent.el.leavePopup).modal('show')
-  },
-  getState(form) {
-    let arrForm = $(form).serializeArray();
-    arrForm = Wick.LeaveEvent.processSerializedArr(arrForm, form);
-    return arrForm;
-  },
-  processSerializedArr(arrForm, form) {
-    arrForm = arrForm.filter(item => {
-      let element = $(form).find(`[name="${item.name}"]`);
-      return item.name !== "g-recaptcha-response" && element.attr("type") !== "hidden";
-    });
-
-    arrForm = arrForm.map((item) => {
-      let element = $(form).find(`[name="${item.name}"]`);
-
-      if (element.attr("data-tag")) {
-        let dataTagValue = element.attr("data-tag");
-        let similarElements = $(form).find(`[data-tag="${dataTagValue}"]`);
-        let hiddenElement = similarElements.filter(`[type="hidden"]`);
-
-        if (hiddenElement.length) {
-          let previousElement = similarElements.not(`[type="hidden"]`);
-          let previousValue = previousElement.val();
-          item.value = hiddenElement.val();
-          item.text = previousValue;
+    LEAVE_MESSAGE: 'Data you have entered on this page will not be saved',
+    el: {
+        leavePopup: '#leave-popup',
+        confirmLeaveBtn: 'btn-confirm-leave',
+        form: null,
+    },
+    proceedBrowserLeave: true,
+    initialFormState: {},
+    makeLeaveByAction(e, form, callback) {
+        const currentState = Wick.LeaveEvent.getState(form);
+        const isDifferent = !_.isEqual(currentState, Wick.LeaveEvent.initialFormState);
+
+        if (isDifferent) {
+            e.preventDefault();
+            Wick.LeaveEvent.showCustomModal();
+            Wick.LeaveEvent.proceedBrowserLeave = false;
         }
-      } else if (element.prop("tagName").toLowerCase() === "select") {
-        item.value = element.find("option:selected").val();
-        item.text = element.find("option:selected").text();
-      }
-
-      if (item.name === "email" && item.value) {
-        item.value = item.value.toLowerCase();
-      }
-
-      return item;
-    });
-
-    return arrForm;
-  },
-  checkLeavePopup() {
-    if (Wick.LeaveEvent.proceedBrowserLeave) {
-      return Wick.LeaveEvent.makeLeaveByBrowser(Wick.LeaveEvent.el.form);
-    }
-  },
-  removeLeaveEvent() {
-    $(window).off('beforeunload', Wick.LeaveEvent.checkLeavePopup);
-  },
-  bindEvent(form = 'form', leaveBtn, submitBtn, callback) {
-    Wick.LeaveEvent.initialFormState = Wick.LeaveEvent.getState(form);
-    Wick.LeaveEvent.el.form = form;
-
-    $(leaveBtn).on('click', (e) => {
-      Wick.LeaveEvent.makeLeaveByAction(e, form, callback);
-    });
-
-    if ($(Wick.LeaveEvent.el.leavePopup).length) {
-      $(Wick.LeaveEvent.el.leavePopup).on("hide.bs.modal", function () {
-        Wick.LeaveEvent.proceedBrowserLeave = true;
-      });
-    }
-
-    if ($(submitBtn).length) {
-      $(submitBtn).on('click', (e) => {
-        Wick.LeaveEvent.removeLeaveEvent();
-        if (callback) {
-          callback();
+
+        if (callback && !isDifferent) {
+            callback();
+        }
+    },
+    makeLeaveByBrowser(form) {
+        const currentState = Wick.LeaveEvent.getState(form);
+        const isDifferent = !_.isEqual(currentState, Wick.LeaveEvent.initialFormState);
+
+        const csrfTokenCheck = Wick.LeaveEvent.isCsrfTokenEqual(
+            currentState,
+            Wick.LeaveEvent.initialFormState
+        );
+
+        if (isDifferent && (csrfTokenCheck || csrfTokenCheck === undefined)) {
+            return Wick.LeaveEvent.LEAVE_MESSAGE;
+        }
+    },
+    isCsrfTokenEqual(currentState, initialFormState) {
+        const csrfTokenCurrentState = currentState.find((item) => item.name === 'CSRFToken')?.value;
+        const csrfTokenNewState = initialFormState.find((item) => item.name === 'CSRFToken')?.value;
+
+        return csrfTokenCurrentState === csrfTokenNewState;
+    },
+    showCustomModal() {
+        $(Wick.LeaveEvent.el.leavePopup).modal('show');
+    },
+    getState(form) {
+        let arrForm = $(form).serializeArray();
+        arrForm = Wick.LeaveEvent.processSerializedArr(arrForm, form);
+        return arrForm;
+    },
+    processSerializedArr(arrForm, form) {
+        arrForm = arrForm.filter((item) => {
+            let element = $(form).find(`[name="${item.name}"]`);
+            return item.name !== 'g-recaptcha-response' && element.attr('type') !== 'hidden';
+        });
+
+        arrForm = arrForm.map((item) => {
+            let element = $(form).find(`[name="${item.name}"]`);
+
+            if (element.attr('data-tag')) {
+                let dataTagValue = element.attr('data-tag');
+                let similarElements = $(form).find(`[data-tag="${dataTagValue}"]`);
+                let hiddenElement = similarElements.filter('[type="hidden"]');
+
+                if (hiddenElement.length) {
+                    let previousElement = similarElements.not('[type="hidden"]');
+                    let previousValue = previousElement.val();
+                    item.value = hiddenElement.val();
+                    item.text = previousValue;
+                }
+            } else if (element.prop('tagName').toLowerCase() === 'select') {
+                item.value = element.find('option:selected').val();
+                item.text = element.find('option:selected').text();
+            }
+
+            if (item.name === 'email' && item.value) {
+                item.value = item.value.toLowerCase();
+            }
+
+            return item;
+        });
+
+        return arrForm;
+    },
+    checkLeavePopup() {
+        if (Wick.LeaveEvent.proceedBrowserLeave) {
+            return Wick.LeaveEvent.makeLeaveByBrowser(Wick.LeaveEvent.el.form);
+        }
+    },
+    removeLeaveEvent() {
+        $(window).off('beforeunload', Wick.LeaveEvent.checkLeavePopup);
+    },
+    bindEvent(form = 'form', leaveBtn, submitBtn, callback) {
+        Wick.LeaveEvent.initialFormState = Wick.LeaveEvent.getState(form);
+        Wick.LeaveEvent.el.form = form;
+
+        $(leaveBtn).on('click', (e) => {
+            Wick.LeaveEvent.makeLeaveByAction(e, form, callback);
+        });
+
+        if ($(Wick.LeaveEvent.el.leavePopup).length) {
+            $(Wick.LeaveEvent.el.leavePopup).on('hide.bs.modal', function () {
+                Wick.LeaveEvent.proceedBrowserLeave = true;
+            });
+        }
+
+        if ($(submitBtn).length) {
+            $(submitBtn).on('click', () => {
+                Wick.LeaveEvent.removeLeaveEvent();
+                if (callback) {
+                    callback();
+                }
+            });
         }
-      });
-    }
 
-    $(window).on('beforeunload', Wick.LeaveEvent.checkLeavePopup);
+        $(window).on('beforeunload', Wick.LeaveEvent.checkLeavePopup);
 
-    $(window).on('unload', function () {
-      Wick.LeaveEvent.removeLeaveEvent();
-    });
-  }
+        $(window).on('unload', function () {
+            Wick.LeaveEvent.removeLeaveEvent();
+        });
+    },
 };

package/src/js/components/loader.js

@@ -1,17 +1,17 @@
 var Wick = Wick || {};
 
 Wick.Loader = class {
-  HIDDEN_CLASS_NAME = 'd-none';
+    HIDDEN_CLASS_NAME = 'd-none';
 
-  constructor(parentSelector){
-    this.loaderElement = $(`${parentSelector} > .loader-wrapper`);
-  }
+    constructor(parentSelector) {
+        this.loaderElement = $(`${parentSelector} > .loader-wrapper`);
+    }
 
-  showLoader() {
-    this.loaderElement.removeClass(this.HIDDEN_CLASS_NAME);
-  }
+    showLoader() {
+        this.loaderElement.removeClass(this.HIDDEN_CLASS_NAME);
+    }
 
-  hideLoader() {
-    this.loaderElement.addClass(this.HIDDEN_CLASS_NAME);
-  }
-}
+    hideLoader() {
+        this.loaderElement.addClass(this.HIDDEN_CLASS_NAME);
+    }
+};

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

@@ -1,62 +1,67 @@
 var Wick = Wick || {};
 Wick.ModalSlider = (function () {
-  var $modalSliders = $('.modal-slider');
+    var $modalSliders = $('.modal-slider');
 
-  var getParameters = function (element) {
-    var elemParent = $(element).parent(),
-        width = breakpoint === 'up-lg' ? 540 : 570,
-        slidesPerView = breakpoint === 'up-lg' ? element.dataset.slides : breakpoint === 'only-md' ? element.dataset.slidesMd : 1;
+    var getParameters = function (element) {
+        var elemParent = $(element).parent(),
+            width = breakpoint === 'up-lg' ? 540 : 570,
+            slidesPerView =
+                breakpoint === 'up-lg'
+                    ? element.dataset.slides
+                    : breakpoint === 'only-md'
+                      ? element.dataset.slidesMd
+                      : 1;
 
-    return {
-      roundLengths: true,
-      navigation: {
-        nextEl: elemParent.find('.modal-slider__btn-next')[0],
-        prevEl: elemParent.find('.modal-slider__btn-prev')[0]
-      },
-      slidesPerView: slidesPerView,
-      spaceBetween: 30,
-      watchOverflow: true,
-      loop: true,
-      width: width
-    }
-  };
+        return {
+            roundLengths: true,
+            navigation: {
+                nextEl: elemParent.find('.modal-slider__btn-next')[0],
+                prevEl: elemParent.find('.modal-slider__btn-prev')[0],
+            },
+            slidesPerView: slidesPerView,
+            spaceBetween: 30,
+            watchOverflow: true,
+            loop: true,
+            width: width,
+        };
+    };
 
-  var destroySliders = function () {
-    $modalSliders.each(function(index, element){
-      var slider = element.swiper;
-      if (slider){
-        slider.destroy();
-      }
-    });
-  };
+    var destroySliders = function () {
+        $modalSliders.each(function (index, element) {
+            var slider = element.swiper;
+            if (slider) {
+                slider.destroy();
+            }
+        });
+    };
 
-  var createSliders = function () {
-    $modalSliders.each(function(index, element){
-      var slider = element.swiper;
-      if (slider){
-        slider.destroy();
-      }
-      slider = new Swiper(element, getParameters(element));
-    });
-  };
+    var createSliders = function () {
+        $modalSliders.each(function (index, element) {
+            var slider = element.swiper;
+            if (slider) {
+                slider.destroy();
+            }
+            slider = new Swiper(element, getParameters(element));
+        });
+    };
 
-  var init = function () {
-    Wick.Responsive.onBreakpoint(function () {
-      destroySliders();
-    }, 'down-sm');
-    Wick.Responsive.onBreakpoint(function () {
-      createSliders();
-    }, 'only-md');
-    Wick.Responsive.onBreakpoint(function () {
-      createSliders();
-    }, 'up-lg');
+    var init = function () {
+        Wick.Responsive.onBreakpoint(function () {
+            destroySliders();
+        }, 'down-sm');
+        Wick.Responsive.onBreakpoint(function () {
+            createSliders();
+        }, 'only-md');
+        Wick.Responsive.onBreakpoint(function () {
+            createSliders();
+        }, 'up-lg');
 
-    if (Wick.Responsive.getCurrentBreakpoint() !== 'down-sm'){
-      createSliders();
-    }
-  };
+        if (Wick.Responsive.getCurrentBreakpoint() !== 'down-sm') {
+            createSliders();
+        }
+    };
 
-  $(document).ready(function () {
-    $modalSliders.length && init();
-  });
+    $(document).ready(function () {
+        $modalSliders.length && init();
+    });
 })();