diff options
author | Derick Montague <derick.montague@ibm.com> | 2020-01-17 22:46:30 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-01-21 21:08:12 +0300 |
commit | a2988f40b965fdcf2941ff6e62c5bac5cf0e6988 (patch) | |
tree | 2517f594e51376f66b5f352065a86aeffa104900 /src/components/AppNavigation | |
parent | b935611638d871412c8582c0d9798e109ce4e06e (diff) | |
download | webui-vue-a2988f40b965fdcf2941ff6e62c5bac5cf0e6988.tar.xz |
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>
Diffstat (limited to 'src/components/AppNavigation')
-rw-r--r-- | src/components/AppNavigation/AppNavigation.vue | 31 | ||||
-rw-r--r-- | src/components/AppNavigation/index.js | 2 |
2 files changed, 33 insertions, 0 deletions
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue new file mode 100644 index 00000000..e5a1eeeb --- /dev/null +++ b/src/components/AppNavigation/AppNavigation.vue @@ -0,0 +1,31 @@ +<template> + <nav> + <ul> + <li><router-link to="/">Overview</router-link></li> + <li> + <router-link to="/access-control/local-user-management" + >Local User Management</router-link + > + </li> + </ul> + </nav> +</template> + +<script> +// import Analytics16 from "@carbon/icons-vue/es/analytics/16"; +// import DataCheck16 from "@carbon/icons-vue/es/data--check/16"; +// import SettingsAdjust16 from "@carbon/icons-vue/es/settings--adjust/16"; +// import Settings16 from "@carbon/icons-vue/es/settings/16"; +// import Password16 from "@carbon/icons-vue/es/password/16"; + +export default { + name: "AppNavigation" + // components: { + // Analytics16, + // DataCheck16, + // SettingsAdjust16, + // Settings16, + // Password16 + // } +}; +</script> diff --git a/src/components/AppNavigation/index.js b/src/components/AppNavigation/index.js new file mode 100644 index 00000000..8046f702 --- /dev/null +++ b/src/components/AppNavigation/index.js @@ -0,0 +1,2 @@ +import AppNavigation from "./AppNavigation"; +export default AppNavigation; |