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

@@ -1,54 +1,48 @@
 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,123 +1,120 @@
 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;
+  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;
         }
-
-        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();
-                }
-            });
+      } 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();
         }
+      });
+    }
 
-        $(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,67 +1,62 @@
 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();
+  });
 })();