Init Dashboard & add some features

.browserslistrc

@@ -0,0 +1,2 @@
+> 1%
+last 2 versions

.editorconfig

@@ -0,0 +1,35 @@
+# http://editorconfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+# Indentation override for js(x), ts(x) and vue files
+[*.{js,jsx,ts,tsx,vue}]
+indent_size = 2
+indent_style = space
+
+# Indentation override for css related files
+[*.{css,styl,scss,less,sass}]
+indent_size = 2
+indent_style = space
+
+# Indentation override for html files
+[*.html]
+indent_size = 2
+indent_style = space
+
+# Trailing space override for markdown file
+[*.md]
+trim_trailing_whitespace = false
+
+# Indentation override for config files
+[*.{json,yml}]
+indent_size = 2
+indent_style = space

.env.development

@@ -0,0 +1,11 @@
+# Base api
+VUE_APP_BASE_API = ''
+
+# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
+# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
+# It only does one thing by converting all import() to require().
+# This configuration can significantly increase the speed of hot updates,
+# when you have a large number of pages.
+# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
+
+VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production

@@ -0,0 +1,5 @@
+
+# Base api
+# Remeber to change this to your production server address
+# Here I used my mock server for this project
+VUE_APP_BASE_API = 'http://39.97.63.215:9080/apisix/admin/'

.env.staging

@@ -0,0 +1,5 @@
+# Set to production for building optimization
+NODE_ENV = production
+
+# Base api
+VUE_APP_BASE_API = '/stage-api'

.eslintignore

@@ -0,0 +1,4 @@
+
+dist/*.js
+src/assets
+tests/unit/coverage

.eslintrc.js

@@ -0,0 +1,37 @@
+module.exports = {
+    root: true,
+    env: {
+      browser: true,
+      node: true,
+      es6: true
+    },
+    parserOptions: {
+      parser: '@typescript-eslint/parser',
+      sourceType: 'module'
+    },
+    plugins: [
+      'vue'
+    ],
+    rules: {
+      'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+      'space-before-function-paren': [2, 'never'],
+      'vue/array-bracket-spacing': 'error',
+      'vue/arrow-spacing': 'error',
+      'vue/block-spacing': 'error',
+      'vue/brace-style': 'error',
+      'vue/comma-dangle': 'error',
+      'vue/component-name-in-template-casing': 'error',
+      'vue/eqeqeq': 'error',
+      'vue/key-spacing': 'error',
+      'vue/match-component-file-name': 'error',
+      'vue/object-curly-spacing': 'error',
+      "camelcase": ["error", {"properties": "never"}]
+    },
+    'extends': [
+      'eslint:recommended',
+      'plugin:vue/recommended',
+      '@vue/standard',
+      '@vue/typescript'
+    ]
+  }

.gitignore

@@ -0,0 +1,25 @@
+.DS_Store
+node_modules
+/dist
+
+/tests/e2e/videos/
+/tests/e2e/screenshots/
+/tests/**/coverage/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

README.md

