feat(app): use https://github.com/lbwa/adminize-template

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not ie <= 8

.circleci/config.yml

@@ -1,6 +1,6 @@
 version: 2
 jobs:
-  build:    
+  build:
     branches:
       ignore:
         - gh-pages
@@ -18,18 +18,19 @@ jobs:
       - checkout
 
       - restore_cache:
+          name: Restore Yarn Package Cache
           keys:
-          - v1-dependencies-{{ checksum "package.json" }}
-          - v1-dependencies-
+            - yarn-packages-{{ checksum "yarn.lock" }}
 
       - run:
-          name: Install dependencies
-          command: yarn
+          name: Install Dependencies
+          command: yarn install --frozen-lockfile
 
       - save_cache:
+          name: Save Yarn Package Cache
+          key: yarn-packages-{{ checksum "yarn.lock" }}
           paths:
-            - node_modules
-          key: v1-dependencies-{{ checksum "package.json" }}
+            - ~/.cache/yarn
 
       - run:
           name: Test generating process
@@ -40,14 +41,14 @@ jobs:
 
       - add_ssh_keys:
           fingerprints:
-            - "80:8c:9a:7c:80:2e:1b:14:51:56:54:a9:17:93:da:02"
+            - '91:7b:7d:d6:20:ac:63:64:9e:d7:01:43:09:c8:19:e5'
 
       - deploy:
           name: Deploy site
           command: |
             if [ $CIRCLE_BRANCH == $SOURCE_BRANCH ]; then
-              git config --global user.email $USEREMAIL
-              git config --global user.name $USERNAME
+              git config --global user.email $USER_MAIL
+              git config --global user.name $USER_NAME
 
               yarn build
               mkdir -p dist/.circleci
@@ -56,7 +57,7 @@ jobs:
 
               git init
               git add .
-              git commit -m "docs: Deployed by CircleCI - ${CIRCLE_SHA1}" --allow-empty
+              git commit -m "Site: Deployed by CircleCI - ${CIRCLE_SHA1}" --allow-empty
 
-              git push -f git@github.com:lbwa/vue-design-pro.git master:gh-pages
+              git push -f git@github.com:lbwa/adminize.git master:gh-pages
             fi

.editorconfig

@@ -1,9 +1,5 @@
-root = true
-
-[*]
+[*.{js,jsx,ts,tsx,vue}]
 indent_style = space
 indent_size = 2
-end_of_line = crlf
-charset = utf-8
-trim_trailing_whitespace = false
-insert_final_newline = true
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc.js

@@ -1,4 +1,3 @@
-// Priority is higher than setting from package.json
 module.exports = {
   root: true,
   env: {

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 
-node_js: stable
+node_js: 10.3.0
 
 cache:
   yarn: true

README.md

@@ -1,16 +1,23 @@
-## Adminize [![Build Status](https://travis-ci.org/lbwa/adminize.svg?branch=master)](https://travis-ci.org/lbwa/adminize)
+# Adminize [![CircleCI](https://circleci.com/gh/lbwa/adminize.svg?style=svg)](https://circleci.com/gh/lbwa/adminize)
 
-> Vue administrator dashboard, implemented by @vuejs (including vue-router, vuex)
+> A fully front-end access control solution sample via [adminize-template].
+
+[adminize-template]: https://github.com/lbwa/adminize-template
 
 <p align="center">
-  <a href="https://lbwa.github.io/adminize">Preview</a>
+  <a href="https://lbwa.github.io/adminize">Online site</a>
 </p>
 
-### Usage
+## Commands
+
+- Compiles and hot-reloads for development
+
+```bash
+yarn run serve
+```
+
+- Compiles and minifies for production
 
-```shell
-git clone https://github.com/lbwa/adminize.git --depth=1
-cd adminize
-yarn serve
-# visit http://localhost:8080 (or http://<your host device ip>:8080)
+```bash
+yarn run build
 ```

package.json

@@ -5,56 +5,33 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "dev": "vue-cli-service serve"
   },
   "dependencies": {
     "axios": "^0.18.0",
-    "core-js": "^2.6.5",
-    "element-ui": "^2.7.2",
+    "element-ui": "^2.9.1",
+    "js-cookie": "^2.2.0",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
-    "vue": "^2.6.6",
-    "vue-i18n": "^8.10.0",
+    "vue": "^2.6.10",
+    "vue-i18n": "^8.11.2",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1",
     "vuex-persistedstate": "^2.5.4"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.5.0",
-    "@vue/cli-plugin-eslint": "^3.5.0",
-    "@vue/cli-service": "^3.5.0",
+    "@vue/cli-plugin-babel": "^3.1.1",
+    "@vue/cli-plugin-eslint": "^3.1.5",
+    "@vue/cli-service": "^3.3.1",
     "@vue/eslint-config-prettier": "^4.0.1",
     "babel-eslint": "^10.0.1",
     "babel-plugin-component": "^1.1.1",
     "eslint": "^5.8.0",
-    "eslint-plugin-vue": "^5.0.0",
+    "eslint-plugin-vue": "^5.0.0-0",
     "node-sass": "^4.9.0",
-    "sass-loader": "^7.1.0",
-    "vue-cli-plugin-element": "^1.0.1",
-    "vue-template-compiler": "^2.5.21"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "@vue/prettier"
-    ],
-    "rules": {},
-    "parserOptions": {
-      "parser": "babel-eslint"
-    }
-  },
-  "postcss": {
-    "plugins": {
-      "autoprefixer": {}
-    }
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
-  ]
-}
+    "sass-loader": "^7.0.1",
+    "vue-cli-plugin-element": "^1.0.0",
+    "vue-template-compiler": "^2.6.10"
+  }
+}

postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}

public/index.html

@@ -1,15 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>adminize</title>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <title>Adminize</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but adminize doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but Adminize doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->

src/App.vue

@@ -20,7 +20,7 @@ export default {
     onRouteUpdate(to) {
       this.setCurrentLayout(to.meta.layout)
     },
-    setCurrentLayout(layout = 'material') {
+    setCurrentLayout(layout = 'dashboard') {
       this.layout = layout
     }
   },

src/components/PageFooter/index.vue

@@ -2,36 +2,30 @@
   <p class="author__info">
     Copyright &copy; {{ new Date().getFullYear() }}
     <a class="author__name" href="https://github.com/lbwa" target="_blank"
-      >lbwa</a
-    >&nbsp;Released under the MIT License
+      >Bowen</a
+    >. All rights reserved.
   </p>
 </template>
 
 <script>
 export default {}
 </script>
 
-<style lang="scss" scoped>
-@import '~STYLE/color/font.scss';
+<style lang="sass" scoped>
+$gap: 60px
 
-$gap: 60px;
+.author
+  &__info
+    margin: 0
+    text-align: center
+    line-height: $gap
+    font-size: 14px
+    color: #999999
 
-.author {
-  &__info {
-    margin: 0;
-    text-align: center;
-    line-height: $gap;
-    font-size: 14px;
-    color: #999999;
-  }
+  &__name
+    color: $font-link
+    text-decoration: none
 
-  &__name {
-    color: $font-blue-50;
-    text-decoration: none;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
+    &:hover
+      text-decoration: underline
 </style>

src/components/RouteExport.js

@@ -1,5 +1,5 @@
 export default {
-  render(h) {
+  render() {
     return (
       <transition name="fade" mode="out-in">
         <router-view />

src/lang/en.js

@@ -1,20 +1,17 @@
 export default {
-  login: {
-    header: 'Adminize',
-    placeholder: {
-      username: 'Username',
-      password: 'Password'
-    },
-    tips: {
-      username: 'Please tell us your username !',
-      password: 'You should input your password to log in our system !'
-    },
-    submitButton: 'Log in'
-  },
   aside: {
-    header: 'Adminize',
-    bar: {
-      logout: 'Log out'
-    }
+    header: 'Adminize console'
+  },
+  pages: {
+    withoutVerification:
+      'This route is public without any user access verification.',
+    realTimeVerification:
+      'This route has include real-time access verification',
+    currentRoute: 'Current route is'
+  },
+  notFound: '😢Seems nothing could found.',
+  unauthorized: {
+    title: '🚫You are unauthorized !',
+    desc: 'If you have any questions, contact tech support !'
   }
 }