wickes-css2 2.103.0-IC-976-pre-commit-lint.10 → 2.103.0-IC-976-pre-commit-lint.12

package/Readme.md

@@ -279,3 +279,8 @@ For activation sticky functionality in checkout-right-aside, please do next step
 1) please wrap right aside content by <div class=“right-aside-sticky”></div>;
 2) if page contains "recently viewed" component, please wrap it by <div class="footer_sticky-right-aside">
 
+## Husky pre-commit lint
+To configure pre-commit lint run:
+```
+yarn setup:husky
+```

package/build/js/page/accordion.js

@@ -1,37 +1,35 @@
 var Wick = Wick || {};
-Wick.Accordion = (function () {
-    var $accordion = $('.accordion'),
-        accordionToggler = '.accordion__header',
-        accordionIcon = '.accordion__action',
-        accordionContent = '.accordion__content',
-        collapsed = 'accordion_collapsed',
-        $asideAccordion = $('.aside-accordion .js-toggle-aside-accordion');
-    var bindEvents = function (index, element) {
-        var $acc = $(element);
+Wick.Accordion = (function(){
+  var $accordion = $('.accordion'),
+    accordionToggler = '.accordion__header',
+    accordionIcon = '.accordion__action',
+    accordionContent = '.accordion__content',
+    collapsed = 'accordion_collapsed',
+    $asideAccordion = $('.aside-accordion .js-toggle-aside-accordion');
+  var bindEvents = function (index, element) {
+    var $acc = $(element);
 
-        var accordionTrigger =
-            $acc.attr('data-action-element') === 'icon' ? accordionIcon : accordionToggler;
-        $acc.find(accordionTrigger).on('click', function () {
-            $acc.toggleClass(collapsed);
-            $acc.children(accordionContent).slideToggle(200);
-        });
-    };
+    var accordionTrigger = $acc.attr('data-action-element') === 'icon' ? accordionIcon : accordionToggler
+    $acc.find(accordionTrigger).on('click', function(){
+      $acc.toggleClass(collapsed);
+      $acc.children(accordionContent).slideToggle(200);
+    });
+  };
 
-    var init = function () {
-        $accordion.each(bindEvents);
+  var init = function () {
+    $accordion.each(bindEvents);
 
-        $asideAccordion.click(function () {
-            if (window.matchMedia('(min-width: 992px)').matches) {
-                if ($(this).text().toLowerCase() != 'useful links') {
-                    $(this)
-                        .closest('.aside-nav2__holder')
-                        .toggleClass('is-active')
-                        .find('.aside-nav2__list')
-                        .slideToggle(250);
-                }
-            }
-        });
-    };
+    $asideAccordion.click(function() {
+      if (window.matchMedia("(min-width: 992px)").matches) {
+        if ($(this).text().toLowerCase() != 'useful links') {
+          $(this).closest('.aside-nav2__holder')
+            .toggleClass('is-active')
+            .find('.aside-nav2__list')
+            .slideToggle(250);
+        }
+      }
+    });
+  }
 
-    init();
+  init();
 })();

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "wickes-css2",
-  "version": "2.103.0-IC-976-pre-commit-lint.10",
+  "version": "2.103.0-IC-976-pre-commit-lint.12",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {
     "lint:fix": "sass-lint-auto-fix",
     "build": "gulp build",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "setup:husky": "yarn prepare && npx husky add .husky/pre-commit \"yarn lint-staged\" && git add .husky/pre-commit"
   },
   "lint-staged": {
     "src/js/**/*.js": [

package/src/js/page/accordion.js

@@ -1,37 +1,35 @@
 var Wick = Wick || {};
-Wick.Accordion = (function () {
-    var $accordion = $('.accordion'),
-        accordionToggler = '.accordion__header',
-        accordionIcon = '.accordion__action',
-        accordionContent = '.accordion__content',
-        collapsed = 'accordion_collapsed',
-        $asideAccordion = $('.aside-accordion .js-toggle-aside-accordion');
-    var bindEvents = function (index, element) {
-        var $acc = $(element);
+Wick.Accordion = (function(){
+  var $accordion = $('.accordion'),
+    accordionToggler = '.accordion__header',
+    accordionIcon = '.accordion__action',
+    accordionContent = '.accordion__content',
+    collapsed = 'accordion_collapsed',
+    $asideAccordion = $('.aside-accordion .js-toggle-aside-accordion');
+  var bindEvents = function (index, element) {
+    var $acc = $(element);
 
-        var accordionTrigger =
-            $acc.attr('data-action-element') === 'icon' ? accordionIcon : accordionToggler;
-        $acc.find(accordionTrigger).on('click', function () {
-            $acc.toggleClass(collapsed);
-            $acc.children(accordionContent).slideToggle(200);
-        });
-    };
+    var accordionTrigger = $acc.attr('data-action-element') === 'icon' ? accordionIcon : accordionToggler
+    $acc.find(accordionTrigger).on('click', function(){
+      $acc.toggleClass(collapsed);
+      $acc.children(accordionContent).slideToggle(200);
+    });
+  };
 
-    var init = function () {
-        $accordion.each(bindEvents);
+  var init = function () {
+    $accordion.each(bindEvents);
 
-        $asideAccordion.click(function () {
-            if (window.matchMedia('(min-width: 992px)').matches) {
-                if ($(this).text().toLowerCase() != 'useful links') {
-                    $(this)
-                        .closest('.aside-nav2__holder')
-                        .toggleClass('is-active')
-                        .find('.aside-nav2__list')
-                        .slideToggle(250);
-                }
-            }
-        });
-    };
+    $asideAccordion.click(function() {
+      if (window.matchMedia("(min-width: 992px)").matches) {
+        if ($(this).text().toLowerCase() != 'useful links') {
+          $(this).closest('.aside-nav2__holder')
+            .toggleClass('is-active')
+            .find('.aside-nav2__list')
+            .slideToggle(250);
+        }
+      }
+    });
+  }
 
-    init();
+  init();
 })();