v1.0.8

Vue_Starter/build/webpack.base.conf.js

@@ -48,17 +48,20 @@ module.exports = {
       },
       {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        exclude: [/fonts/],
         use: {
           loader: 'file-loader',
           options: {
             name: '[name].[hash:7].[ext]',
             publicPath: '../../',
-            outputPath: utils.assetsPath('img/')
+            outputPath: utils.assetsPath('img/'),
+            emitFile: true
           }
         }
       },
       {
         test: /\.(woff2?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
+        exclude: [/flags/],
         use: {
           loader: 'file-loader',
           options: {

Vue_Starter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Open Source Bootstrap Admin Template",
   "author": "Łukasz Holeczek",
   "homepage": "http://coreui.io",
@@ -17,19 +17,20 @@
     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
-    "bootstrap": "4.0.0-beta.2",
-    "bootstrap-vue": "1.1.0",
+    "bootstrap": "4.0.0-beta.3",
+    "bootstrap-vue": "1.4.0",
     "chart.js": "2.7.1",
+    "flag-icon-css": "2.9.0",
     "font-awesome": "^4.7.0",
     "simple-line-icons": "^2.4.1",
-    "vue": "2.5.6",
+    "vue": "2.5.13",
     "vue-chartjs": "3.0.2",
     "vue-router": "3.0.1"
   },
   "devDependencies": {
-    "autoprefixer": "7.1.6",
+    "autoprefixer": "7.2.4",
     "babel-core": "6.26.0",
-    "babel-eslint": "8.0.2",
+    "babel-eslint": "8.2.1",
     "babel-loader": "7.1.2",
     "babel-plugin-transform-runtime": "6.23.0",
     "babel-preset-env": "1.6.1",
@@ -37,12 +38,12 @@
     "babel-register": "6.26.0",
     "chalk": "2.3.0",
     "connect-history-api-fallback": "1.5.0",
-    "copy-webpack-plugin": "4.2.1",
-    "css-loader": "0.28.7",
-    "eslint": "4.11.0",
+    "copy-webpack-plugin": "4.3.1",
+    "css-loader": "0.28.8",
+    "eslint": "4.15.0",
     "eslint-friendly-formatter": "3.0.0",
     "eslint-loader": "1.9.0",
-    "eslint-plugin-html": "4.0.0",
+    "eslint-plugin-html": "4.0.1",
     "eslint-plugin-import": "2.8.0",
     "eslint-plugin-node": "5.2.1",
     "eslint-config-standard": "10.2.1",
@@ -51,33 +52,34 @@
     "eventsource-polyfill": "0.9.6",
     "express": "4.16.2",
     "extract-text-webpack-plugin": "3.0.2",
-    "file-loader": "1.1.5",
+    "file-loader": "1.1.6",
     "friendly-errors-webpack-plugin": "1.6.1",
     "html-webpack-plugin": "2.30.1",
     "http-proxy-middleware": "0.17.4",
-    "webpack-bundle-analyzer": "2.9.1",
-    "cross-env": "5.1.1",
-    "karma": "1.7.1",
+    "cross-env": "5.1.3",
+    "karma": "2.0.0",
     "karma-coverage": "1.1.1",
     "karma-mocha": "1.3.0",
     "karma-phantomjs-launcher": "1.0.4",
     "karma-phantomjs-shim": "1.5.0",
     "karma-sinon-chai": "1.3.3",
     "karma-sourcemap-loader": "0.3.7",
-    "karma-spec-reporter": "0.0.31",
-    "karma-webpack": "2.0.6",
-    "lolex": "2.3.0",
-    "mocha": "4.0.1",
+    "karma-spec-reporter": "0.0.32",
+    "karma-webpack": "2.0.9",
+    "lolex": "2.3.1",
+    "mocha": "4.1.0",
     "chai": "4.1.2",
-    "sinon": "4.1.2",
+    "sinon": "4.1.4",
     "sinon-chai": "2.14.0",
     "inject-loader": "3.0.1",
     "babel-plugin-istanbul": "4.1.5",
     "phantomjs-prebuilt": "^2.1.16",
-    "chromedriver": "2.33.2",
+    "chromedriver": "2.34.1",
     "cross-spawn": "5.1.0",
-    "nightwatch": "0.9.16",
-    "selenium-server": "3.7.1",
+    "nightwatch": "0.9.19",
+    "node-sass": "4.7.2",
+    "sass-loader": "6.0.6",
+    "selenium-server": "3.8.1",
     "semver": "5.4.1",
     "shelljs": "0.7.8",
     "opn": "5.1.0",
@@ -85,18 +87,17 @@
     "ora": "1.3.0",
     "rimraf": "2.6.2",
     "url-loader": "0.6.2",
-    "vue-loader": "13.5.0",
+    "vue-loader": "13.7.0",
     "vue-style-loader": "3.0.3",
-    "vue-template-compiler": "2.5.6",
-    "webpack": "3.8.1",
-    "webpack-dev-middleware": "1.12.0",
-    "webpack-hot-middleware": "2.20.0",
-    "webpack-merge": "4.1.1",
-    "node-sass": "4.7.1",
-    "sass-loader": "6.0.6"
+    "vue-template-compiler": "2.5.13",
+    "webpack": "3.10.0",
+    "webpack-bundle-analyzer": "2.9.2",
+    "webpack-dev-middleware": "2.0.4",
+    "webpack-hot-middleware": "2.21.0",
+    "webpack-merge": "4.1.1"
   },
   "engines": {
-    "node": ">= 6.4.0",
-    "npm": ">= 5.0.0"
+    "node": ">= 8.9.4",
+    "npm": ">= 5.6.0"
   }
 }

Vue_Starter/scss/_bootstrap-variables.scss

@@ -51,7 +51,28 @@ $theme-colors: (
   warning:                        $yellow,
   danger:                         $red,
   light:                          $gray-100,
-  dark:                           $gray-800
+  dark:                           $gray-800,
+
+  blue:                           $blue,
+  indigo:                         $indigo,
+  purple:                         $purple,
+  pink:                           $pink,
+  red:                            $red,
+  orange:                         $orange,
+  yellow:                         $yellow,
+  green:                          $green,
+  teal:                           $teal,
+  cyan:                           $cyan,
+
+  gray-100:                       $gray-100,
+  gray-200:                       $gray-200,
+  gray-300:                       $gray-300,
+  gray-400:                       $gray-400,
+  gray-500:                       $gray-500,
+  gray-600:                       $gray-600,
+  gray-700:                       $gray-700,
+  gray-800:                       $gray-800,
+  gray-900:                       $gray-900
 );
 
 // Options

Vue_Starter/scss/core/_buttons.scss

@@ -2,15 +2,6 @@ button {
   cursor: pointer;
 }
 
-.btn {
-  .badge {
-    position: absolute;
-    top: 2px;
-    right: 6px;
-    font-size: 9px;
-  }
-}
-
 .btn-transparent {
   color: #fff;
   background-color: transparent;

Vue_Starter/scss/core/_layout.scss

@@ -129,6 +129,9 @@ app-root {
         }
       }
     }
+    .sidebar-minimizer {
+      display: none;
+    }
   }
 
   .sidebar-minimized {

Vue_Starter/scss/core/_nav.scss

@@ -1,6 +1,9 @@
 .nav-tabs {
   .nav-link {
     color: $gray-600;
+    &:hover {
+      cursor: pointer;
+    }
     &.active {
       color: $gray-800;
       background: #fff;

Vue_Starter/scss/core/_sidebar.scss

@@ -207,7 +207,7 @@
       border-radius: $border-radius;
     }
     > .nav-dropdown-items {
-      max-height: 1000px;
+      max-height: 1500px;
     }
 
     .nav-link {

Vue_Starter/scss/style.scss

@@ -1,8 +1,8 @@
 /*!
  * CoreUI - Open Source Bootstrap Admin Template
- * @version v1.0.6
+ * @version v1.0.8
  * @link http://coreui.io
- * Copyright (c) 2017 creativeLabs Łukasz Holeczek
+ * Copyright (c) 2018 creativeLabs Łukasz Holeczek
  * @license MIT
  */
 

Vue_Starter/src/components/Aside.vue

@@ -6,6 +6,6 @@
 
 <script>
 export default {
-  name: 'aside'
+  name: 'c-aside'
 }
 </script>

Vue_Starter/src/components/Footer.vue

@@ -1,11 +1,11 @@
 <template>
   <footer class="app-footer">
-    <span><a href="http://coreui.io">CoreUI</a> &copy; 2017 creativeLabs.</span>
+    <span><a href="http://coreui.io">CoreUI</a> &copy; 2018 creativeLabs.</span>
     <span class="ml-auto">Powered by <a href="http://coreui.io">CoreUI</a></span>
   </footer>
 </template>
 <script>
 export default {
-  name: 'footer'
+  name: 'c-footer'
 }
 </script>

Vue_Starter/src/components/Header.vue

@@ -14,7 +14,7 @@
 </template>
 <script>
 export default {
-  name: 'header',
+  name: 'c-header',
   methods: {
     sidebarToggle (e) {
       e.preventDefault()

Vue_Starter/src/components/SidebarNavItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <li :class="classList">
+  <li :class="classList" @click="hideMobile">
     <slot></slot>
   </li>
 </template>
@@ -23,6 +23,13 @@
       itemClasses () {
         return this.classes ? this.classes.split(' ') : ''
       }
+    },
+    methods: {
+      hideMobile () {
+        if (document.body.classList.contains('sidebar-mobile-show')) {
+          document.body.classList.toggle('sidebar-mobile-show')
+        }
+      }
     }
   }
 </script>