summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/StartPage.vue
diff options
context:
space:
mode:
authorJannik Schönartz2019-02-22 02:59:26 +0100
committerJannik Schönartz2019-02-22 02:59:26 +0100
commit892a048d072d05886951bcb92e6b61c2094a6463 (patch)
tree2ff89b4d69c829304f55d529203eed985aaac413 /webapp/src/components/StartPage.vue
parentrework user api to rest (diff)
downloadbas-892a048d072d05886951bcb92e6b61c2094a6463.tar.gz
bas-892a048d072d05886951bcb92e6b61c2094a6463.tar.xz
bas-892a048d072d05886951bcb92e6b61c2094a6463.zip
[authentication] Implement initial root account setup
[backend] Reworked authentication library to the api structure Add authentication api to remove the login routes from the router.js [webapp] Split login Page in StartPage + Login/Setup Add Setup Page for the initial root creation
Diffstat (limited to 'webapp/src/components/StartPage.vue')
-rw-r--r--webapp/src/components/StartPage.vue53
1 files changed, 53 insertions, 0 deletions
diff --git a/webapp/src/components/StartPage.vue b/webapp/src/components/StartPage.vue
new file mode 100644
index 0000000..fa5da86
--- /dev/null
+++ b/webapp/src/components/StartPage.vue
@@ -0,0 +1,53 @@
+<i18n>
+{
+ "en": {
+ },
+ "de": {
+ }
+}
+</i18n>
+
+<template>
+ <v-app dark class="grey darken-4 non-selectable">
+ <div class="start-page">
+ <img class="logo non-draggable" src="@/assets/logo.svg" />
+ <router-view></router-view>
+ </div>
+ <notifications-snackbars></notifications-snackbars>
+ </v-app>
+</template>
+
+<script>
+import NotificationsSnackbars from '@/components/NotificationsSnackbars'
+import StartPageLogin from '@/components/StartPageLogin'
+import StartPageSetup from '@/components/StartPageSetup'
+export default {
+ name: 'StartPage',
+ routes () {
+ return [
+ { name: 'login', path: 'login', component: StartPageLogin },
+ { name: 'setup', path: 'setup', component: StartPageSetup }
+ ]
+ },
+ components: {
+ NotificationsSnackbars
+ }
+}
+</script>
+
+<style scoped>
+.start-page {
+ height: 100%;
+ width: 100%;
+ min-height: 500px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+.logo {
+ height: 180px;
+ margin-bottom: 60px;
+}
+</style>