summaryrefslogtreecommitdiff
path: root/src/App.vue
diff options
context:
space:
mode:
authorDerick Montague <derick.montague@ibm.com>2020-01-17 22:46:30 +0300
committerDerick Montague <derick.montague@ibm.com>2020-01-21 21:08:12 +0300
commita2988f40b965fdcf2941ff6e62c5bac5cf0e6988 (patch)
tree2517f594e51376f66b5f352065a86aeffa104900 /src/App.vue
parentb935611638d871412c8582c0d9798e109ce4e06e (diff)
downloadwebui-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/App.vue')
-rw-r--r--src/App.vue25
1 files changed, 25 insertions, 0 deletions
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 00000000..d21ef4f6
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,25 @@
+<template>
+ <div id="app">
+ <AppHeader />
+ <AppNavigation />
+ <main id="#main-content">
+ <router-view />
+ </main>
+ </div>
+</template>
+
+<style lang="scss">
+@import "@/assets/styles/_obmc-custom";
+</style>
+
+<script>
+import AppHeader from "@/components/AppHeader";
+import AppNavigation from "@/components/AppNavigation";
+export default {
+ name: "App",
+ components: {
+ AppHeader,
+ AppNavigation
+ }
+};
+</script>