v2.1.8

CHANGELOG.md

@@ -1,3 +1,14 @@
+## v2.1.8
+- feat(switches): add disabled switch example
+- fix(switches): missing ending semicolons
+- fix(switches): add missing `<tr>`
+- update: `@coreui/coreui` to `2.0.26`
+- update: `eslint` to `5.8.0`
+- update: `eslint-plugin-compat` to `2.6.3`
+- update: `node-sass` to `4.10.0`
+- update: `nodemon` to `1.18.6`
+- update: `stylelint` to `9.7.1` 
+
 ## v2.1.7
 - fix(pug): crossplatform use `path.sep` instead of `/` - thanks @vasilevich
 - fix(cards): smooth collapse card - thanks @MartijnBastiaansen #378

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/coreui-free-bootstrap-admin-template-ajax",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "description": "Free Bootstrap Admin Template Ajax",
   "keywords": [
     "admin",
@@ -63,7 +63,7 @@
     "watch-pug": "nodemon -e pug -x \"npm run pug\""
   },
   "dependencies": {
-    "@coreui/coreui": "^2.0.21",
+    "@coreui/coreui": "^2.0.26",
     "@coreui/coreui-plugin-chartjs-custom-tooltips": "1.2.0",
     "@coreui/icons": "0.3.0",
     "bootstrap": "4.1.3",
@@ -89,18 +89,18 @@
     "clean-css-cli": "^4.2.1",
     "copyfiles": "^2.1.0",
     "cross-env": "^5.2.0",
-    "eslint": "^5.7.0",
-    "eslint-plugin-compat": "^2.6.2",
+    "eslint": "^5.8.0",
+    "eslint-plugin-compat": "^2.6.3",
     "foreach-cli": "^1.8.1",
     "js-beautify": "^1.8.8",
-    "node-sass": "^4.9.4",
-    "nodemon": "^1.18.4",
+    "node-sass": "^4.10.0",
+    "nodemon": "^1.18.6",
     "npm-run-all": "^4.1.3",
     "postcss-cli": "^6.0.1",
     "pug": "^2.0.3",
     "rimraf": "^2.6.2",
     "shelljs": "^0.8.2",
-    "stylelint": "^9.6.0",
+    "stylelint": "^9.7.1",
     "stylelint-config-recommended-scss": "^3.2.0",
     "stylelint-config-standard": "^18.2.0",
     "stylelint-order": "^1.0.0",

pug/views/base/switches.pug

@@ -26,7 +26,13 @@ block view
             label.switch.switch-3d.switch-danger
               input.switch-input(type='checkbox', checked='')
               span.switch-slider
-      // /.col
+            label.switch.switch-3d.switch-primary
+              input.switch-input(type='checkbox', checked='', disabled)
+              span.switch-slider
+            label.switch.switch-3d.switch-primary
+              input.switch-input(type='checkbox', disabled)
+              span.switch-slider
+    // /.col
       .col-md-6
         .card
           .card-header
@@ -466,9 +472,10 @@ block view
           .card-body.p-0
             table.table.table-hover.table-striped.table-align-middle.mb-0
               thead
-                th Size
-                th Example
-                th CSS Class
+                tr
+                  th Size
+                  th Example
+                  th CSS Class
               tbody
                 tr
                   td
@@ -478,7 +485,7 @@ block view
                       input.switch-input(type='checkbox', checked='')
                       span.switch-slider
                   td
-                    | Add following class 
+                    | Add following class
                     code .switch-lg
                 tr
                   td
@@ -497,7 +504,7 @@ block view
                       input.switch-input(type='checkbox', checked='')
                       span.switch-slider
                   td
-                    | Add following class 
+                    | Add following class
                     code .switch-sm
       // /.col
     // /.row

src/views/base/switches.html

@@ -28,6 +28,14 @@
             <input class="switch-input" type="checkbox" checked="" />
             <span class="switch-slider"></span>
           </label>
+          <label class="switch switch-3d switch-primary">
+            <input class="switch-input" type="checkbox" checked="" disabled/>
+            <span class="switch-slider"></span>
+          </label>
+          <label class="switch switch-3d switch-primary">
+            <input class="switch-input" type="checkbox" disabled />
+            <span class="switch-slider"></span>
+          </label>
         </div>
       </div>
     </div>
@@ -422,27 +430,27 @@
         <div class="card-body">
           <label class="switch switch-label switch-primary">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-secondary">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-success">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-warning">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-info">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-danger">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
         </div>
       </div>
@@ -454,27 +462,27 @@
         <div class="card-body">
           <label class="switch switch-label switch-pill switch-primary">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-secondary">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-success">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-warning">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-info">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-danger">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
         </div>
       </div>
@@ -486,27 +494,27 @@
         <div class="card-body">
           <label class="switch switch-label switch-outline-primary">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-secondary">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-success">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-warning">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-info">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-danger">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
         </div>
       </div>
@@ -518,27 +526,27 @@
         <div class="card-body">
           <label class="switch switch-label switch-pill switch-outline-primary">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-secondary">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-success">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-warning">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-info">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-danger">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
         </div>
       </div>
@@ -550,27 +558,27 @@
         <div class="card-body">
           <label class="switch switch-label switch-outline-primary-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-secondary-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-success-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-warning-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-info-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-outline-danger-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
         </div>
       </div>
@@ -582,27 +590,27 @@
         <div class="card-body">
           <label class="switch switch-label switch-pill switch-outline-primary-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-secondary-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-success-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-warning-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-info-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
           <label class="switch switch-label switch-pill switch-outline-danger-alt">
             <input class="switch-input" type="checkbox" checked="" />
-            <span class="switch-slider" data-checked="&amp;#x2713" data-unchecked="&amp;#x2715"></span>
+            <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
           </label>
         </div>
       </div>
@@ -614,9 +622,11 @@
         <div class="card-body p-0">
           <table class="table table-hover table-striped table-align-middle mb-0">
             <thead>
-              <th>Size</th>
-              <th>Example</th>
-              <th>CSS Class</th>
+              <tr>
+                <th>Size</th>
+                <th>Example</th>
+                <th>CSS Class</th>
+              </tr>
             </thead>
             <tbody>
               <tr>
@@ -661,4 +671,4 @@
     <!-- /.col-->
   </div>
   <!-- /.row-->
-</div>
+</div>