Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / webui-vue / a2988f40b965fdcf2941ff6e62c5bac5cf0e6988
commita2988f40b965fdcf2941ff6e62c5bac5cf0e6988[log] [tgz]
authorDerick Montague <derick.montague@ibm.com>Fri Jan 17 13:46:30 2020 -0600
committerDerick Montague <derick.montague@ibm.com>Tue Jan 21 18:08:12 2020 +0000
tree2517f594e51376f66b5f352065a86aeffa104900
parentb935611638d871412c8582c0d9798e109ce4e06e [diff]
Create basic application using vue

-  Create vue app
-  Add AppHeader and AppNavigation
-  Set up routes for server overview and local user management
-  Add themes and set to gray-10 theme
-  Add active class for current navigation
- Add a prototype method named $http to vue prototype
- The UI uses console logs in production to communicate to users
- Add boostrap vue component library

Change-Id: Ib6618e6357ca01bdac6de4ed031a15c8552226f3
Signed-off-by: Derick Montague <derick.montague@ibm.com>
25 files changed
tree: 2517f594e51376f66b5f352065a86aeffa104900
  1. public/
  2. src/
  3. tests/
  4. .browserslistrc
  5. .eslintrc.js
  6. .gitignore
  7. babel.config.js
  8. CONTRIBUTING.md
  9. jest.config.js
  10. LICENSE
  11. MAINTAINERS
  12. package-lock.json
  13. package.json
  14. postcss.config.js
  15. README.md
  16. vue.config.js
README.md

webui-vue

webui-vue is a web-based user interface for the OpenBMC firmware stack built on Vue.js.

Hold on... What happened to phosphor-webui?

phosphor-webui was built on AngularJS and AngularJS goes End of Life June 30, 2021, so this repository is hopefully its replacement. At this time, phosphor-webui still contains more features and you should consider using it.

When will this new Vue.js application reach feature parity with phosphor-webui?

The current plan is by June 2020!

Why will this application be better?

As mentioned, this application is built using Vue.js, a modern open-source Model-View-ViewModel JavaScript framework supported by an active community and strong documentation. It has been architected to allow organizations to easily update the theme to support their brand. This rewrite takes advantage of front-end development best practices and does not suffer from some of the anti-patterns that exist in phosphor-webui today.

How can I get involved?

Visit the CONTRIBUTING.md for more on how to contribute code, review some code in Gerrit, or join us in the GUI design workgroup meeting.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint