Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / webui-vue / 35080acbbf29de7cfd21d19f3c3637d7231f2a7e
commit35080acbbf29de7cfd21d19f3c3637d7231f2a7e[log] [tgz]
authorYoshie Muranaka <yoshiemuranaka@gmail.com>Fri Jan 17 15:38:57 2020 -0600
committerGunnar Mills <gmills@us.ibm.com>Tue Jan 21 18:32:43 2020 +0000
treeb9bded80d364f50d120700dbf5c862c322242e7c
parenta2988f40b965fdcf2941ff6e62c5bac5cf0e6988 [diff]
Add local user page

- Add Bootstrap out of box table component
- Import layout plugin
- Add user role privilege table
- Add local user modals
- Add inline table actions
- Add local user store
- Add Axios requests

Initial setup to use Vuex store for local user
management page. For now using a timeout to
fake fetching async data. Data flow is working
between store and component.

Using Axios in very unrefined way, just to get some
API requests going. Simple user request working if
base, username, password variables defined.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I3b0d757857268feff32c6bec1c3fd95c302a568f
5 files changed
tree: b9bded80d364f50d120700dbf5c862c322242e7c
  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