@@ -1 +1,112 @@
-# apisix_dashboard
+# apisix_dashboard
+
+## Overview
+
+Dashboard for apisix & based on ElementUI.
+
+## Documentation
+
+[Docs](https://armour.github.io/vue-typescript-admin-docs)
+
+## Project Structure
+
+```bash
+├── mock/                      # mock server & mock data
+├── public                     # public static assets (directly copied)
+│   │── favicon.ico            # favicon
+│   │── manifest.json          # PWA config file
+│   └── index.html             # index.html template
+├── src                        # main source code
+│   ├── api                    # api service
+│   ├── assets                 # module assets like fonts, images (processed by webpack)
+│   ├── components             # global components
+│   ├── directives             # global directives
+│   ├── filters                # global filter
+│   ├── icons                  # svg icons
+│   ├── lang                   # i18n language
+│   ├── layout                 # global layout
+│   ├── pwa                    # PWA service worker related files
+│   ├── router                 # router
+│   ├── store                  # store
+│   ├── styles                 # global css
+│   ├── utils                  # global utils
+│   ├── views                  # views
+│   ├── App.vue                # main app component
+│   ├── main.ts                # app entry file
+│   ├── permission.ts          # permission authentication
+│   ├── settings.ts            # setting file
+│   └── shims.d.ts             # type definition shims
+├── tests/                     # tests
+├── .circleci/                 # automated CI configuration
+├── .browserslistrc            # browserslist config file (to support Autoprefixer)
+├── .editorconfig              # editor code format consistency config
+├── .env.xxx                   # env variable configuration
+├── .eslintrc.js               # eslint config
+├── babel.config.js            # babel config
+├── cypress.json               # e2e test config
+├── jest.config.js             # jest unit test config
+├── package.json               # package.json
+├── postcss.config.js          # postcss config
+├── tsconfig.json              # typescript config
+└── vue.config.js              # vue-cli config
+```
+
+## Project setup
+
+### Install dependencies
+
+```bash
+yarn install
+```
+
+### Compiles and hot-reloads for development
+
+```bash
+yarn run serve
+```
+
+### Compiles and minifies for production
+
+```bash
+yarn run build:prod
+```
+
+### Lints and fixes files
+
+```bash
+yarn run lint
+```
+
+### Run your unit tests
+
+```bash
+yarn run test:unit
+```
+
+### Run your end-to-end tests
+
+```bash
+yarn run test:e2e
+```
+
+### Generate all svg components
+
+```bash
+yarn run svg
+```
+
+### Customize Vue configuration
+
+See [Configuration Reference](https://cli.vuejs.org/config/).
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT License](https://github.com/Armour/vue-typescript-admin-template/blob/master/LICENSE)

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}

cypress.json

@@ -0,0 +1,3 @@
+{
+  "pluginsFile": "tests/e2e/plugins/index.js"
+}

jest.config.js

@@ -0,0 +1,49 @@
+module.exports = {
+  moduleFileExtensions: [
+    'js',
+    'jsx',
+    'json',
+    'vue',
+    'ts',
+    'tsx'
+  ],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
+    '^.+\\.tsx?$': 'ts-jest'
+  },
+  transformIgnorePatterns: [
+    '/node_modules/'
+  ],
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: [
+    'jest-serializer-vue'
+  ],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  collectCoverage: true,
+  collectCoverageFrom: [
+    'src/utils/**/*.{ts,vue}',
+    '!src/utils/auth.ts',
+    '!src/utils/request.ts',
+    'src/components/**/*.{ts,vue}'
+  ],
+  coverageDirectory: '<rootDir>/tests/unit/coverage',
+  coverageReporters: [
+    'lcov',
+    'text-summary'
+  ],
+  testURL: 'http://localhost/',
+  watchPlugins: [
+    'jest-watch-typeahead/filename',
+    'jest-watch-typeahead/testname'
+  ],
+  globals: {
+    'ts-jest': {
+      babelConfig: true
+    }
+  }
+}

mock/mock-server.ts

@@ -0,0 +1,65 @@
+import express from 'express'
+import bodyParser from 'body-parser'
+import compression from 'compression'
+import morgan from 'morgan'
+import cors from 'cors'
+import http from 'http'
+import proxy from 'http-proxy-middleware'
+
+const app = express()
+const port = 9528
+
+// Compression
+app.use(compression())
+// Logger
+app.use(morgan('dev'))
+// Enable CORS
+app.use(cors())
+// POST, PUT, DELETE body parser
+app.use(bodyParser.json({ limit: '20mb' }))
+app.use(bodyParser.urlencoded({
+  limit: '20mb',
+  extended: false
+}))
+
+app.use('', proxy({
+  // Proxy requests to API Server
+  target: 'http://39.97.63.215:9080/apisix/admin/',
+  changeOrigin: true
+}))
+
+// Catch 404 error
+app.use((req, res, next) => {
+  const err = new Error('Not Found')
+  res.status(404).json({
+    message: err.message,
+    error: err
+  })
+})
+
+// Create HTTP server.
+const server = http.createServer(app)
+
+// Listen on provided port, on all network interfaces.
+server.listen(port)
+server.on('error', onError)
+console.log('Mock server started on port ' + port + '!')
+
+// Event listener for HTTP server "error" event.
+function onError(error: any) {
+  if (error.syscall !== 'listen') {
+    throw error
+  }
+  const bind = typeof port === 'string' ? 'Pipe ' + port : 'Port ' + port
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error('Express ERROR (app) : %s requires elevated privileges', bind)
+      process.exit(1)
+    case 'EADDRINUSE':
+      console.error('Express ERROR (app) : %s is already in use', bind)
+      process.exit(1)
+    default:
+      throw error
+  }
+}