wickes-css2 2.107.0-ripple.2 → 2.107.0-ripple.21

package/build/js/components/general/text-clamp.js

@@ -0,0 +1,102 @@
+var Wick = Wick || {};
+Wick.TextClamp = (function () {
+    var rangeListCardDescr = $('.range-list__next-steps .card__descr');
+    var categoryHubCardDescr = $('.page_category-hub .card__descr');
+    var categoryLandingCards = $('.category-landing .card__title a');
+    var productCardHorizontal = $('.product-card-preview .product-card__title');
+    var productCardList = $('.products-list .product-card__title');
+    var productCardDesc = $('.products-list .product-card__description .card__descr');
+    var wismoProductLink = $('.wismo-order__name-link');
+    var complementCardHeader = $('.complem__head');
+    var orderItemTitle = $('.order-item__title');
+    let customSlider = $('.custom-slider.mini-basket');
+
+    function clampText(selector, size) {
+        if (selector.length) {
+            selector.each(function (index, value) {
+                $clamp(value, {clamp: size});
+            });
+        }
+    }
+
+
+
+    function clampOrderTitle() {
+        if (window.matchMedia('(min-width: 768px)').matches) {
+            clampText(orderItemTitle, 2);
+        } else {
+            clampText(orderItemTitle, 3);
+        }
+    }
+
+    if (wismoProductLink.length) {
+        wismoProductLink.each(function (index, value) {
+            $clamp(value, {clamp: 2});
+        });
+    }
+
+    if (rangeListCardDescr.length) {
+        rangeListCardDescr.each(function (index, value) {
+            $clamp(value, {clamp: 2});
+        });
+    }
+
+    if (categoryHubCardDescr.length) {
+        categoryHubCardDescr.each(function (index, value) {
+            $clamp(value, {clamp: 3});
+        });
+    }
+
+    if (categoryLandingCards.length) { //TODO: make one function
+        categoryLandingCards.each(function (index, value) {
+            $clamp(value, {clamp: 3});
+        });
+    }
+
+    if (productCardHorizontal.length && !customSlider.length) {
+        productCardHorizontal.each(function (index, value) {
+            $clamp(value, {clamp: 3});
+        });
+    }
+
+    if (complementCardHeader.length) {
+        complementCardHeader.each(function (index, value) {
+            $clamp(value, {clamp: 3});
+        });
+    }
+
+    clampOrderTitle();
+
+    window.onresize = function () {
+        if (window.matchMedia('(min-width: 768px)').matches) {
+            if (productCardList.length) {
+                productCardList.each(function (index, value) {
+                    $clamp(value, {clamp: 2});
+                });
+            }
+        } else {
+            if (productCardList.length) {
+                productCardList.each(function (index, value) {
+                    $clamp(value, {clamp: 3});
+                });
+            }
+        }
+
+        if (window.matchMedia('(min-width: 768px)').matches) {
+            if (productCardDesc.length) {
+                productCardDesc.each(function (index, value) {
+                    $clamp(value, {clamp: 2});
+                });
+            }
+        } else {
+            if (productCardDesc.length) {
+                productCardDesc.each(function (index, value) {
+                    $clamp(value, {clamp: 3});
+                });
+            }
+        }
+
+        clampOrderTitle();
+    }
+
+})();

package/build/js/components/general/tooltips.js

@@ -0,0 +1,8 @@
+var Wick = Wick || {};
+Wick.Tooltips = (function(){
+    var init = function () {
+        $('[data-toggle="tooltip"]').tooltip();
+    }
+
+    init();
+})();

package/build/js/components/general/validation.js

@@ -0,0 +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);
+
+    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;
+  }
+});