v0.1.0: Proof of concept
primate: initial UI v0.1

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
134 files changed
tree: 7f1dc749331b7608cd471256c9d8a62a07492c37
  1. public/
  2. src/
  3. tests/
  4. .editorconfig
  5. .gitattributes
  6. .gitignore
  7. .prettierrc
  8. .travis.yml
  9. babel.config.js
  10. jest.config.js
  11. jsconfig.json
  12. package-lock.json
  13. package.json
  14. README.md
  15. vue.config.js
  16. webstorm.config.js
README.md

CloudStack Primate

A progressive modern CloudStack Admin UI based on VueJS and Ant Design.

Install tools and dependencies:

sudo apt-get install npm
sudo npm i -g npm@next
sudo npm i -g npm-check-updates
ncu -u # optional: upgrade dependencies
npm install

Build and run:

npm run serve

Production Build:

npm run build

Upgrade dependencies:

Run Tests:

npm run test
npm run lint
npm run test:unit

Fix issues and vulnerabilities:

npm audit

History

The project was created by Rohit Yadav over several weekends during late 2018. The base app layout was referenced from Ant Design Pro Vue.

Env and dependencies

Other

  • Vue-cli3 used by the project.

  • Disable Eslint (not recommended): remove eslintConfig field in package.json

  • Easy-Mock used by project,easy-mock Project API Data DO NOT CHANGE THE INTERFACE,If you want to modify, please fork ANTD-PRO-Easy-Mock-API.zip and running to your server.

  • Load on Demand: modify /src/main.js L7, append import './core/lazy_use' code.

  • Customize Theme: vue.config.js eg:

  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* Less variables, required modifyVars*/

          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }

Docs