From 00681e7a68acdf57e9b4c31d222b834823610d65 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 11:54:15 +0000
Subject: [PATCH 01/27] Started using sass, added config file

---
 package.json            | 120 ++++++++++++++++++++--------------------
 src/components/Dash.vue |  16 +++++-
 src/config/index.js     |   3 +
 src/main.js             |   2 -
 4 files changed, 78 insertions(+), 63 deletions(-)
 create mode 100644 src/config/index.js

diff --git a/package.json b/package.json
index 88db4c6d..3f41f510 100644
--- a/package.json
+++ b/package.json
@@ -31,65 +31,67 @@
   },
   "devDependencies": {
     "autoprefixer": "^6.4.0",
-      "babel-core": "^6.0.0",
-      "babel-eslint": "^7.0.0",
-      "babel-loader": "^6.0.0",
-      "babel-plugin-transform-runtime": "^6.0.0",
-      "babel-preset-es2015": "^6.0.0",
-      "babel-preset-stage-2": "^6.0.0",
-      "babel-register": "^6.0.0",
-      "chalk": "^1.1.3",
-      "connect-history-api-fallback": "^1.1.0",
-      "css-loader": "^0.25.0",
-      "eslint": "^3.7.1",
-      "eslint-friendly-formatter": "^2.0.5",
-      "eslint-loader": "^1.5.0",
-      "eslint-plugin-html": "^1.3.0",
-      "eslint-config-standard": "6.2.1",
-      "eslint-plugin-promise": "3.3.0",
-      "eslint-plugin-standard": "^2.0.1",
-      "eventsource-polyfill": "^0.9.6",
-      "express": "^4.13.3",
-      "extract-text-webpack-plugin": "^1.0.1",
-      "file-loader": "^0.9.0",
-      "function-bind": "^1.0.2",
-      "html-webpack-plugin": "^2.8.1",
-      "http-proxy-middleware": "^0.17.2",
-      "json-loader": "^0.5.4",
-      "karma": "^1.3.0",
-      "karma-coverage": "^1.1.1",
-      "karma-mocha": "^1.2.0",
-      "karma-phantomjs-launcher": "^1.0.0",
-      "karma-sinon-chai": "^1.2.0",
-      "karma-sourcemap-loader": "^0.3.7",
-      "karma-spec-reporter": "0.0.26",
-      "karma-webpack": "^1.7.0",
-      "lolex": "^1.4.0",
-      "mocha": "^3.1.0",
-      "chai": "^3.5.0",
-      "sinon": "^1.17.3",
-      "sinon-chai": "^2.8.0",
-      "inject-loader": "^2.0.1",
-      "isparta-loader": "^2.0.0",
-      "phantomjs-prebuilt": "^2.1.3",
-      "chromedriver": "^2.21.2",
-      "cross-spawn": "^4.0.2",
-      "nightwatch": "^0.9.8",
-      "selenium-server": "2.53.1",
-      "semver": "^5.3.0",
-      "opn": "^4.0.2",
-      "ora": "^0.3.0",
-      "shelljs": "^0.7.4",
-      "url-loader": "^0.5.7",
-      "vue-loader": "^9.4.0",
-      "vue-style-loader": "^1.0.0",
-      "webpack": "^1.13.2",
-      "webpack-dev-middleware": "^1.8.3",
-      "webpack-hot-middleware": "^2.12.2",
-      "webpack-merge": "^0.14.1"
+    "babel-core": "^6.0.0",
+    "babel-eslint": "^7.0.0",
+    "babel-loader": "^6.0.0",
+    "babel-plugin-transform-runtime": "^6.0.0",
+    "babel-preset-es2015": "^6.0.0",
+    "babel-preset-stage-2": "^6.0.0",
+    "babel-register": "^6.0.0",
+    "chai": "^3.5.0",
+    "chalk": "^1.1.3",
+    "chromedriver": "^2.21.2",
+    "connect-history-api-fallback": "^1.1.0",
+    "cross-spawn": "^4.0.2",
+    "css-loader": "^0.25.0",
+    "eslint": "^3.7.1",
+    "eslint-config-standard": "6.2.1",
+    "eslint-friendly-formatter": "^2.0.5",
+    "eslint-loader": "^1.5.0",
+    "eslint-plugin-html": "^1.3.0",
+    "eslint-plugin-promise": "3.3.0",
+    "eslint-plugin-standard": "^2.0.1",
+    "eventsource-polyfill": "^0.9.6",
+    "express": "^4.13.3",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "file-loader": "^0.9.0",
+    "function-bind": "^1.0.2",
+    "html-webpack-plugin": "^2.8.1",
+    "http-proxy-middleware": "^0.17.2",
+    "inject-loader": "^2.0.1",
+    "isparta-loader": "^2.0.0",
+    "json-loader": "^0.5.4",
+    "karma": "^1.3.0",
+    "karma-coverage": "^1.1.1",
+    "karma-mocha": "^1.2.0",
+    "karma-phantomjs-launcher": "^1.0.0",
+    "karma-sinon-chai": "^1.2.0",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-spec-reporter": "0.0.26",
+    "karma-webpack": "^1.7.0",
+    "lolex": "^1.4.0",
+    "mocha": "^3.1.0",
+    "nightwatch": "^0.9.8",
+    "node-sass": "^4.5.0",
+    "opn": "^4.0.2",
+    "ora": "^0.3.0",
+    "phantomjs-prebuilt": "^2.1.3",
+    "sass-loader": "^6.0.3",
+    "selenium-server": "2.53.1",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.4",
+    "sinon": "^1.17.3",
+    "sinon-chai": "^2.8.0",
+    "url-loader": "^0.5.7",
+    "vue-loader": "^9.4.0",
+    "vue-style-loader": "^1.0.0",
+    "webpack": "^1.13.2",
+    "webpack-dev-middleware": "^1.8.3",
+    "webpack-hot-middleware": "^2.12.2",
+    "webpack-merge": "^0.14.1"
   },
   "engines": {
-  "node": ">= 4.0.0",
-  "npm": ">= 3.0.0"
-}
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  }
 }
diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 53f54e6a..2e1f57ab 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="wrapper">
+  <div :class="['wrapper', sticky && 'sticky']">
     <header class="main-header">
       <a href="/" class="logo">
         <!-- mini logo for sidebar mini 40x50 pixels -->
@@ -204,6 +204,7 @@
 
 <script>
 import faker from 'faker'
