From d6c7d9abf3fa25d73732ae8310e6745a16808f25 Mon Sep 17 00:00:00 2001
From: Axolotle <nchesnais@mailoo.org>
Date: Wed, 8 Jul 2020 18:08:07 +0200
Subject: [PATCH] add login view

---
 app/src/routes.js       |  9 +++------
 app/src/views/Login.vue | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 6 deletions(-)
 create mode 100644 app/src/views/Login.vue

diff --git a/app/src/routes.js b/app/src/routes.js
index 81ee49ae..3fa45b13 100644
--- a/app/src/routes.js
+++ b/app/src/routes.js
@@ -1,12 +1,9 @@
 import Home from './views/Home'
-
+import Login from './views/Login'
 
 const routes = [
-    {
-        path: '/',
-        name: 'Home',
-        component: Home
-    },
+    {path: '/', component: Home},
+    {path: '/login', component: Login},
 ]
 
 export default routes
diff --git a/app/src/views/Login.vue b/app/src/views/Login.vue
new file mode 100644
index 00000000..79dd3acd
--- /dev/null
+++ b/app/src/views/Login.vue
@@ -0,0 +1,33 @@
+<template>
+    <b-form @submit.prevent="login">
+        <!-- TODO add hidden domain input -->
+        <b-input-group>
+            <template v-slot:prepend>
+                <b-input-group-text>
+                    <label class="sr-only" for="input-password" >{{ $t('password') }}</label>
+                    <icon iname="lock" class="sm"/>
+                </b-input-group-text>
+            </template>
+            <b-form-input required type="password" v-model="password" id="input-password" :placeholder="$t('administration_password')"></b-form-input>
+            <b-input-group-append>
+                <b-button type="submit" variant="success">{{ $t('login') }}</b-button>
+            </b-input-group-append>
+        </b-input-group>
+    </b-form>
+</template>
+
+<script>
+export default {
+    name: 'Login',
+    data: () => {
+        return {
+            password: ''
+        }
+    },
+    methods: {
+        login: function () {
+            console.log(this.password);
+        }
+    }
+}
+</script>