Update to v1.0.6

- refactor: raw html to b-row, b-col, b-card, b-button components
- fix: Cards change variant="accent- to class="card-accent-
- refactor: Modal's ok-button variants
- refactor: forms with validation feedback
- update: bootstrap-vue to 1.1.0 closes #28
- update: to vue 2.5.6

from build v1.0.5
- update: bootstrap-vue to 1.0.x
- fix: use <b-form-radio-group> instead of <b-form-radio>
- refactor: <b-table> bootstrap-vue component in Tables closes #24
- refactor: extract Table component from Tables
- refactor: <b-table> bootstrap-vue component in Switches
- fix: add table-responsive-sm class to Tables closes #26
- refactor: use component <b-navbar-nav> instead of deprecated prop is-nav-bar
- fix: b-progress height property workaround (bootstrap-vue)
- chore: dependencies update

Author: xidedix

CHANGELOG.md

@@ -0,0 +1,37 @@
+## [vue](./README.md) version `changelog`
+
+###### `v1.0.6`
+- refactor: raw html to `b-row`, `b-col`, `b-card`, `b-button` components
+- fix: Cards.vue: change `variant="accent-` to `class="card-accent-`
+- refactor: Modal's ok-button variants
+- refactor: forms with validation feedback
+- update: bootstrap-vue to `1.1.0`
+- update: to vue: `2.5.6`
+
+###### `v1.0.5`
+- update: bootstrap-vue to `1.0.x`
+- fix: use `<b-form-radio-group>` instead of `<b-form-radio>`  **[breaking change](https://bootstrap-vue.js.org/docs/components/form-radios)** :fire:
+- refactor: `<b-table>` bootstrap-vue component in `Tables` #24
+- refactor: extract `Table` component from `Tables`
+- refactor: `<b-table>` bootstrap-vue component in `Switches` #24
+- fix: add `table-responsive-sm` class to `Tables` #26
+- refactor: use component `<b-navbar-nav>` instead of deprecated prop `is-nav-bar`
+- fix: `b-progress` `height` property workaround (bootstrap-vue)
+- chore: dependencies update
+
+###### `v1.0.4`
+- refactor: import Bootstrap 4 SCSS files from node_modules
+- fix: callouts styles
+
+###### `v1.0.3`
+- update: Bootstrap version to `4.0.0-beta.2`
+- update: vue-chartjs to `3.0.0` **[breaking change](https://github.com/apertureless/vue-chartjs/releases/tag/v3.0.0)** :fire:
+
+###### `v1.0.2`
+- update: to vue: `^2.5.x`
+- update: bootstrap-vue to `1.0.0-beta.9`
+- refactor: (vue `v2.5.x`) deprecated `<template scope="props">` replace with `<div slot-scope="props">`
+- refactor: `HeaderDropdown` component added to `Header`
+- refactor: `b-badge` component added (bootstrap-vue)
+- chore: `package.json` project dependencies update
+

Vue_Full_Project/CHANGELOG.md

@@ -1,7 +1,23 @@
 ## [vue](./README.md) version `changelog`
 
+###### `v1.0.6`
+- refactor: raw html to `b-row`, `b-col`, `b-card`, `b-button` components
+- fix: Cards.vue: change `variant="accent-` to `class="card-accent-`
+- refactor: Modal's ok-button variants
+- refactor: forms with validation feedback
+- update: bootstrap-vue to `1.1.0`
+- update: to vue: `2.5.6`
+
 ###### `v1.0.5`
+- update: bootstrap-vue to `1.0.x`
 - fix: use `<b-form-radio-group>` instead of `<b-form-radio>`  **[breaking change](https://bootstrap-vue.js.org/docs/components/form-radios)** :fire:
+- refactor: `<b-table>` bootstrap-vue component in `Tables` #24
+- refactor: extract `Table` component from `Tables`
+- refactor: `<b-table>` bootstrap-vue component in `Switches` #24
+- fix: add `table-responsive-sm` class to `Tables` #26
+- refactor: use component `<b-navbar-nav>` instead of deprecated prop `is-nav-bar`
+- fix: `b-progress` `height` property workaround (bootstrap-vue)
+- chore: dependencies update
 
 ###### `v1.0.4`
 - refactor: import Bootstrap 4 SCSS files from node_modules

Vue_Full_Project/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coreui/vue",
-  "version": "1.0.5",
-  "description": "",
+  "version": "1.0.6",
+  "description": "Open Source Bootstrap Admin Template",
   "author": "Łukasz Holeczek",
   "homepage": "http://coreui.io",
   "copyright": "Copyright 2017 creativeLabs Łukasz Holeczek",
@@ -18,85 +18,85 @@
   },
   "dependencies": {
     "bootstrap": "4.0.0-beta.2",
-    "bootstrap-vue": "1.0.0-beta.9",
-    "chart.js": "2.7.0",
+    "bootstrap-vue": "1.1.0",
+    "chart.js": "2.7.1",
     "font-awesome": "^4.7.0",
     "simple-line-icons": "^2.4.1",
-    "vue": "^2.5.2",
-    "vue-chartjs": "^3.0.0",
-    "vue-router": "^3.0.1"
+    "vue": "2.5.6",
+    "vue-chartjs": "3.0.2",
+    "vue-router": "3.0.1"
   },
   "devDependencies": {
-    "autoprefixer": "7.1.5",
+    "autoprefixer": "7.1.6",
     "babel-core": "6.26.0",
-    "babel-eslint": "8.0.1",
+    "babel-eslint": "8.0.2",
     "babel-loader": "7.1.2",
-    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-plugin-transform-runtime": "6.23.0",
     "babel-preset-env": "1.6.1",
     "babel-preset-stage-2": "6.24.1",
     "babel-register": "6.26.0",
-    "chalk": "2.2.0",
-    "connect-history-api-fallback": "^1.4.0",
-    "copy-webpack-plugin": "^4.1.1",
+    "chalk": "2.3.0",
+    "connect-history-api-fallback": "1.5.0",
+    "copy-webpack-plugin": "4.2.1",
     "css-loader": "0.28.7",
-    "eslint": "^4.9.0",
+    "eslint": "4.11.0",
     "eslint-friendly-formatter": "3.0.0",
     "eslint-loader": "1.9.0",
-    "eslint-plugin-html": "3.2.2",
-    "eslint-plugin-import": "2.7.0",
-    "eslint-plugin-node": "5.2.0",
+    "eslint-plugin-html": "4.0.0",
+    "eslint-plugin-import": "2.8.0",
+    "eslint-plugin-node": "5.2.1",
     "eslint-config-standard": "10.2.1",
     "eslint-plugin-promise": "3.6.0",
     "eslint-plugin-standard": "3.0.1",
-    "eventsource-polyfill": "^0.9.6",
+    "eventsource-polyfill": "0.9.6",
     "express": "4.16.2",
-    "extract-text-webpack-plugin": "3.0.1",
+    "extract-text-webpack-plugin": "3.0.2",
     "file-loader": "1.1.5",
     "friendly-errors-webpack-plugin": "1.6.1",
     "html-webpack-plugin": "2.30.1",
     "http-proxy-middleware": "0.17.4",
-    "webpack-bundle-analyzer": "2.9.0",
-    "cross-env": "^5.1.0",
+    "webpack-bundle-analyzer": "2.9.1",
+    "cross-env": "5.1.1",
     "karma": "1.7.1",
-    "karma-coverage": "^1.1.1",
-    "karma-mocha": "^1.3.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.2",
-    "karma-sourcemap-loader": "^0.3.7",
+    "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.5",
-    "lolex": "2.1.3",
+    "karma-webpack": "2.0.6",
+    "lolex": "2.3.0",
     "mocha": "4.0.1",
     "chai": "4.1.2",
-    "sinon": "4.0.1",
+    "sinon": "4.1.2",
     "sinon-chai": "2.14.0",
     "inject-loader": "3.0.1",
     "babel-plugin-istanbul": "4.1.5",
-    "phantomjs-prebuilt": "^2.1.15",
-    "chromedriver": "2.33.1",
-    "cross-spawn": "^5.1.0",
+    "phantomjs-prebuilt": "^2.1.16",
+    "chromedriver": "2.33.2",
+    "cross-spawn": "5.1.0",
     "nightwatch": "0.9.16",
-    "selenium-server": "3.6.0",
+    "selenium-server": "3.7.1",
     "semver": "5.4.1",
     "shelljs": "0.7.8",
     "opn": "5.1.0",
     "optimize-css-assets-webpack-plugin": "3.2.0",
     "ora": "1.3.0",
     "rimraf": "2.6.2",
     "url-loader": "0.6.2",
-    "vue-loader": "13.3.0",
+    "vue-loader": "13.5.0",
     "vue-style-loader": "3.0.3",
-    "vue-template-compiler": "^2.5.2",
-    "webpack": "^3.8.1",
+    "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.0",
-    "node-sass": "4.5.3",
+    "webpack-merge": "4.1.1",
+    "node-sass": "4.7.1",
     "sass-loader": "6.0.6"
   },
   "engines": {
-    "node": ">= 4.0.0",
-    "npm": ">= 3.0.0"
+    "node": ">= 6.4.0",
+    "npm": ">= 5.0.0"
   }
 }

Vue_Full_Project/scss/style.scss

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

Vue_Full_Project/src/components/Aside.vue

@@ -201,16 +201,16 @@
           <hr>
           <h6>System Utilization</h6>
           <div class="text-uppercase mb-1 mt-4"><small><b>CPU Usage</b></small></div>
-          <b-progress class="progress-xs" variant="info" :value="25"></b-progress>
+          <b-progress height={} class="progress-xs" variant="info" :value="25"></b-progress>
           <small class="text-muted">348 Processes. 1/4 Cores.</small>
           <div class="text-uppercase mb-1 mt-2"><small><b>Memory Usage</b></small></div>
-          <b-progress class="progress-xs" variant="warning" :value="70"></b-progress>
+          <b-progress height={} class="progress-xs" variant="warning" :value="70"></b-progress>
           <small class="text-muted">11444GB/16384MB</small>
           <div class="text-uppercase mb-1 mt-2"><small><b>SSD 1 Usage</b></small></div>
-          <b-progress class="progress-xs" variant="danger" :value="95"></b-progress>
+          <b-progress height={} class="progress-xs" variant="danger" :value="95"></b-progress>
           <small class="text-muted">243GB/256GB</small>
           <div class="text-uppercase mb-1 mt-2"><small><b>SSD 2 Usage</b></small></div>
-          <b-progress class="progress-xs" variant="success" :value="10"></b-progress>
+          <b-progress height={} class="progress-xs" variant="success" :value="10"></b-progress>
           <small class="text-muted">25GB/256GB</small>
         </div>
       </b-tab>

Vue_Full_Project/src/components/Header.vue

@@ -7,12 +7,12 @@
     <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" @click="sidebarToggle">
       <span class="navbar-toggler-icon"></span>
     </button>
-    <b-nav is-nav-bar class="d-md-down-none">
+    <b-navbar-nav class="d-md-down-none">
       <b-nav-item class="px-3">Dashboard</b-nav-item>
       <b-nav-item class="px-3">Users</b-nav-item>
       <b-nav-item class="px-3">Settings</b-nav-item>
-    </b-nav>
-    <b-nav is-nav-bar class="ml-auto">
+    </b-navbar-nav>
+    <b-navbar-nav class="ml-auto">
       <b-nav-item class="d-md-down-none">
         <i class="icon-bell"></i>
         <b-badge pill variant="danger">5</b-badge>
@@ -24,7 +24,7 @@
         <i class="icon-location-pin"></i>
       </b-nav-item>
       <HeaderDropdown/>
-    </b-nav>
+    </b-navbar-nav>
     <button class="navbar-toggler aside-menu-toggler d-md-down-none" type="button" @click="asideToggle">
       <span class="navbar-toggler-icon"></span>
     </button>

Vue_Full_Project/src/components/Sidebar.vue

@@ -10,7 +10,7 @@
             <SidebarNavTitle :name="item.name" :classes="item.class" :wrapper="item.wrapper"/>
           </template>
           <template v-else-if="item.divider">
-            <li class="divider"></li>
+            <SidebarNavDivider :classes="item.class"/>
           </template>
           <template v-else>
             <template v-if="item.children">
@@ -52,6 +52,7 @@ import SidebarFooter from './SidebarFooter'
 import SidebarForm from './SidebarForm'
 import SidebarHeader from './SidebarHeader'
 import SidebarMinimizer from './SidebarMinimizer'
+import SidebarNavDivider from './SidebarNavDivider'
 import SidebarNavDropdown from './SidebarNavDropdown'
 import SidebarNavLink from './SidebarNavLink'
 import SidebarNavTitle from './SidebarNavTitle'
@@ -70,6 +71,7 @@ export default {
     SidebarForm,
     SidebarHeader,
     SidebarMinimizer,
+    SidebarNavDivider,
     SidebarNavDropdown,
     SidebarNavLink,
     SidebarNavTitle,

Vue_Full_Project/src/components/SidebarNavDivider.vue

@@ -0,0 +1,26 @@
+<template>
+  <li :class="classList"></li>
+</template>
+
+<script>
+  export default {
+    name: 'sidebar-nav-divider',
+    props: {
+      classes: {
+        type: String,
+        default: ''
+      }
+    },
+    computed: {
+      classList () {
+        return [
+          'divider',
+          ...this.itemClasses
+        ]
+      },
+      itemClasses () {
+        return this.classes ? this.classes.split(' ') : ''
+      }
+    }
+  }
+</script>

Vue_Full_Project/src/components/SidebarNavLink.vue

@@ -36,18 +36,26 @@
       variant: {
         type: String,
         default: ''
+      },
+      classes: {
+        type: String,
+        default: ''
       }
     },
     computed: {
       classList () {
         return [
           'nav-link',
-          this.linkVariant
+          this.linkVariant,
+          ...this.itemClasses
         ]
       },
       linkVariant () {
         return this.variant ? `nav-link-${this.variant}` : ''
       },
+      itemClasses () {
+        return this.classes ? this.classes.split(' ') : []
+      },
       isExternalLink () {
         if (this.url.substring(0, 4) === 'http') {
           return true

Vue_Full_Project/src/views/Charts.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="animated fadeIn">
-    <div class="card-columns cols-2">
+    <b-card-group columns class="card-columns cols-2">
       <b-card header="Line Chart">
         <div class="chart-wrapper">
           <line-example/>
@@ -31,7 +31,7 @@
           <polar-area-example/>
         </div>
       </b-card>
-    </div>
+    </b-card-group>
   </div>
 </template>
 <script>