+import config from '../config'
 require('hideseek')
 
 module.exports = {
@@ -211,6 +212,7 @@ module.exports = {
   data: function () {
     return {
       section: 'Dash',
+      sticky: config.stickyNav,
       me: '',
       error: '',
       api: {
@@ -262,7 +264,17 @@ module.exports = {
 }
 </script>
 
-<style>
+<style lang="scss">
+.wrapper.sticky {
+  .main-header {
+
+  }
+
+  .main-sidebar {
+    
+  }
+}
+
 .user-panel {
   height: 4em;
 }
diff --git a/src/config/index.js b/src/config/index.js
new file mode 100644
index 00000000..1d24be0e
--- /dev/null
+++ b/src/config/index.js
@@ -0,0 +1,3 @@
+export default {
+  stickyNav: true
+}
diff --git a/src/main.js b/src/main.js
index 6d3e295b..339c9b87 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,7 +10,6 @@ import store from './store'
 import { domain, count, prettyDate, pluralize } from './filters'
 
 // Import Views - Top level
-
 import AppView from './components/App.vue'
 
 // Import Install and register helper items
@@ -21,7 +20,6 @@ Vue.filter('pluralize', pluralize)
 
 // Resource logic
 Vue.use(Resource)
-
 Vue.use(VueRouter)
 
 Vue.http.interceptors.push((request, next) => {

From d48a892522a2904dcba9f65ac2173e41710ed587 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 11:59:04 +0000
Subject: [PATCH 02/27] Added styles for sticky navigation

---
 src/components/Dash.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 2e1f57ab..8ee9854c 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -267,17 +267,24 @@ module.exports = {
 <style lang="scss">
 .wrapper.sticky {
   .main-header {
+    position: fixed;
+    width: 100%;
+  }
 
+  .content-wrapper {
+    padding-top: 50px;
   }
 
   .main-sidebar {
-    
+    position: fixed;
+    height: 100vh;
   }
 }
 
 .user-panel {
   height: 4em;
 }
+
 hr.visible-xs-block {
   width: 100%;
   background-color: rgba(0, 0, 0, 0.17);

From 651c8a75b8648bcf307ad36ada9a846e0cf4d0e6 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 12:05:40 +0000
Subject: [PATCH 03/27] Removed unused copilot js file

---
 index.html           | 1 -
 static/js/copilot.js | 0
 2 files changed, 1 deletion(-)
 delete mode 100644 static/js/copilot.js

diff --git a/index.html b/index.html
index 2fa97ba3..1497eb7f 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,6 @@
     <script src="/static/js/plugins/bootstrap/bootstrap.min.js"></script>
     <script src="/static/js/plugins/AdminLTE/app.min.js"></script>
     <script src="/static/js/plugins/pace/pace.min.js"></script>
-    <script src="/static/js/copilot.js"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/static/js/copilot.js b/static/js/copilot.js
deleted file mode 100644
index e69de29b..00000000

From f4d7a7b2fbb6968a65334794a900048498f9ef7d Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 12:06:48 +0000
Subject: [PATCH 04/27] Removed private google analytics token

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1497eb7f..4d76b93f 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,7 @@
       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
       })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
       // analytics section
-      ga('create', 'UA-76862457-1', 'auto')
+      ga('create', 'YOUR_SHIT_HERE', 'auto')
       ga('send', 'pageview')
     </script>
   </body>

From a39a8f6e9109db22d9ad32ba69dc48b7f88c4660 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 12:10:47 +0000
Subject: [PATCH 05/27] Added hideLogoOnMobile flag that will hide logo on
 screens < 768px

---
 src/components/Dash.vue | 15 +++++++++++++--
 src/config/index.js     |  3 ++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 8ee9854c..a0746ad9 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="['wrapper', sticky && 'sticky']">
+  <div :class="['wrapper', classes]">
     <header class="main-header">
       <a href="/" class="logo">
         <!-- mini logo for sidebar mini 40x50 pixels -->
@@ -212,7 +212,10 @@ module.exports = {
   data: function () {
     return {
       section: 'Dash',
-      sticky: config.stickyNav,
+      classes: {
+        sticky: config.stickyNav,
+        hide_logo: config.hideLogoOnMobile
+      },
       me: '',
       error: '',
       api: {
@@ -281,6 +284,14 @@ module.exports = {
   }
 }
 
+.wrapper.hide_logo {
+  @media (max-width: 767px) {
+    .main-header .logo {
+      display: none;
+    }
+  }
+}
+
 .user-panel {
   height: 4em;
 }
diff --git a/src/config/index.js b/src/config/index.js
index 1d24be0e..8e5cadca 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -1,3 +1,4 @@
 export default {
-  stickyNav: true
+  stickyNav: true,
+  hideLogoOnMobile: true
 }

From 9d4927c3d62be52cd5522b53f88d924e00ceeb90 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 12:17:30 +0000
Subject: [PATCH 06/27] Removed unsupported VueRouter with axios

---
 package.json            |  1 +
 src/api/index.js        | 29 +++++++++++++++++++++++++++++
 src/components/App.vue  | 15 +--------------
 src/components/Dash.vue |  3 ---
 src/main.js             | 18 ------------------
 5 files changed, 31 insertions(+), 35 deletions(-)
 create mode 100644 src/api/index.js

diff --git a/package.json b/package.json
index 3f41f510..95713b6a 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "deploy": "netlify deploy dist"
   },
   "dependencies": {
+    "axios": "^0.15.3",
     "babel-runtime": "^5.8.0",
     "chart.js": "2.3.0",
     "datatables.net": "^1.10.11",
diff --git a/src/api/index.js b/src/api/index.js
new file mode 100644
index 00000000..0b8df38d
--- /dev/null
+++ b/src/api/index.js
@@ -0,0 +1,29 @@
+import axios from axios;
+
+//Vue.http.interceptors.push((request, next) => {
+  /*
+    Enable this when you have a backend that you authenticate against
+  var headers = request.headers
+
+  if (window.location.pathname !== '/login' && !headers.hasOwnProperty('Authorization')) {
+    headers.Authorization = this.$store.state.token
+  }
+  */
+  // console.log(headers)
+
+  // continue to next interceptor without modifying the response
+  //next()
+//})
+
+export default {
+  /*callAPI: function (method, url, data) {
+    this.callingAPI = true
+    url = url || this.serverURI
+    // if no url is passed then inheret local server URI
+    return this.caller({
+      url: url,
+      method: method,
+      data: data
+    })
+  }*/
+}
diff --git a/src/components/App.vue b/src/components/App.vue
index b1216ccb..fd9a82d4 100644
--- a/src/components/App.vue
+++ b/src/components/App.vue
@@ -10,23 +10,10 @@
     name: 'App',
     data: function () {
       return {
-        section: 'Head',
-        version: '0.10.0',
-        callingAPI: false,
-        serverURI: 'http://10.110.1.10:8080',
-        caller: this.$http
+        section: 'Head'
       }
     },
     methods: {
-      callAPI: function (method, url, data) {
-        this.callingAPI = true
-        url = url || this.serverURI // if no url is passed then inheret local server URI
-        return this.caller({
-          url: url,
-          method: method,
-          data: data
-        })
-      },
       logout: function () {
         this.$store.commit('SET_USER', null)
         this.$store.commit('SET_TOKEN', null)
diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index a0746ad9..11e0491f 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -233,9 +233,6 @@ module.exports = {
     state: function () {
       return this.store.state
     },
-    callAPI: function () {
-      return this.$parent.callAPI
-    },
     demo: function () {
       return {
         displayName: faker.name.findName(),
diff --git a/src/main.js b/src/main.js
index 339c9b87..78472411 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,5 @@
 // Import System requirements
 import Vue from 'vue'
-import Resource from 'vue-resource'
 import VueRouter from 'vue-router'
 
 import routes from './routes'
@@ -18,25 +17,8 @@ Vue.filter('domain', domain)
 Vue.filter('prettyDate', prettyDate)
 Vue.filter('pluralize', pluralize)
 
-// Resource logic
-Vue.use(Resource)
 Vue.use(VueRouter)
 
-Vue.http.interceptors.push((request, next) => {
-  /*
-    Enable this when you have a backend that you authenticate against
-  var headers = request.headers
-
-  if (window.location.pathname !== '/login' && !headers.hasOwnProperty('Authorization')) {
-    headers.Authorization = this.$store.state.token
-  }
-  */
-  // console.log(headers)
-
-  // continue to next interceptor without modifying the response
-  next()
-})
-
 // Routing logic
 var router = new VueRouter({
   routes: routes,

From 8871fc235d59adc29fd57db608d282bb71561f3f Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 12:28:46 +0000
Subject: [PATCH 07/27] Removed unused vue logo, moved demo data into separate
 demo file

---
 src/assets/.gitkeep            |   0
 src/assets/logo.png            | Bin 6849 -> 0 bytes
 src/components/dash/Server.vue |  34 ++-----------------
 src/components/dash/Tasks.vue  |  26 ++-------------
 src/demo.js                    |  58 +++++++++++++++++++++++++++++++++
 5 files changed, 63 insertions(+), 55 deletions(-)
 create mode 100644 src/assets/.gitkeep
 delete mode 100644 src/assets/logo.png
 create mode 100644 src/demo.js

diff --git a/src/assets/.gitkeep b/src/assets/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index f3d2503fc2a44b5053b0837ebea6e87a2d339a43..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6849
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

diff --git a/src/components/dash/Server.vue b/src/components/dash/Server.vue
index f3f4a49a..12578f7c 100644
--- a/src/components/dash/Server.vue
+++ b/src/components/dash/Server.vue
@@ -20,41 +20,13 @@
   </div>
 </template>
 <script>
+  import {servers} from '../../demo'
+
   export default {
     name: 'Servers',
     data: function () {
       return {
-        servers: [{
-          name: 'www01',
-          status: 'success',
-          icon: 'globe',
-          description: 'Web server that runs our sites'
-        }, {
-          name: 'sql01',
-          status: 'danger',
-          icon: 'database',
-          description: 'mySQL server used for reporting'
-        }, {
-          name: 'mongoDB01',
-          status: 'info',
-          icon: 'file-code-o',
-          description: 'Main DB server'
-        }, {
-          name: 'ldap01',
-          status: 'success',
-          icon: 'key',
-          description: 'Authentication server'
-        }, {
-          name: 'mgmt01',
-          status: 'success',
-          icon: 'home',
-          description: 'Management server with all tools'
-        }, {
-          name: 'bkup01',
-          status: 'warning',
-          icon: 'backward',
-          description: 'Backup server'
-        }]
+        servers
       }
     }
   }
diff --git a/src/components/dash/Tasks.vue b/src/components/dash/Tasks.vue
index 6ee80cef..e6aafd8e 100644
--- a/src/components/dash/Tasks.vue
+++ b/src/components/dash/Tasks.vue
@@ -28,6 +28,7 @@
 </template>
 <script>
   import moment from 'moment'
+  import {timeline} from '../../demo'
 
   export default {
     name: 'Tasks',
@@ -36,30 +37,7 @@
         return moment().format('MMM Do YY')
       },
       timeline: function () {
-        return [{
-          icon: 'fa-envelope',
-          color: 'blue',
-          title: 'Write short novel',
-          time: moment().endOf('day').fromNow(),
-          body: 'Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu weebly balihoo...',
-          buttons: [{
-            type: 'primary',
-            message: 'Read more'
-          }]
-        },
-        {
-          icon: 'fa-user',
-          color: 'yellow',
-          title: 'Sarah Young accepted your friend request',
-          time: moment('20150620', 'MMM Do YY').fromNow()
-        },
-        {
-          icon: 'fa-camera',
-          color: 'purple',
-          title: 'Watch a youTube video',
-          time: moment('20130620', 'YYYYMMDD').fromNow(),
-          body: '<div class="embed-responsive embed-responsive-16by9"><iframe width="560" height="315" src="https://www.youtube.com/embed/8aGhZQkoFbQ" frameborder="0" allowfullscreen></iframe></div>'
-        }]
+        return timeline
       }
     },
     methods: {
diff --git a/src/demo.js b/src/demo.js
new file mode 100644
index 00000000..6fdb35cd
--- /dev/null
+++ b/src/demo.js
@@ -0,0 +1,58 @@
+import moment from 'moment'
+
+export const servers = [{
+  name: 'www01',
+  status: 'success',
+  icon: 'globe',
+  description: 'Web server that runs our sites'
+}, {
+  name: 'sql01',
+  status: 'danger',
+  icon: 'database',
+  description: 'mySQL server used for reporting'
+}, {
+  name: 'mongoDB01',
+  status: 'info',
+  icon: 'file-code-o',
+  description: 'Main DB server'
+}, {
+  name: 'ldap01',
+  status: 'success',
+  icon: 'key',
+  description: 'Authentication server'
+}, {
+  name: 'mgmt01',
+  status: 'success',
+  icon: 'home',
+  description: 'Management server with all tools'
+}, {
+  name: 'bkup01',
+  status: 'warning',
+  icon: 'backward',
+  description: 'Backup server'
+}]
+
+export const timeline = [{
+  icon: 'fa-envelope',
+  color: 'blue',
+  title: 'Write short novel',
+  time: moment().endOf('day').fromNow(),
+  body: 'Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu weebly balihoo...',
+  buttons: [{
+    type: 'primary',
+    message: 'Read more'
+  }]
+},
+{
+  icon: 'fa-user',
+  color: 'yellow',
+  title: 'Sarah Young accepted your friend request',
+  time: moment('20150620', 'MMM Do YY').fromNow()
+},
+{
+  icon: 'fa-camera',
+  color: 'purple',
+  title: 'Watch a youTube video',
+  time: moment('20130620', 'YYYYMMDD').fromNow(),
+  body: '<div class="embed-responsive embed-responsive-16by9"><iframe width="560" height="315" src="https://www.youtube.com/embed/8aGhZQkoFbQ" frameborder="0" allowfullscreen></iframe></div>'
+}]

From a4493018db5a86c0cd43c9a72820f10768a960d4 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 12:41:35 +0000
Subject: [PATCH 08/27] Minor refactoring and improvements

---
 src/api/index.js                  | 40 ++++++++++++-------------------
 src/components/App.vue            |  4 ++--
 src/components/Dash.vue           | 14 +++++------
 src/components/Login.vue          |  8 +++----
 src/components/dash/Access.vue    | 23 +++++++-----------
 src/components/dash/Dashboard.vue | 14 +++++------
 src/components/dash/Repos.vue     | 20 ++++++++--------
 src/components/dash/Server.vue    |  2 +-
 src/components/dash/Setting.vue   |  8 +++----
 src/components/dash/Tables.vue    |  6 ++---
 src/components/dash/Tasks.vue     |  6 ++---
 src/demo.js                       | 11 +++++++++
 12 files changed, 73 insertions(+), 83 deletions(-)

diff --git a/src/api/index.js b/src/api/index.js
index 0b8df38d..d93ca871 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,29 +1,19 @@
-import axios from axios;
+import axios from 'axios'
+import config from '../config'
 
-//Vue.http.interceptors.push((request, next) => {
-  /*
-    Enable this when you have a backend that you authenticate against
-  var headers = request.headers
-
-  if (window.location.pathname !== '/login' && !headers.hasOwnProperty('Authorization')) {
-    headers.Authorization = this.$store.state.token
-  }
-  */
-  // console.log(headers)
+export default {
+  request (method, uri, data = null) {
+    if (!method) {
+      console.error('API function call requires method argument')
+      return
+    }
 
-  // continue to next interceptor without modifying the response
-  //next()
-//})
+    if (!uri) {
+      console.error('API function call requires uri argument')
+      return
+    }
 
-export default {
-  /*callAPI: function (method, url, data) {
-    this.callingAPI = true
-    url = url || this.serverURI
-    // if no url is passed then inheret local server URI
-    return this.caller({
-      url: url,
-      method: method,
-      data: data
-    })
-  }*/
+    var url = config.serverURI + uri
+    return axios({ method, url, data })
+  }
 }
diff --git a/src/components/App.vue b/src/components/App.vue
index fd9a82d4..1db69310 100644
--- a/src/components/App.vue
+++ b/src/components/App.vue
@@ -8,13 +8,13 @@
 <script>
   export default {
     name: 'App',
-    data: function () {
+    data () {
       return {
         section: 'Head'
       }
     },
     methods: {
-      logout: function () {
+      logout () {
         this.$store.commit('SET_USER', null)
         this.$store.commit('SET_TOKEN', null)
 
diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 11e0491f..a03dbf17 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -227,13 +227,13 @@ module.exports = {
     }
   },
   computed: {
-    store: function () {
+    store () {
       return this.$parent.$store
     },
-    state: function () {
+    state () {
       return this.store.state
     },
-    demo: function () {
+    demo () {
       return {
         displayName: faker.name.findName(),
         avatar: faker.image.avatar(),
@@ -241,16 +241,16 @@ module.exports = {
         randomCard: faker.helpers.createCard()
       }
     },
-    year: function () {
+    year () {
       var y = new Date()
       return y.getFullYear()
     }
   },
   methods: {
-    changeloading: function () {
+    changeloading () {
       this.store.commit('TOGGLE_SEARCHING')
     },
-    toggleMenu: function (event) {
+    toggleMenu (event) {
       // remove active from li
       window.$('li.pageLink').removeClass('active')
 
@@ -258,7 +258,7 @@ module.exports = {
       event.toElement.parentElement.className = 'pageLink active'
     }
   },
-  mounted: function () {
+  mounted () {
     // Page is ready. Let's load our functions!
   }
 }
diff --git a/src/components/Login.vue b/src/components/Login.vue
index b1079fbe..f9e881d3 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -30,7 +30,7 @@
 <script>
 module.exports = {
   name: 'Login',
-  data: function (router) {
+  data (router) {
     return {
       section: 'Login',
       loading: '',
@@ -40,7 +40,7 @@ module.exports = {
     }
   },
   methods: {
-    checkCreds: function () {
+    checkCreds () {
       //  Change submit button
       var self = this
       var store = this.$store
@@ -94,10 +94,10 @@ module.exports = {
         self.toggleLoading()
       })
     },
-    toggleLoading: function () {
+    toggleLoading () {
       this.loading = (this.loading === '') ? 'loading' : ''
     },
-    resetResponse: function () {
+    resetResponse () {
       this.response = ''
     }
   }
diff --git a/src/components/dash/Access.vue b/src/components/dash/Access.vue
index dcc1d9ab..9481634e 100644
--- a/src/components/dash/Access.vue
+++ b/src/components/dash/Access.vue
@@ -45,27 +45,20 @@
   </section>
 </template>
 <script>
+import {stats} from '../../demo'
+
 export default {
   name: 'Access',
-  data: function () {
+  data () {
     return {
-      stats: [{
-        header: '8390',
-        text: 'Visitors'
-      }, {
-        header: '30%',
-        text: 'Referrals'
-      }, {
-        header: '70%',
-        text: 'Organic'
-      }]
+      stats
     }
   },
-  mounted: function () {
-    this.$nextTick(function () {
+  mounted () {
+    this.$nextTick(() => {
       // Add map
-      window.jQuery.getScript('/static/js/plugins/jvectormap/jquery-jvectormap-2.0.3.min.js', function (data, textStatus, jqxhr) {
-        window.jQuery.getScript('/static/js/plugins/jvectormap/jquery-jvectormap-world-mill.js', function (data, textStatus, jqxhr) {
+      window.jQuery.getScript('/static/js/plugins/jvectormap/jquery-jvectormap-2.0.3.min.js', (data, textStatus, jqxhr) => {
+        window.jQuery.getScript('/static/js/plugins/jvectormap/jquery-jvectormap-world-mill.js', (data, textStatus, jqxhr) => {
           window.jQuery('#world-map-markers').vectorMap({
             map: 'world_mill'
           })
diff --git a/src/components/dash/Dashboard.vue b/src/components/dash/Dashboard.vue
index e323857d..cd62aa4b 100644
--- a/src/components/dash/Dashboard.vue
+++ b/src/components/dash/Dashboard.vue
@@ -176,9 +176,9 @@
 import Chart from 'chart.js'
 
 module.exports = {
-  data: function () {
+  data () {
     return {
-      generateRandomNumbers: function (numbers, max, min) {
+      generateRandomNumbers (numbers, max, min) {
         var a = []
         for (var i = 0; i < numbers; i++) {
           a.push(Math.floor(Math.random() * (max - min + 1)) + max)
@@ -188,18 +188,18 @@ module.exports = {
     }
   },
   computed: {
-    coPilotNumbers: function () {
+    coPilotNumbers () {
       return this.generateRandomNumbers(12, 1000000, 10000)
     },
-    personalNumbers: function () {
+    personalNumbers () {
       return this.generateRandomNumbers(12, 1000000, 10000)
     },
-    isMobile: function () {
+    isMobile () {
       return (window.innerWidth <= 800 && window.innerHeight <= 600)
     }
   },
-  mounted: function () {
-    this.$nextTick(function () {
+  mounted () {
+    this.$nextTick(() => {
       var ctx = document.getElementById('trafficBar').getContext('2d')
       var config = {
         type: 'line',
diff --git a/src/components/dash/Repos.vue b/src/components/dash/Repos.vue
index 3156cbc3..5b2042ff 100644
--- a/src/components/dash/Repos.vue
+++ b/src/components/dash/Repos.vue
@@ -46,9 +46,11 @@
   </div>
 </template>
 <script>
+import api from '../../api'
+
 export default {
   name: 'Repository',
-  data: function () {
+  data () {
     return {
       githubUrl: 'https://api.github.com/search/repositories?q=language%3Ajavascript&sort=stars',
       response: null,
@@ -56,26 +58,24 @@ export default {
     }
   },
   methods: {
-    callGitHub: function () {
-      var repo = this
-
-      this.$parent.callAPI('GET', this.githubUrl).then(function (response) {
+    callGitHub () {
+      api.request('GET', this.githubUrl).then(response => {
         console.log('GitHub Response:', response)
 
         if (response.status !== 200) {
-          repo.error = response.statusText
+          this.error = response.statusText
           return
         }
 
-        repo.response = response.data.items
-      }, function (response) {
+        this.response = response.data.items
+      }, response => {
         // Request failed.
         console.log('error', response)
-        repo.error = response.statusText
+        this.error = response.statusText
       })
     }
   },
-  mounted: function () {
+  mounted () {
     this.callGitHub()
   }
 }
diff --git a/src/components/dash/Server.vue b/src/components/dash/Server.vue
index 12578f7c..022b4ea7 100644
--- a/src/components/dash/Server.vue
+++ b/src/components/dash/Server.vue
@@ -24,7 +24,7 @@
 
   export default {
     name: 'Servers',
-    data: function () {
+    data () {
       return {
         servers
       }
diff --git a/src/components/dash/Setting.vue b/src/components/dash/Setting.vue
index 2efa249d..6ec70d7e 100644
--- a/src/components/dash/Setting.vue
+++ b/src/components/dash/Setting.vue
@@ -98,18 +98,16 @@ import datepicker from 'vue-date-picker'
 
 export default {
   name: 'Settings',
+  components: { datepicker },
   computed: {
-    datetime: function () {
+    datetime () {
       return new Date()
     }
   },
-  components: { datepicker },
   methods: {
-    clearInput: function (vueModel) {
+    clearInput (vueModel) {
       vueModel = ''
     }
-  },
-  mounted: function () {
   }
 }
 </script>
diff --git a/src/components/dash/Tables.vue b/src/components/dash/Tables.vue
index b4d123c7..a9cc8458 100644
--- a/src/components/dash/Tables.vue
+++ b/src/components/dash/Tables.vue
@@ -204,10 +204,8 @@ require('datatables.net-bs')
 
 module.exports = {
   name: 'Tables',
-  mounted: function () {
-    this.$nextTick(function () {
-      $('#example1').DataTable()
-    })
+  mounted () {
+    this.$nextTick(() => $('#example1').DataTable())
   }
 }
 </script>
diff --git a/src/components/dash/Tasks.vue b/src/components/dash/Tasks.vue
index e6aafd8e..51752d3e 100644
--- a/src/components/dash/Tasks.vue
+++ b/src/components/dash/Tasks.vue
@@ -33,15 +33,15 @@
   export default {
     name: 'Tasks',
     computed: {
-      today: function () {
+      today () {
         return moment().format('MMM Do YY')
       },
-      timeline: function () {
+      timeline () {
         return timeline
       }
     },
     methods: {
-      mounted: function () {
+      mounted () {
         // debugger
         // this.callGitHub()
         console.log('inside of task')
diff --git a/src/demo.js b/src/demo.js
index 6fdb35cd..b561d9b2 100644
--- a/src/demo.js
+++ b/src/demo.js
@@ -32,6 +32,17 @@ export const servers = [{
   description: 'Backup server'
 }]
 
+export const stats = [{
+  header: '8390',
+  text: 'Visitors'
+}, {
+  header: '30%',
+  text: 'Referrals'
+}, {
+  header: '70%',
+  text: 'Organic'
+}]
+
 export const timeline = [{
   icon: 'fa-envelope',
   color: 'blue',

From 525cc3a3ba9f69a4cd57e40921e705918df8dd09 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sat, 11 Mar 2017 18:13:52 +0000
Subject: [PATCH 09/27] Minor refactoring and improvements [2]

---
 src/components/dash/Tables.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/dash/Tables.vue b/src/components/dash/Tables.vue
index a9cc8458..38a6d653 100644
--- a/src/components/dash/Tables.vue
+++ b/src/components/dash/Tables.vue
@@ -222,7 +222,9 @@ module.exports = {
 
 @import url('/static/js/plugins/datatables/dataTables.bootstrap.css');
 
-table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:after {
   font-family: 'FontAwesome';
 }
 

From 089401c545a5c5e976cc2c6d80ecee29ef968dc7 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sun, 12 Mar 2017 21:40:33 +0000
Subject: [PATCH 10/27] Minor refactoring and improvements [3]

---
 src/components/Dash.vue        |  63 ++-----------------
 src/components/Sidebar.vue     | 112 +++++++++++++++++++++++++++++++++
 src/components/dash/Tables.vue |  11 ++--
 src/config/index.js            |   1 +
 4 files changed, 124 insertions(+), 63 deletions(-)
 create mode 100644 src/components/Sidebar.vue

diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index a03dbf17..ce220d5c 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -124,57 +124,7 @@
       </nav>
     </header>
     <!-- Left side column. contains the logo and sidebar -->
-    <aside class="main-sidebar">
-
-      <!-- sidebar: style can be found in sidebar.less -->
-      <section class="sidebar">
-
-        <!-- Sidebar user panel (optional) -->
-        <div class="user-panel">
-          <div class="pull-left image">
-
-          </div>
-          <div class="pull-left info">
-            <div><p class="white">{{ demo.displayName }}</p></div>
-            <a href="javascript:;"><i class="fa fa-circle text-success"></i> Online</a>
-          </div>
-        </div>
-
-        <!-- search form (Optional) -->
-        <form v-on:submit.prevent class="sidebar-form">
-          <div class="input-group">
-            <input type="text" name="search" id="search" class="search form-control" data-toggle="hideseek" placeholder="Search Menus" data-list=".sidebar-menu">
-                <span class="input-group-btn">
-                  <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
-                  </button>
-                </span>
-          </div>
-        </form>
-        <!-- /.search form -->
-
-        <!-- Sidebar Menu -->
-        <ul class="sidebar-menu">
-          <li class="header">TOOLS</li>
-          <li class="active pageLink" v-on:click="toggleMenu"><router-link to="/"><i class="fa fa-desktop"></i><span class="page">Dashboard</span></router-link></li>
-          <li class="pageLink" v-on:click="toggleMenu"><router-link to="/tables"><i class="fa fa-table"></i><span class="page">Tables</span></router-link></li>
-
-          <li class="header">ME</li>
-          <li class="pageLink" v-on:click="toggleMenu"><router-link to="/tasks"><i class="fa fa-tasks"></i><span class="page">Tasks</span></router-link></li>
-          <li class="pageLink" v-on:click="toggleMenu"><router-link to="/setting"><i class="fa fa-cog"></i><span class="page">Settings</span></router-link></li>
-
-          <li class="header">LOGS</li>
-          <li class="pageLink" v-on:click="toggleMenu"><router-link to="/access"><i class="fa fa-book"></i><span class="page">Access</span></router-link></li>
-          <li class="pageLink" v-on:click="toggleMenu"><router-link to="/server"><i class="fa fa-hdd-o"></i><span class="page">Server</span></router-link></li>
-          <li class="pageLink" v-on:click="toggleMenu"><router-link to="/repos"><i class="fa fa-heart"></i><span class="page">Repos</span><small class="label pull-right bg-green">AJAX</small></router-link></li>
-
-          <li class="header">PAGES</li>
-          <li class="pageLink" v-on:click="toggleMenu"><router-link to="/login"><i class="fa fa-circle-o text-yellow"></i> <span class="page">Login</span></router-link></li>
-          <li class="pageLink" v-on:click="toggleMenu"><router-link to="/404"><i class="fa fa-circle-o text-red"></i> <span class="page">404</span></router-link></li>
-        </ul>
-        <!-- /.sidebar-menu -->
-      </section>
-      <!-- /.sidebar -->
-    </aside>
+    <sidebar :display-name="demo.displayName" />
 
     <!-- Content Wrapper. Contains page content -->
     <div class="content-wrapper">
@@ -205,10 +155,14 @@
 <script>
 import faker from 'faker'
 import config from '../config'
+import Sidebar from './Sidebar'
 require('hideseek')
 
 module.exports = {
   name: 'Dash',
+  components: {
+    Sidebar
+  },
   data: function () {
     return {
       section: 'Dash',
@@ -249,13 +203,6 @@ module.exports = {
   methods: {
     changeloading () {
       this.store.commit('TOGGLE_SEARCHING')
-    },
-    toggleMenu (event) {
-      // remove active from li
-      window.$('li.pageLink').removeClass('active')
-
-      // Add it to the item that was clicked
-      event.toElement.parentElement.className = 'pageLink active'
     }
   },
   mounted () {
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
new file mode 100644
index 00000000..33527cc5
--- /dev/null
+++ b/src/components/Sidebar.vue
@@ -0,0 +1,112 @@
+<template>
+  <aside class="main-sidebar">
+
+    <!-- sidebar: style can be found in sidebar.less -->
+    <section class="sidebar">
+
+      <!-- Sidebar user panel (optional) -->
+      <div class="user-panel">
+        <div class="pull-left image">
+
+        </div>
+        <div class="pull-left info">
+          <div><p class="white">{{ displayName }}</p></div>
+          <a href="javascript:;"><i class="fa fa-circle text-success"></i> Online</a>
+        </div>
+      </div>
+
+      <!-- search form (Optional) -->
+      <form v-on:submit.prevent class="sidebar-form">
+        <div class="input-group">
+          <input type="text" name="search" id="search" class="search form-control" data-toggle="hideseek" placeholder="Search Menus" data-list=".sidebar-menu">
+              <span class="input-group-btn">
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
+                </button>
+              </span>
+        </div>
+      </form>
+      <!-- /.search form -->
+
+      <!-- Sidebar Menu -->
+      <ul class="sidebar-menu">
+        <li class="header">TOOLS</li>
+        <li class="active pageLink" v-on:click="toggleMenu">
+          <router-link to="/"><i class="fa fa-desktop"></i>
+            <span class="page">Dashboard</span>
+          </router-link>
+        </li>
+        <li class="pageLink" v-on:click="toggleMenu">
+          <router-link to="/tables"><i class="fa fa-table"></i>
+            <span class="page">Tables</span>
+          </router-link>
+        </li>
+
+        <li class="header">ME</li>
+        <li class="pageLink" v-on:click="toggleMenu">
+          <router-link to="/tasks">
+            <i class="fa fa-tasks"></i>
+            <span class="page">Tasks</span>
+          </router-link>
+        </li>
+        <li class="pageLink" v-on:click="toggleMenu">
+          <router-link to="/setting">
+            <i class="fa fa-cog"></i>
+            <span class="page">Settings</span>
+          </router-link>
+        </li>
+
+        <li class="header">LOGS</li>
+        <li class="pageLink" v-on:click="toggleMenu">
+          <router-link to="/access"><i class="fa fa-book"></i>
+            <span class="page">Access</span>
+          </router-link>
+        </li>
+        <li class="pageLink" v-on:click="toggleMenu">
+          <router-link to="/server"><i class="fa fa-hdd-o"></i>
+            <span class="page">Server</span>
+          </router-link>
+        </li>
+        <li class="pageLink" v-on:click="toggleMenu">
+          <router-link to="/repos"><i class="fa fa-heart"></i>
+            <span class="page">Repos</span>
+            <small class="label pull-right bg-green">AJAX</small>
+          </router-link>
+        </li>
+
+        <li class="header">PAGES</li>
+        <li class="pageLink" v-on:click="toggleMenu">
+          <router-link to="/login">
+            <i class="fa fa-circle-o text-yellow"></i>
+            <span class="page"> Login</span>
+          </router-link>
+        </li>
+        <li class="pageLink" v-on:click="toggleMenu">
+          <router-link to="/404"><i class="fa fa-circle-o text-red"></i>
+            <span class="page"> 404</span>
+          </router-link>
+        </li>
+      </ul>
+      <!-- /.sidebar-menu -->
+    </section>
+    <!-- /.sidebar -->
+  </aside>
+</template>
+<script>
+export default {
+  name: 'Sidebar',
+  props: ['displayName'],
+  methods: {
+    toggleMenu (event) {
+      // remove active from li
+      var active = document.querySelector('li.pageLink.active')
+
+      if (active) {
+        active.classList.remove('active')
+      }
+      // window.$('li.pageLink.active').removeClass('active')
+      // Add it to the item that was clicked
+      event.toElement.parentElement.className = 'pageLink active'
+    }
+  }
+}
+</script>
diff --git a/src/components/dash/Tables.vue b/src/components/dash/Tables.vue
index 38a6d653..76843812 100644
--- a/src/components/dash/Tables.vue
+++ b/src/components/dash/Tables.vue
@@ -197,15 +197,16 @@
 
 <script>
 import $ from 'jquery'
-
 // Require needed datatables modules
-require('datatables.net')
-require('datatables.net-bs')
+import 'datatables.net'
+import 'datatables.net-bs'
 
-module.exports = {
+export default {
   name: 'Tables',
   mounted () {
-    this.$nextTick(() => $('#example1').DataTable())
+    this.$nextTick(() => {
+      $('#example1').DataTable()
+    })
   }
 }
 </script>
diff --git a/src/config/index.js b/src/config/index.js
index 8e5cadca..00290fc9 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -1,4 +1,5 @@
 export default {
   stickyNav: true,
+  fixedLayout: true,
   hideLogoOnMobile: true
 }

From 37799fe82a5d9b82307502f2a6af0601d477dab1 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Sun, 12 Mar 2017 23:58:53 +0000
Subject: [PATCH 11/27] Renamed config.stickyNav => config.fixedLayout

---
 src/components/Dash.vue | 4 ++--
 src/config/index.js     | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index ce220d5c..9ba3a007 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -167,7 +167,7 @@ module.exports = {
     return {
       section: 'Dash',
       classes: {
-        sticky: config.stickyNav,
+        fixed_layout: config.fixedLayout,
         hide_logo: config.hideLogoOnMobile
       },
       me: '',
@@ -212,7 +212,7 @@ module.exports = {
 </script>
 
 <style lang="scss">
-.wrapper.sticky {
+.wrapper.fixed_layout {
   .main-header {
     position: fixed;
     width: 100%;
diff --git a/src/config/index.js b/src/config/index.js
index 00290fc9..2214b74d 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -1,5 +1,4 @@
 export default {
-  stickyNav: true,
   fixedLayout: true,
   hideLogoOnMobile: true
 }

From 2f9b15ca6c17a6296f80a0415bbef1631876abf6 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 10:36:13 +0000
Subject: [PATCH 12/27] Moved sidebar-menu into separate file

---
 src/components/Sidebar.vue     | 75 ++------------------------------
 src/components/SidebarMenu.vue | 78 ++++++++++++++++++++++++++++++++++
 src/main.js                    |  6 ++-
 3 files changed, 86 insertions(+), 73 deletions(-)
 create mode 100644 src/components/SidebarMenu.vue

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 33527cc5..85dc1a1f 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -28,85 +28,18 @@
       <!-- /.search form -->
 
       <!-- Sidebar Menu -->
-      <ul class="sidebar-menu">
-        <li class="header">TOOLS</li>
-        <li class="active pageLink" v-on:click="toggleMenu">
-          <router-link to="/"><i class="fa fa-desktop"></i>
-            <span class="page">Dashboard</span>
-          </router-link>
-        </li>
-        <li class="pageLink" v-on:click="toggleMenu">
-          <router-link to="/tables"><i class="fa fa-table"></i>
-            <span class="page">Tables</span>
-          </router-link>
-        </li>
-
-        <li class="header">ME</li>
-        <li class="pageLink" v-on:click="toggleMenu">
-          <router-link to="/tasks">
-            <i class="fa fa-tasks"></i>
-            <span class="page">Tasks</span>
-          </router-link>
-        </li>
-        <li class="pageLink" v-on:click="toggleMenu">
-          <router-link to="/setting">
-            <i class="fa fa-cog"></i>
-            <span class="page">Settings</span>
-          </router-link>
-        </li>
-
-        <li class="header">LOGS</li>
-        <li class="pageLink" v-on:click="toggleMenu">
-          <router-link to="/access"><i class="fa fa-book"></i>
-            <span class="page">Access</span>
-          </router-link>
-        </li>
-        <li class="pageLink" v-on:click="toggleMenu">
-          <router-link to="/server"><i class="fa fa-hdd-o"></i>
-            <span class="page">Server</span>
-          </router-link>
-        </li>
-        <li class="pageLink" v-on:click="toggleMenu">
-          <router-link to="/repos"><i class="fa fa-heart"></i>
-            <span class="page">Repos</span>
-            <small class="label pull-right bg-green">AJAX</small>
-          </router-link>
-        </li>
-
-        <li class="header">PAGES</li>
-        <li class="pageLink" v-on:click="toggleMenu">
-          <router-link to="/login">
-            <i class="fa fa-circle-o text-yellow"></i>
-            <span class="page"> Login</span>
-          </router-link>
-        </li>
-        <li class="pageLink" v-on:click="toggleMenu">
-          <router-link to="/404"><i class="fa fa-circle-o text-red"></i>
-            <span class="page"> 404</span>
-          </router-link>
-        </li>
-      </ul>
+      <sidebar-menu />
       <!-- /.sidebar-menu -->
     </section>
     <!-- /.sidebar -->
   </aside>
 </template>
 <script>
+import SidebarMenu from './SidebarMenu'
+
 export default {
   name: 'Sidebar',
   props: ['displayName'],
-  methods: {
-    toggleMenu (event) {
-      // remove active from li
-      var active = document.querySelector('li.pageLink.active')
-
-      if (active) {
-        active.classList.remove('active')
-      }
-      // window.$('li.pageLink.active').removeClass('active')
-      // Add it to the item that was clicked
-      event.toElement.parentElement.className = 'pageLink active'
-    }
-  }
+  components: { SidebarMenu }
 }
 </script>
diff --git a/src/components/SidebarMenu.vue b/src/components/SidebarMenu.vue
new file mode 100644
index 00000000..c0313175
--- /dev/null
+++ b/src/components/SidebarMenu.vue
@@ -0,0 +1,78 @@
+<template>
+  <ul class="sidebar-menu">
+    <li class="header">TOOLS</li>
+    <li class="active pageLink" v-on:click="toggleMenu">
+      <router-link to="/"><i class="fa fa-desktop"></i>
+        <span class="page">Dashboard</span>
+      </router-link>
+    </li>
+    <li class="pageLink" v-on:click="toggleMenu">
+      <router-link to="/tables"><i class="fa fa-table"></i>
+        <span class="page">Tables</span>
+      </router-link>
+    </li>
+
+    <li class="header">ME</li>
+    <li class="pageLink" v-on:click="toggleMenu">
+      <router-link to="/tasks">
+        <i class="fa fa-tasks"></i>
+        <span class="page">Tasks</span>
+      </router-link>
+    </li>
+    <li class="pageLink" v-on:click="toggleMenu">
+      <router-link to="/setting">
+        <i class="fa fa-cog"></i>
+        <span class="page">Settings</span>
+      </router-link>
+    </li>
+
+    <li class="header">LOGS</li>
+    <li class="pageLink" v-on:click="toggleMenu">
+      <router-link to="/access"><i class="fa fa-book"></i>
+        <span class="page">Access</span>
+      </router-link>
+    </li>
+    <li class="pageLink" v-on:click="toggleMenu">
+      <router-link to="/server"><i class="fa fa-hdd-o"></i>
+        <span class="page">Server</span>
+      </router-link>
+    </li>
+    <li class="pageLink" v-on:click="toggleMenu">
+      <router-link to="/repos"><i class="fa fa-heart"></i>
+        <span class="page">Repos</span>
+        <small class="label pull-right bg-green">AJAX</small>
+      </router-link>
+    </li>
+
+    <li class="header">PAGES</li>
+    <li class="pageLink" v-on:click="toggleMenu">
+      <router-link to="/login">
+        <i class="fa fa-circle-o text-yellow"></i>
+        <span class="page"> Login</span>
+      </router-link>
+    </li>
+    <li class="pageLink" v-on:click="toggleMenu">
+      <router-link to="/404"><i class="fa fa-circle-o text-red"></i>
+        <span class="page"> 404</span>
+      </router-link>
+    </li>
+  </ul>
+</template>
+<script>
+export default {
+  name: 'SidebarName',
+  methods: {
+    toggleMenu (event) {
+      // remove active from li
+      var active = document.querySelector('li.pageLink.active')
+
+      if (active) {
+        active.classList.remove('active')
+      }
+      // window.$('li.pageLink.active').removeClass('active')
+      // Add it to the item that was clicked
+      event.toElement.parentElement.className = 'pageLink active'
+    }
+  }
+}
+</script>
diff --git a/src/main.js b/src/main.js
index 78472411..08aef7cc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -53,8 +53,10 @@ new Vue({
 
 // Check local storage to handle refreshes
 if (window.localStorage) {
-  if (store.state.user !== window.localStorage.getItem('user')) {
-    store.commit('SET_USER', JSON.parse(window.localStorage.getItem('user')))
+  var localUserString = window.localStorage.getItem('user')
+
+  if (store.state.user !== localUserString) {
+    store.commit('SET_USER', JSON.parse(localUserString))
     store.commit('SET_TOKEN', window.localStorage.getItem('token'))
   }
 }

From 803b6c7ddc2d881fbfb388ff7359e1561804740a Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 10:41:38 +0000
Subject: [PATCH 13/27] Updated Settings example, icons are aligned and the
 same width

---
 src/components/dash/Setting.vue | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/dash/Setting.vue b/src/components/dash/Setting.vue
index 6ec70d7e..d8b33d33 100644
--- a/src/components/dash/Setting.vue
+++ b/src/components/dash/Setting.vue
@@ -13,20 +13,26 @@
             <div class="box-body">
               <!-- calendar group -->
               <div class="input-group">
-                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
-                  <datepicker :readonly="true" format="MMM/D/YYYY" id="dateInput" width="100%"></datepicker>
+                <span class="input-group-addon">
+                  <i class="fa fa-fw fa-calendar"></i>
+                </span>
+                <datepicker :readonly="true" format="MMM/D/YYYY" id="dateInput" width="100%"></datepicker>
               </div>
               <br />
               <br />
 
               <!-- with characthers -->
               <div class="input-group">
-                <span class="input-group-addon">@</span>
+                <span class="input-group-addon">
+                  <i class="fa fa-fw fa-at" aria-hidden="true"></i>
+                </span>
                 <input class="form-control" placeholder="Username" type="text">
               </div>
               <br />
               <div class="input-group">
-                <span class="input-group-addon">$</span>
+                <span class="input-group-addon">
+                  <i class="fa fa-fw fa-usd" aria-hidden="true"></i>
+                </span>
                 <input class="form-control" type="text">
                 <span class="input-group-addon">.00</span>
               </div>
@@ -35,26 +41,26 @@
               <!-- with icons from font awesome -->
               <h4>With icons</h4>
               <div class="input-group">
-                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
+                <span class="input-group-addon"><i class="fa fa-fw fa-envelope"></i></span>
                 <input class="form-control" placeholder="Email" type="email">
               </div>
               <br />
               <div class="input-group">
                 <input class="form-control" type="text">
-                <span class="input-group-addon"><i class="fa fa-check"></i></span>
+                <span class="input-group-addon"><i class="fa fa-fw fa-check"></i></span>
               </div>
               <br>
 
               <!-- Success/Error heads up input -->
               <h4>With border indicator</h4>
               <div class="form-group has-success">
-                <label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label>
+                <label class="control-label" for="inputSuccess"><i class="fa fa-fw fa-check"></i> Input with success</label>
                 <input class="form-control" id="inputSuccess" placeholder="Enter ..." type="text">
                 <span class="help-block">Help block with success</span>
               </div>
               <br />
               <div class="form-group has-error">
-                <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with error</label>
+                <label class="control-label" for="inputError"><i class="fa fa-fw fa-times-circle-o"></i> Input with error</label>
                 <input class="form-control" id="inputError" placeholder="Enter ..." type="text">
                 <span class="help-block">Help block with error</span>
               </div>

From cb356feb67e7ba90f954cdfba926f40c9819b7c5 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 10:51:42 +0000
Subject: [PATCH 14/27] Cleaned Access page

---
 src/components/dash/Access.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/dash/Access.vue b/src/components/dash/Access.vue
index 9481634e..dcacba97 100644
--- a/src/components/dash/Access.vue
+++ b/src/components/dash/Access.vue
@@ -47,6 +47,9 @@
 <script>
 import {stats} from '../../demo'
 
+const pluginURL = '/static/js/plugins/jvectormap/jquery-jvectormap-2.0.3.min.js'
+const mapURL = '/static/js/plugins/jvectormap/jquery-jvectormap-world-mill.js'
+
 export default {
   name: 'Access',
   data () {
@@ -56,9 +59,8 @@ export default {
   },
   mounted () {
     this.$nextTick(() => {
-      // Add map
-      window.jQuery.getScript('/static/js/plugins/jvectormap/jquery-jvectormap-2.0.3.min.js', (data, textStatus, jqxhr) => {
-        window.jQuery.getScript('/static/js/plugins/jvectormap/jquery-jvectormap-world-mill.js', (data, textStatus, jqxhr) => {
+      window.jQuery.getScript(pluginURL, () => {
+        window.jQuery.getScript(mapURL, () => {
           window.jQuery('#world-map-markers').vectorMap({
             map: 'world_mill'
           })
@@ -70,14 +72,19 @@ export default {
 </script>
 
 <style>
-.fake { color: 'red'}
+.fake {
+  color: 'red';
+}
+
 #world-map-markers svg {
   height: 355px;
 }
+
 .row.no-gutters {
   margin-right: 0;
   margin-left: 0;
 }
+
 .row.no-gutters > [class^="col-"],
 .row.no-gutters > [class*=" col-"] {
   padding-right: 0;

From 0f55a09d4d875dce0e96a0690d6a395b7cc96004 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 10:53:15 +0000
Subject: [PATCH 15/27] Renamed unclear /dash/ page to /views/

---
 src/components/{dash => views}/Access.vue    |  0
 src/components/{dash => views}/Dashboard.vue |  0
 src/components/{dash => views}/Repos.vue     |  0
 src/components/{dash => views}/Server.vue    |  0
 src/components/{dash => views}/Setting.vue   |  0
 src/components/{dash => views}/Tables.vue    |  0
 src/components/{dash => views}/Tasks.vue     |  0
 src/routes.js                                | 14 +++++++-------
 8 files changed, 7 insertions(+), 7 deletions(-)
 rename src/components/{dash => views}/Access.vue (100%)
 rename src/components/{dash => views}/Dashboard.vue (100%)
 rename src/components/{dash => views}/Repos.vue (100%)
 rename src/components/{dash => views}/Server.vue (100%)
 rename src/components/{dash => views}/Setting.vue (100%)
 rename src/components/{dash => views}/Tables.vue (100%)
 rename src/components/{dash => views}/Tasks.vue (100%)

diff --git a/src/components/dash/Access.vue b/src/components/views/Access.vue
similarity index 100%
rename from src/components/dash/Access.vue
rename to src/components/views/Access.vue
diff --git a/src/components/dash/Dashboard.vue b/src/components/views/Dashboard.vue
similarity index 100%
rename from src/components/dash/Dashboard.vue
rename to src/components/views/Dashboard.vue
diff --git a/src/components/dash/Repos.vue b/src/components/views/Repos.vue
similarity index 100%
rename from src/components/dash/Repos.vue
rename to src/components/views/Repos.vue
diff --git a/src/components/dash/Server.vue b/src/components/views/Server.vue
similarity index 100%
rename from src/components/dash/Server.vue
rename to src/components/views/Server.vue
diff --git a/src/components/dash/Setting.vue b/src/components/views/Setting.vue
similarity index 100%
rename from src/components/dash/Setting.vue
rename to src/components/views/Setting.vue
diff --git a/src/components/dash/Tables.vue b/src/components/views/Tables.vue
similarity index 100%
rename from src/components/dash/Tables.vue
rename to src/components/views/Tables.vue
diff --git a/src/components/dash/Tasks.vue b/src/components/views/Tasks.vue
similarity index 100%
rename from src/components/dash/Tasks.vue
rename to src/components/views/Tasks.vue
diff --git a/src/routes.js b/src/routes.js
index 253bb0ce..63fa3897 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -3,13 +3,13 @@ import LoginView from './components/Login.vue'
 import NotFoundView from './components/404.vue'
 
 // Import Views - Dash
-import DashboardView from './components/dash/Dashboard.vue'
-import TablesView from './components/dash/Tables.vue'
-import TasksView from './components/dash/Tasks.vue'
-import SettingView from './components/dash/Setting.vue'
-import AccessView from './components/dash/Access.vue'
-import ServerView from './components/dash/Server.vue'
-import ReposView from './components/dash/Repos.vue'
+import DashboardView from './components/views/Dashboard.vue'
+import TablesView from './components/views/Tables.vue'
+import TasksView from './components/views/Tasks.vue'
+import SettingView from './components/views/Setting.vue'
+import AccessView from './components/views/Access.vue'
+import ServerView from './components/views/Server.vue'
+import ReposView from './components/views/Repos.vue'
 
 // Routes
 const routes = [

From bd0d1c833eb1ee8fb477fb5b8f4c8c167344b191 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 10:59:55 +0000
Subject: [PATCH 16/27] module.exports => export default (#20)

---
 src/components/Dash.vue            | 2 +-
 src/components/Login.vue           | 2 +-
 src/components/views/Dashboard.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 9ba3a007..5a88d9d6 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -158,7 +158,7 @@ import config from '../config'
 import Sidebar from './Sidebar'
 require('hideseek')
 
-module.exports = {
+export default {
   name: 'Dash',
   components: {
     Sidebar
diff --git a/src/components/Login.vue b/src/components/Login.vue
index f9e881d3..e3565e7e 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script>
-module.exports = {
+export default {
   name: 'Login',
   data (router) {
     return {
diff --git a/src/components/views/Dashboard.vue b/src/components/views/Dashboard.vue
index cd62aa4b..95ffa85b 100644
--- a/src/components/views/Dashboard.vue
+++ b/src/components/views/Dashboard.vue
@@ -175,7 +175,7 @@
 <script>
 import Chart from 'chart.js'
 
-module.exports = {
+export default {
   data () {
     return {
       generateRandomNumbers (numbers, max, min) {

From ab6df64e965d8bc32c11b996a4bcbe673445d648 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 11:07:56 +0000
Subject: [PATCH 17/27] Fixed bug where serialized string from the local
 storage was compared to user object

---
 src/main.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/main.js b/src/main.js
index 08aef7cc..c30750db 100644
--- a/src/main.js
+++ b/src/main.js
@@ -53,10 +53,11 @@ new Vue({
 
 // Check local storage to handle refreshes
 if (window.localStorage) {
-  var localUserString = window.localStorage.getItem('user')
+  var localUserString = window.localStorage.getItem('user') || 'null';
+  var localUser = JSON.parse(localUserString);
 
-  if (store.state.user !== localUserString) {
-    store.commit('SET_USER', JSON.parse(localUserString))
+  if (localUser && store.state.user !== localUser) {
+    store.commit('SET_USER', localUser)
     store.commit('SET_TOKEN', window.localStorage.getItem('token'))
   }
 }

From 79d549021c520807a6bdce8a2cfc52d2918485cc Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 14:34:55 +0000
Subject: [PATCH 18/27] Removed extra semicolons, set default config flags to
 "false"

---
 src/config/index.js | 4 ++--
 src/main.js         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/config/index.js b/src/config/index.js
index 2214b74d..3b1ce142 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -1,4 +1,4 @@
 export default {
-  fixedLayout: true,
-  hideLogoOnMobile: true
+  fixedLayout: false,
+  hideLogoOnMobile: false
 }
diff --git a/src/main.js b/src/main.js
index c30750db..0d8cc2ec 100644
--- a/src/main.js
+++ b/src/main.js
@@ -53,8 +53,8 @@ new Vue({
 
 // Check local storage to handle refreshes
 if (window.localStorage) {
-  var localUserString = window.localStorage.getItem('user') || 'null';
-  var localUser = JSON.parse(localUserString);
+  var localUserString = window.localStorage.getItem('user') || 'null'
+  var localUser = JSON.parse(localUserString)
 
   if (localUser && store.state.user !== localUser) {
     store.commit('SET_USER', localUser)

From e444b7fecde60067360dc38f9aff42a058091a67 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 14:46:03 +0000
Subject: [PATCH 19/27] Fixed bug with profile picture in sidebar-menu not
 being rendered

---
 src/components/Dash.vue    | 16 +++++-----------
 src/components/Sidebar.vue |  9 +++++++--
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 5a88d9d6..1185ebc4 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -114,7 +114,7 @@
             <li class="dropdown user user-menu">
               <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                 <!-- The user image in the navbar-->
-                <img v-bind:src=demo.avatar class="user-image" alt="User Image">
+                <img v-bind:src="demo.avatar" class="user-image" alt="User Image">
                 <!-- hidden-xs hides the username on small devices so only the image appears. -->
                 <span class="hidden-xs">{{ demo.displayName }}</span>
               </a>
@@ -124,7 +124,8 @@
       </nav>
     </header>
     <!-- Left side column. contains the logo and sidebar -->
-    <sidebar :display-name="demo.displayName" />
+    <sidebar :display-name="demo.displayName"
+             :picture-url="demo.avatar" />
 
     <!-- Content Wrapper. Contains page content -->
     <div class="content-wrapper">
@@ -156,7 +157,7 @@
 import faker from 'faker'
 import config from '../config'
 import Sidebar from './Sidebar'
-require('hideseek')
+import 'hideseek'
 
 export default {
   name: 'Dash',
@@ -170,14 +171,7 @@ export default {
         fixed_layout: config.fixedLayout,
         hide_logo: config.hideLogoOnMobile
       },
-      me: '',
-      error: '',
-      api: {
-        servers: {
-          url: '', // Back end server
-          result: []
-        }
-      }
+      error: ''
     }
   },
   computed: {
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 85dc1a1f..9e5b5602 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -7,7 +7,7 @@
       <!-- Sidebar user panel (optional) -->
       <div class="user-panel">
         <div class="pull-left image">
-
+          <img :src="pictureUrl" />
         </div>
         <div class="pull-left info">
           <div><p class="white">{{ displayName }}</p></div>
@@ -39,7 +39,12 @@ import SidebarMenu from './SidebarMenu'
 
 export default {
   name: 'Sidebar',
-  props: ['displayName'],
+  props: ['displayName', 'pictureUrl'],
   components: { SidebarMenu }
 }
 </script>
+<style>
+  .user-panel .image img {
+    border-radius: 50%;
+  }
+</style>

From 827f41fe7d0e3cc4b18689c8d6b9552155a03250 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Mon, 13 Mar 2017 14:55:42 +0000
Subject: [PATCH 20/27] Added an example of tree-view menu item to the sidebar
 menu

---
 src/components/SidebarMenu.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/components/SidebarMenu.vue b/src/components/SidebarMenu.vue
index c0313175..988b0bb0 100644
--- a/src/components/SidebarMenu.vue
+++ b/src/components/SidebarMenu.vue
@@ -25,6 +25,32 @@
         <span class="page">Settings</span>
       </router-link>
     </li>
+    <li class="treeview">
+      <a href="#">
+        <i class="fa fa-folder-o"></i>
+        <span>Files</span>
+        <span class="pull-right-container">
+          <i class="fa fa-angle-left fa-fw pull-right"></i>
+        </span>
+      </a>
+      <ul class="treeview-menu">
+        <li>
+          <a href="#">
+            <i class="fa fa-file-word-o"></i> Item 1
+          </a>
+        </li>
+        <li>
+          <a href="#">
+            <i class="fa fa-file-picture-o"></i> Item 2
+          </a>
+        </li>
+        <li>
+          <a href="#">
+            <i class="fa fa-file-pdf-o"></i> Item 3
+          </a>
+        </li>
+      </ul>
+    </li>
 
     <li class="header">LOGS</li>
     <li class="pageLink" v-on:click="toggleMenu">

From a7e035a1ceb78843cd9015b2208f613c84747bb4 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Wed, 15 Mar 2017 00:10:53 +0000
Subject: [PATCH 21/27] Added vuex-router-sync module which literally syncs
 vue-router state to the vuex

---
 package.json | 3 ++-
 src/main.js  | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 95713b6a..8a475ea2 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,8 @@
     "vue-date-picker": "^1.0.2",
     "vue-resource": "^1.0.3",
     "vue-router": "^2.0.1",
-    "vuex": "^2.0.0"
+    "vuex": "^2.0.0",
+    "vuex-router-sync": "^4.1.2"
   },
   "devDependencies": {
     "autoprefixer": "^6.4.0",
diff --git a/src/main.js b/src/main.js
index 0d8cc2ec..07b3a14e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,6 +2,7 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 
+import { sync } from 'vuex-router-sync'
 import routes from './routes'
 import store from './store'
 
@@ -42,6 +43,8 @@ router.beforeEach((to, from, next) => {
   }
 })
 
+sync(store, router)
+
 // Start out app!
 // eslint-disable-next-line no-new
 new Vue({

From 6f20aa5ab98300648948a8952e5d906485c05e16 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Wed, 15 Mar 2017 00:16:18 +0000
Subject: [PATCH 22/27] Changed absolute paths with trailing "/" to relative
 (read description)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

“Note that nested paths that start with / will be treated as a root
path. This allows you to leverage the component nesting without having
to use a nested URL.” (c) docs

https://router.vuejs.org/en/essentials/nested-routes.html
---
 src/routes.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/routes.js b/src/routes.js
index 63fa3897..41765b73 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -19,7 +19,6 @@ const routes = [
   }, {
     path: '/',
     component: DashView,
-    auth: true,
     children: [
       {
         path: '',
@@ -27,32 +26,32 @@ const routes = [
         name: 'Dashboard',
         meta: {description: 'Overview of environment'}
       }, {
-        path: '/tables',
+        path: 'tables',
         component: TablesView,
         name: 'Tables',
         meta: {description: 'Simple and advance table in CoPilot'}
       }, {
-        path: '/tasks',
+        path: 'tasks',
         component: TasksView,
         name: 'Tasks',
         meta: {description: 'Tasks page in the form of a timeline'}
       }, {
-        path: '/setting',
+        path: 'setting',
         component: SettingView,
         name: 'Settings',
         meta: {description: 'User settings page'}
       }, {
-        path: '/access',
+        path: 'access',
         component: AccessView,
         name: 'Access',
         meta: {description: 'Example of using maps'}
       }, {
-        path: '/server',
+        path: 'server',
         component: ServerView,
         name: 'Servers',
         meta: {description: 'List of our servers'}
       }, {
-        path: '/repos',
+        path: 'repos',
         component: ReposView,
         name: 'Repository',
         meta: {description: 'List of popular javascript repos'}

From 2d833e92c438426d50c0fd477e9e5e2e780b3ac5 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Fri, 17 Mar 2017 11:12:39 +0000
Subject: [PATCH 23/27] Moved store mutations and actions into separate files

---
 src/store.js           | 37 -------------------------------------
 src/store/actions.js   |  3 +++
 src/store/index.js     | 12 ++++++++++++
 src/store/mutations.js | 14 ++++++++++++++
 src/store/state.js     | 12 ++++++++++++
 5 files changed, 41 insertions(+), 37 deletions(-)
 delete mode 100644 src/store.js
 create mode 100644 src/store/actions.js
 create mode 100644 src/store/index.js
 create mode 100644 src/store/mutations.js
 create mode 100644 src/store/state.js

diff --git a/src/store.js b/src/store.js
deleted file mode 100644
index 8aa7b73d..00000000
--- a/src/store.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-
-Vue.use(Vuex)
-
-const state = {
-  callingAPI: false,
-  searching: '',
-  serverURI: 'http://10.110.1.136:8080',
-  user: null,
-  token: null,
-  userInfo: {
-    messages: [{1: 'test', 2: 'test'}],
-    notifications: [],
-    tasks: []
-  }
-}
-
-const mutations = {
-  TOGGLE_LOADING (state) {
-    state.callingAPI = !state.callingAPI
-  },
-  TOGGLE_SEARCHING (state) {
-    state.searching = (state.searching === '') ? 'loading' : ''
-  },
-  SET_USER (state, user) {
-    state.user = user
-  },
-  SET_TOKEN (state, token) {
-    state.token = token
-  }
-}
-
-export default new Vuex.Store({
-  state,
-  mutations
-})
diff --git a/src/store/actions.js b/src/store/actions.js
new file mode 100644
index 00000000..5ea60925
--- /dev/null
+++ b/src/store/actions.js
@@ -0,0 +1,3 @@
+export default {
+  
+}
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 00000000..75e8f277
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import state from './state'
+import mutations from './mutations'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state,
+  actions,
+  mutations
+})
diff --git a/src/store/mutations.js b/src/store/mutations.js
new file mode 100644
index 00000000..62f49393
--- /dev/null
+++ b/src/store/mutations.js
@@ -0,0 +1,14 @@
+export default const mutations = {
+  TOGGLE_LOADING (state) {
+    state.callingAPI = !state.callingAPI
+  },
+  TOGGLE_SEARCHING (state) {
+    state.searching = (state.searching === '') ? 'loading' : ''
+  },
+  SET_USER (state, user) {
+    state.user = user
+  },
+  SET_TOKEN (state, token) {
+    state.token = token
+  }
+}
diff --git a/src/store/state.js b/src/store/state.js
new file mode 100644
index 00000000..5e4cb9ab
--- /dev/null
+++ b/src/store/state.js
@@ -0,0 +1,12 @@
+export default const state = {
+  callingAPI: false,
+  searching: '',
+  serverURI: 'http://10.110.1.136:8080',
+  user: null,
+  token: null,
+  userInfo: {
+    messages: [{1: 'test', 2: 'test'}],
+    notifications: [],
+    tasks: []
+  }
+}

From f5301029e4460d538503711f453f39e2623035f4 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Fri, 17 Mar 2017 11:13:08 +0000
Subject: [PATCH 24/27] Cleaned some templates

---
 src/components/views/Dashboard.vue | 134 ++++++++++++++---------------
 src/components/views/Repos.vue     |   4 +-
 src/components/views/Tasks.vue     |   7 --
 src/routes.js                      |   6 +-
 4 files changed, 74 insertions(+), 77 deletions(-)

diff --git a/src/components/views/Dashboard.vue b/src/components/views/Dashboard.vue
index 95ffa85b..a92983d1 100644
--- a/src/components/views/Dashboard.vue
+++ b/src/components/views/Dashboard.vue
@@ -1,33 +1,33 @@
 <template>
   <!-- Main content -->
-  <section class='content'>
+  <section class="content">
     <!-- Info boxes -->
-    <div class='row'>
+    <div class="row">
       <div class="alert alert-success alert-dismissible">
         <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
         <h4><i class="icon fa fa-check"></i> CoPilot is open source!</h4>
-        Click on icon to check out it out on github. <a href='https://github.com/misterGF/CoPilot' target='_blank'><i class='fa fa-github fa-2x'></i></a>
+        Click on icon to check out it out on github. <a href="https://github.com/misterGF/CoPilot" target="_blank"><i class="fa fa-github fa-2x"></i></a>
       </div>
-      <div class='col-md-3 col-sm-6 col-xs-12'>
-        <div class='info-box'>
-          <span class='info-box-icon bg-aqua'><i class='ion ion-ios-gear-outline'></i></span>
+      <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+          <span class="info-box-icon bg-aqua"><i class="ion ion-ios-gear-outline"></i></span>
 
-          <div class='info-box-content'>
-            <span class='info-box-text'>CPU Traffic</span>
-            <span class='info-box-number'>90<small>%</small></span>
+          <div class="info-box-content">
+            <span class="info-box-text">CPU Traffic</span>
+            <span class="info-box-number">90<small>%</small></span>
           </div>
           <!-- /.info-box-content -->
         </div>
         <!-- /.info-box -->
       </div>
       <!-- /.col -->
-      <div class='col-md-3 col-sm-6 col-xs-12'>
-        <div class='info-box'>
-          <span class='info-box-icon bg-red'><i class='fa fa-google-plus'></i></span>
+      <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+          <span class="info-box-icon bg-red"><i class="fa fa-google-plus"></i></span>
 
-          <div class='info-box-content'>
-            <span class='info-box-text'>Likes</span>
-            <span class='info-box-number'>41,410</span>
+          <div class="info-box-content">
+            <span class="info-box-text">Likes</span>
+            <span class="info-box-number">41,410</span>
           </div>
           <!-- /.info-box-content -->
         </div>
@@ -36,28 +36,28 @@
       <!-- /.col -->
 
       <!-- fix for small devices only -->
-      <div class='clearfix visible-sm-block'></div>
+      <div class="clearfix visible-sm-block"></div>
 
-      <div class='col-md-3 col-sm-6 col-xs-12'>
-        <div class='info-box'>
-          <span class='info-box-icon bg-green'><i class='ion ion-ios-cart-outline'></i></span>
+      <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+          <span class="info-box-icon bg-green"><i class="ion ion-ios-cart-outline"></i></span>
 
-          <div class='info-box-content'>
-            <span class='info-box-text'>Sales</span>
-            <span class='info-box-number'>760</span>
+          <div class="info-box-content">
+            <span class="info-box-text">Sales</span>
+            <span class="info-box-number">760</span>
           </div>
           <!-- /.info-box-content -->
         </div>
         <!-- /.info-box -->
       </div>
       <!-- /.col -->
-      <div class='col-md-3 col-sm-6 col-xs-12'>
-        <div class='info-box'>
-          <span class='info-box-icon bg-yellow'><i class='ion ion-ios-people-outline'></i></span>
+      <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box">
+          <span class="info-box-icon bg-yellow"><i class="ion ion-ios-people-outline"></i></span>
 
-          <div class='info-box-content'>
-            <span class='info-box-text'>New Members</span>
-            <span class='info-box-number'>2,000</span>
+          <div class="info-box-content">
+            <span class="info-box-text">New Members</span>
+            <span class="info-box-number">2,000</span>
           </div>
           <!-- /.info-box-content -->
         </div>
@@ -67,7 +67,7 @@
     </div>
     <!-- /.row -->
 
-    <div class='col-xs-12'>
+    <div class="col-xs-12">
       <div class="box">
         <div class="box-header with-border">
           <h3 class="box-title"></h3>
@@ -87,79 +87,79 @@
             </div>
           </div>
         </div>
-        <small class="space"><b>Pro Tip</b> Don't forget to star us on github!</small>
+        <small class="space"><b>Pro Tip</b> Don"t forget to star us on github!</small>
       </div>
     </div>
     <!-- /.row -->
 
     <!-- Main row -->
-    <div class='row'>
-      <div class='col-md-3 col-sm-6 col-xs-12'>
-        <div class='info-box bg-yellow'>
-          <span class='info-box-icon'><i class='ion ion-ios-pricetag-outline'></i></span>
+    <div class="row">
+      <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box bg-yellow">
+          <span class="info-box-icon"><i class="ion ion-ios-pricetag-outline"></i></span>
 
-          <div class='info-box-content'>
-            <span class='info-box-text'>Inventory</span>
-            <span class='info-box-number'>5,200</span>
+          <div class="info-box-content">
+            <span class="info-box-text">Inventory</span>
+            <span class="info-box-number">5,200</span>
 
-            <div class='progress'>
-              <div class='progress-bar' style='width: 50%'></div>
+            <div class="progress">
+              <div class="progress-bar" style="width: 50%"></div>
             </div>
-                <span class='progress-description'>
+                <span class="progress-description">
                   50% Increase
                 </span>
           </div>
           <!-- /.info-box-content -->
         </div>
       </div>
-      <div class='col-md-3 col-sm-6 col-xs-12'>
-        <div class='info-box bg-green'>
-          <span class='info-box-icon'><i class='ion ion-ios-heart-outline'></i></span>
+      <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box bg-green">
+          <span class="info-box-icon"><i class="ion ion-ios-heart-outline"></i></span>
 
-          <div class='info-box-content'>
-            <span class='info-box-text'>Mentions</span>
-            <span class='info-box-number'>92,050</span>
+          <div class="info-box-content">
+            <span class="info-box-text">Mentions</span>
+            <span class="info-box-number">92,050</span>
 
-            <div class='progress'>
-              <div class='progress-bar' style='width: 20%'></div>
+            <div class="progress">
+              <div class="progress-bar" style="width: 20%"></div>
             </div>
-                <span class='progress-description'>
+                <span class="progress-description">
                   20% Increase
                 </span>
           </div>
           <!-- /.info-box-content -->
         </div>
       </div>
-      <div class='col-md-3 col-sm-6 col-xs-12'>
-        <div class='info-box bg-red'>
-          <span class='info-box-icon'><i class='ion ion-ios-cloud-download-outline'></i></span>
+      <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box bg-red">
+          <span class="info-box-icon"><i class="ion ion-ios-cloud-download-outline"></i></span>
 
-          <div class='info-box-content'>
-            <span class='info-box-text'>Downloads</span>
-            <span class='info-box-number'>114,381</span>
+          <div class="info-box-content">
+            <span class="info-box-text">Downloads</span>
+            <span class="info-box-number">114,381</span>
 
-            <div class='progress'>
-              <div class='progress-bar' style='width: 70%'></div>
+            <div class="progress">
+              <div class="progress-bar" style="width: 70%"></div>
             </div>
-                <span class='progress-description'>
+                <span class="progress-description">
                   70% Increase
                 </span>
           </div>
           <!-- /.info-box-content -->
         </div>
       </div>
-      <div class='col-md-3 col-sm-6 col-xs-12'>
-        <div class='info-box bg-aqua'>
-          <span class='info-box-icon'><i class='ion-ios-chatbubble-outline'></i></span>
+      <div class="col-md-3 col-sm-6 col-xs-12">
+        <div class="info-box bg-aqua">
+          <span class="info-box-icon"><i class="ion-ios-chatbubble-outline"></i></span>
 
-          <div class='info-box-content'>
-            <span class='info-box-text'>Direct Messages</span>
-            <span class='info-box-number'>163,921</span>
+          <div class="info-box-content">
+            <span class="info-box-text">Direct Messages</span>
+            <span class="info-box-number">163,921</span>
 
-            <div class='progress'>
-              <div class='progress-bar' style='width: 40%'></div>
+            <div class="progress">
+              <div class="progress-bar" style="width: 40%"></div>
             </div>
-                <span class='progress-description'>
+                <span class="progress-description">
                   40% Increase
                 </span>
           </div>
diff --git a/src/components/views/Repos.vue b/src/components/views/Repos.vue
index 5b2042ff..23c7e5be 100644
--- a/src/components/views/Repos.vue
+++ b/src/components/views/Repos.vue
@@ -27,7 +27,9 @@
                   </div>
                   <div class="col-sm-4 border-right">
                     <div class="description-block">
-                      <button type="button" class="btn btn-block btn-default btn-lg"><a v-bind:href="repo.owner.html_url" target="_blank">Visit</a></button>
+                      <button type="button" class="btn btn-block btn-default btn-lg">
+                        <a v-bind:href="repo.owner.html_url" target="_blank">Visit</a>
+                      </button>
                     </div>
                   </div>
                   <div class="col-sm-4">
diff --git a/src/components/views/Tasks.vue b/src/components/views/Tasks.vue
index 51752d3e..5fa1d5d1 100644
--- a/src/components/views/Tasks.vue
+++ b/src/components/views/Tasks.vue
@@ -39,13 +39,6 @@
       timeline () {
         return timeline
       }
-    },
-    methods: {
-      mounted () {
-        // debugger
-        // this.callGitHub()
-        console.log('inside of task')
-      }
     }
   }
 </script>
diff --git a/src/routes.js b/src/routes.js
index 41765b73..3a7c42f7 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -16,12 +16,14 @@ const routes = [
   {
     path: '/login',
     component: LoginView
-  }, {
+  },
+  {
     path: '/',
     component: DashView,
     children: [
       {
-        path: '',
+        path: 'dashboard',
+        alias: '',
         component: DashboardView,
         name: 'Dashboard',
         meta: {description: 'Overview of environment'}

From d579e5c86cc90cc8a33e5946f8aae55c0302d0c0 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Fri, 17 Mar 2017 11:14:11 +0000
Subject: [PATCH 25/27] Used {mapState} vuex api to get the userInfo state,
 cleaned more templates

---
 src/components/App.vue          |  3 +-
 src/components/Dash.vue         | 55 ++++++++++++++++-----------------
 src/components/Sidebar.vue      | 25 ++++++++++-----
 src/components/views/Access.vue |  2 +-
 4 files changed, 46 insertions(+), 39 deletions(-)

diff --git a/src/components/App.vue b/src/components/App.vue
index 1db69310..10fb8136 100644
--- a/src/components/App.vue
+++ b/src/components/App.vue
@@ -1,7 +1,6 @@
 <template>
-  <div>
+  <div id="app">
     <router-view></router-view>
-    <div id="app"></div>
   </div>
 </template>
 
diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 1185ebc4..497fff7c 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -24,11 +24,11 @@
             <li class="dropdown messages-menu">
               <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                 <i class="fa fa-envelope-o"></i>
-                <span class="label label-success">{{ state.userInfo.messages | count }}</span>
+                <span class="label label-success">{{ userInfo.messages | count }}</span>
               </a>
               <ul class="dropdown-menu">
-                <li class="header">You have {{ state.userInfo.messages | count }} message(s)</li>
-                <li v-if="state.userInfo.messages.length > 0">
+                <li class="header">You have {{ userInfo.messages | count }} message(s)</li>
+                <li v-if="userInfo.messages.length > 0">
                   <!-- inner menu: contains the messages -->
                   <ul class="menu">
                     <li><!-- start message -->
@@ -46,7 +46,7 @@
                   </ul>
                   <!-- /.menu -->
                 </li>
-                <li class="footer" v-if="state.userInfo.messages.length > 0"><a href="javascript:;">See All Messages</a></li>
+                <li class="footer" v-if="userInfo.messages.length > 0"><a href="javascript:;">See All Messages</a></li>
               </ul>
             </li>
             <!-- /.messages-menu -->
@@ -55,11 +55,11 @@
             <li class="dropdown notifications-menu">
               <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                 <i class="fa fa-bell-o"></i>
-                <span class="label label-warning">{{ state.userInfo.notifications | count }}</span>
+                <span class="label label-warning">{{ userInfo.notifications | count }}</span>
               </a>
               <ul class="dropdown-menu">
-                <li class="header">You have {{ state.userInfo.notifications | count }} notification(s)</li>
-                <li v-if="state.userInfo.notifications.length > 0">
+                <li class="header">You have {{ userInfo.notifications | count }} notification(s)</li>
+                <li v-if="userInfo.notifications.length > 0">
                   <!-- Inner Menu: contains the notifications -->
                   <ul class="menu">
                     <li><!-- start notification -->
@@ -70,7 +70,7 @@
                     <!-- end notification -->
                   </ul>
                 </li>
-                <li class="footer" v-if="state.userInfo.notifications.length > 0"><a href="javascript:;">View all</a></li>
+                <li class="footer" v-if="userInfo.notifications.length > 0"><a href="javascript:;">View all</a></li>
               </ul>
             </li>
 
@@ -78,11 +78,11 @@
             <li class="dropdown tasks-menu">
               <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                 <i class="fa fa-flag-o"></i>
-                <span class="label label-danger">{{ state.userInfo.tasks | count }} </span>
+                <span class="label label-danger">{{ userInfo.tasks | count }} </span>
               </a>
               <ul class="dropdown-menu">
-                <li class="header">You have {{ state.userInfo.tasks | count }}  task(s)</li>
-                <li v-if="state.userInfo.tasks.length > 0">
+                <li class="header">You have {{ userInfo.tasks | count }}  task(s)</li>
+                <li v-if="userInfo.tasks.length > 0">
                   <!-- Inner menu: contains the tasks -->
                   <ul class="menu">
                     <li><!-- Task item -->
@@ -95,7 +95,12 @@
                         <!-- The progress bar -->
                         <div class="progress xs">
                           <!-- Change the css width attribute to simulate progress -->
-                          <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                          <div class="progress-bar progress-bar-aqua"
+                            style="width: 20%"
+                            role="progressbar"
+                            aria-valuenow="20"
+                            aria-valuemin="0"
+                            aria-valuemax="100">
                             <span class="sr-only">20% Complete</span>
                           </div>
                         </div>
@@ -104,7 +109,7 @@
                     <!-- end task item -->
                   </ul>
                 </li>
-                <li class="footer" v-if="state.userInfo.tasks.length > 0">
+                <li class="footer" v-if="userInfo.tasks.length > 0">
                   <a href="javascript:;">View all tasks</a>
                 </li>
               </ul>
@@ -137,7 +142,7 @@
         </h1>
         <ol class="breadcrumb">
           <li><a href="javascript:;"><i class="fa fa-home"></i>Home</a></li>
-          <li class="active">{{$route.name.toUpperCase() }}</li>
+          <li class="active">{{$route.name.toUpperCase()}}</li>
         </ol>
       </section>
 
@@ -155,6 +160,7 @@
 
 <script>
 import faker from 'faker'
+import { mapState } from 'vuex'
 import config from '../config'
 import Sidebar from './Sidebar'
 import 'hideseek'
@@ -166,7 +172,8 @@ export default {
   },
   data: function () {
     return {
-      section: 'Dash',
+      //section: 'Dash',
+      year: new Date().getFullYear(),
       classes: {
         fixed_layout: config.fixedLayout,
         hide_logo: config.hideLogoOnMobile
@@ -175,12 +182,9 @@ export default {
     }
   },
   computed: {
-    store () {
-      return this.$parent.$store
-    },
-    state () {
-      return this.store.state
-    },
+    ...mapState([
+      'userInfo'
+    ]),
     demo () {
       return {
         displayName: faker.name.findName(),
@@ -188,19 +192,12 @@ export default {
         email: faker.internet.email(),
         randomCard: faker.helpers.createCard()
       }
-    },
-    year () {
-      var y = new Date()
-      return y.getFullYear()
     }
   },
   methods: {
     changeloading () {
-      this.store.commit('TOGGLE_SEARCHING')
+      this.$store.commit('TOGGLE_SEARCHING')
     }
-  },
-  mounted () {
-    // Page is ready. Let's load our functions!
   }
 }
 </script>
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 9e5b5602..5347c8c2 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -10,19 +10,30 @@
           <img :src="pictureUrl" />
         </div>
         <div class="pull-left info">
-          <div><p class="white">{{ displayName }}</p></div>
-          <a href="javascript:;"><i class="fa fa-circle text-success"></i> Online</a>
+          <div>
+            <p class="white">{{ displayName }}</p>
+          </div>
+          <a href="javascript:;">
+            <i class="fa fa-circle text-success"></i> Online
+          </a>
         </div>
       </div>
 
       <!-- search form (Optional) -->
       <form v-on:submit.prevent class="sidebar-form">
         <div class="input-group">
-          <input type="text" name="search" id="search" class="search form-control" data-toggle="hideseek" placeholder="Search Menus" data-list=".sidebar-menu">
-              <span class="input-group-btn">
-                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
-                </button>
-              </span>
+          <input type="text"
+            name="search"
+            id="search"
+            class="search form-control"
+            data-toggle="hideseek" p
+            laceholder="Search Menus"
+            data-list=".sidebar-menu">
+          <span class="input-group-btn">
+            <button type="submit" name="search" id="search-btn" class="btn btn-flat">
+              <i class="fa fa-search"></i>
+            </button>
+          </span>
         </div>
       </form>
       <!-- /.search form -->
diff --git a/src/components/views/Access.vue b/src/components/views/Access.vue
index dcacba97..093a8989 100644
--- a/src/components/views/Access.vue
+++ b/src/components/views/Access.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class='content'>
+  <section class="content">
     <h1 class="text-center">Access</h1>
     <h4 class="text-center">Where our users are coming from.</h4>
 

From b3833c94955bdc141ea15ddd0bb580d55d93ef2a Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Fri, 17 Mar 2017 11:16:24 +0000
Subject: [PATCH 26/27] Fixed last commits (oops)

---
 src/components/Dash.vue | 2 +-
 src/store/actions.js    | 4 +---
 src/store/index.js      | 1 +
 src/store/mutations.js  | 2 +-
 src/store/state.js      | 2 +-
 5 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/Dash.vue b/src/components/Dash.vue
index 497fff7c..3ee74f4f 100644
--- a/src/components/Dash.vue
+++ b/src/components/Dash.vue
@@ -172,7 +172,7 @@ export default {
   },
   data: function () {
     return {
-      //section: 'Dash',
+      // section: 'Dash',
       year: new Date().getFullYear(),
       classes: {
         fixed_layout: config.fixedLayout,
diff --git a/src/store/actions.js b/src/store/actions.js
index 5ea60925..b1c6ea43 100644
--- a/src/store/actions.js
+++ b/src/store/actions.js
@@ -1,3 +1 @@
-export default {
-  
-}
+export default {}
diff --git a/src/store/index.js b/src/store/index.js
index 75e8f277..008b76c6 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 import state from './state'
+import actions from './actions'
 import mutations from './mutations'
 
 Vue.use(Vuex)
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 62f49393..a4d5cc11 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -1,4 +1,4 @@
-export default const mutations = {
+export default {
   TOGGLE_LOADING (state) {
     state.callingAPI = !state.callingAPI
   },
diff --git a/src/store/state.js b/src/store/state.js
index 5e4cb9ab..a9f1170f 100644
--- a/src/store/state.js
+++ b/src/store/state.js
@@ -1,4 +1,4 @@
-export default const state = {
+export default {
   callingAPI: false,
   searching: '',
   serverURI: 'http://10.110.1.136:8080',

From a21c6141a3e065f8dcec7b09721ed62a26b54c62 Mon Sep 17 00:00:00 2001
From: euvl <yev.vlasenko@gmail.com>
Date: Fri, 17 Mar 2017 11:35:42 +0000
Subject: [PATCH 27/27] Cleaned up api calls in Repos and Login pages

---
 src/components/Login.vue       | 84 +++++++++++++++++-----------------
 src/components/views/Repos.vue | 28 ++++++------
 src/config/index.js            |  1 +
 3 files changed, 57 insertions(+), 56 deletions(-)

diff --git a/src/components/Login.vue b/src/components/Login.vue
index e3565e7e..aa80a550 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -4,9 +4,6 @@
         <div class="container">
           <img src="/static/img/logo.png" class="center-block logo">
           <div class="text-center col-md-4 col-sm-offset-4">
-            <!-- errors -->
-            <div v-if=response class="text-red"><p>{{response}}</p></div>
-
             <!-- login form -->
             <form class="ui form loginForm"  @submit.prevent="checkCreds">
 
@@ -21,6 +18,9 @@
               </div>
               <button type="submit" v-bind:class="'btn btn-primary btn-lg ' + loading">Submit</button>
             </form>
+
+            <!-- errors -->
+            <div v-if=response class="text-red"><p>{{response}}</p></div>
           </div>
         </div>
       </div>
@@ -28,6 +28,8 @@
 </template>
 
 <script>
+import api from '../api'
+
 export default {
   name: 'Login',
   data (router) {
@@ -41,57 +43,53 @@ export default {
   },
   methods: {
     checkCreds () {
-      //  Change submit button
-      var self = this
-      var store = this.$store
+      const {username, password} = this
 
       this.toggleLoading()
       this.resetResponse()
-      store.commit('TOGGLE_LOADING')
+      this.$store.commit('TOGGLE_LOADING')
 
-      //  Login
-      this.$parent.callAPI('POST', '/login', { username: this.username, password: this.password }).then(function (response) {
-        store.commit('TOGGLE_LOADING')
+      /* Making API call to authenticate a user */
+      api.request('post', '/login', {username, password})
+      .then(response => {
+        this.toggleLoading()
 
-        if (response.data) {
-          var data = response.data
-
-          if (data.error) {
-            if (data.error.name) { //  Object from LDAP at this point
-              switch (data.error.name) {
-                case 'InvalidCredentialsError' : self.response = 'Username/Password incorrect. Please try again.'; break
-                default: self.response = data.error.name
-              }
-            } else {
-              self.response = data.error
-            }
+        var data = response.data
+        /* Checking if error object was returned from the server */
+        if (data.error) {
+          var errorName = data.error.name
+          if (errorName) {
+            this.response = errorName === 'InvalidCredentialsError'
+            ? 'Username/Password incorrect. Please try again.'
+            : errorName
           } else {
-            //  success. Let's load up the dashboard
-            if (data.user) {
-              store.commit('SET_USER', data.user)
-              var token = 'Bearer ' + data.token
-              store.commit('SET_TOKEN', token)
+            this.response = data.error
+          }
+
+          return
+        }
 
-              // Save to local storage as well
-              if (window.localStorage) {
-                window.localStorage.setItem('user', JSON.stringify(data.user))
-                window.localStorage.setItem('token', token)
-              }
+        /* Setting user in the state and caching record to the localStorage */
+        if (data.user) {
+          var token = 'Bearer ' + data.token
 
-              this.$router.push(data.redirect)
-            }
+          this.$store.commit('SET_USER', data.user)
+          this.$store.commit('SET_TOKEN', token)
+
+          if (window.localStorage) {
+            window.localStorage.setItem('user', JSON.stringify(data.user))
+            window.localStorage.setItem('token', token)
           }
-        } else {
-          self.response = 'Did not receive a response. Please try again in a few minutes'
+
+          this.$router.push(data.redirect)
         }
+      })
+      .catch(error => {
+        this.$store.commit('TOGGLE_LOADING')
+        console.log(error)
 
-        self.toggleLoading()
-      }, function (response) {
-        // error
-        store.commit('TOGGLE_LOADING')
-        console.log('Error', response)
-        self.response = 'Server appears to be offline'
-        self.toggleLoading()
+        this.response = 'Server appears to be offline'
+        this.toggleLoading()
       })
     },
     toggleLoading () {
diff --git a/src/components/views/Repos.vue b/src/components/views/Repos.vue
index 23c7e5be..f6153b13 100644
--- a/src/components/views/Repos.vue
+++ b/src/components/views/Repos.vue
@@ -48,7 +48,7 @@
   </div>
 </template>
 <script>
-import api from '../../api'
+import axios from 'axios'
 
 export default {
   name: 'Repository',
@@ -61,20 +61,22 @@ export default {
   },
   methods: {
     callGitHub () {
-      api.request('GET', this.githubUrl).then(response => {
-        console.log('GitHub Response:', response)
+      axios.get(this.githubUrl)
+        .then(response => {
+          console.log('GitHub Response:', response)
 
-        if (response.status !== 200) {
-          this.error = response.statusText
-          return
-        }
+          if (response.status !== 200) {
+            this.error = response.statusText
+            return
+          }
 
-        this.response = response.data.items
-      }, response => {
-        // Request failed.
-        console.log('error', response)
-        this.error = response.statusText
-      })
+          this.response = response.data.items
+        })
+        .catch(error => {
+          // Request failed.
+          console.log('error', error.response)
+          this.error = error.response.statusText
+        })
     }
   },
   mounted () {
diff --git a/src/config/index.js b/src/config/index.js
index 3b1ce142..09c5400a 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -1,4 +1,5 @@
 export default {
+  serverURI: '',
   fixedLayout: false,
   hideLogoOnMobile: false
 }