From f06f4b849d11e98c6b948530c6d9e2ddaeabea2d Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Sun, 12 Apr 2020 16:41:40 +0200
Subject: [PATCH 1/5] Add Signin View

---
 web/src/views/Signin.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 web/src/views/Signin.vue

diff --git a/web/src/views/Signin.vue b/web/src/views/Signin.vue
new file mode 100644
index 0000000..87b221d
--- /dev/null
+++ b/web/src/views/Signin.vue
@@ -0,0 +1,18 @@
+<template>
+    <div id="app">
+        <Navbar/>
+        <b-container class="mt-5">
+        </b-container>
+    </div>
+</template>
+
+<script>
+    import Navbar from "@/components/Navbar";
+
+    export default {
+        name: 'Home',
+        components: {
+            Navbar
+        }
+    }
+</script>
\ No newline at end of file

From 5d93b8054ea4f5d40df161f4511be4aad8b9940f Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Sun, 12 Apr 2020 16:42:36 +0200
Subject: [PATCH 2/5] Add Signin route

---
 web/src/router/index.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web/src/router/index.js b/web/src/router/index.js
index 5f43ce0..52ee0c1 100644
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -2,6 +2,7 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
 import Signup from '../views/Signup.vue'
+import Signin from '../views/Signin.vue'
 
 Vue.use(VueRouter)
 
@@ -15,6 +16,11 @@ const routes = [
         path: '/signup',
         name: 'Signup',
         component: Signup
+    },
+    {
+        path: '/signin',
+        name: 'Signin',
+        component: Signin
     }
 ]
 

From 3d1722fc62347ed03b1c9351005fc796bb79210b Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Sun, 12 Apr 2020 16:58:29 +0200
Subject: [PATCH 3/5] Update status code for ApiError.InvalidCredentialError

---
 api/src/controllers/UserController.kt | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/api/src/controllers/UserController.kt b/api/src/controllers/UserController.kt
index f8800f8..304181f 100644
--- a/api/src/controllers/UserController.kt
+++ b/api/src/controllers/UserController.kt
@@ -36,11 +36,11 @@ class UserController(kodein: Kodein) : KodeinController(kodein) {
                 .where { Users.username eq credential.username }
                 .map { row -> row[Users.email]!! to row[Users.password]!! }
                 .firstOrNull()
-                ?: return@post call.respond(HttpStatusCode.BadRequest, ApiError.InvalidCredentialError)
+                ?: return@post call.respond(HttpStatusCode.Unauthorized, ApiError.InvalidCredentialError)
 
 
             if (!BCrypt.checkpw(credential.password, password)) {
-                return@post call.respond(HttpStatusCode.BadRequest, ApiError.InvalidCredentialError)
+                return@post call.respond(HttpStatusCode.Unauthorized, ApiError.InvalidCredentialError)
             }
 
             return@post call.respond(Response(simpleJwt.sign(email)))

From a92a0d1c7ef97a4f76e0a566de6eab815fa21972 Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Sun, 12 Apr 2020 17:00:07 +0200
Subject: [PATCH 4/5] Add Signin component

---
 web/src/components/SigninForm.vue | 73 +++++++++++++++++++++++++++++++
 web/src/views/Signin.vue          |  5 ++-
 2 files changed, 77 insertions(+), 1 deletion(-)
 create mode 100644 web/src/components/SigninForm.vue

diff --git a/web/src/components/SigninForm.vue b/web/src/components/SigninForm.vue
new file mode 100644
index 0000000..395591d
--- /dev/null
+++ b/web/src/components/SigninForm.vue
@@ -0,0 +1,73 @@
+<template>
+    <div>
+        <b-card class="mt-3" header="Sign in">
+            <b-form @submit.prevent="signin">
+
+                <b-form-group id="username-group" label="Username:" label-for="username">
+                    <b-form-input
+                            id="username"
+                            v-model="form.username"
+                            required
+                            placeholder="Enter a username"
+                    ></b-form-input>
+                </b-form-group>
+
+                <b-form-group id="password-group" label="Password:" label-for="password">
+                    <b-form-input
+                            id="password"
+                            v-model="form.password"
+                            required
+                            placeholder="Enter a password"
+                            type="password"
+                    ></b-form-input>
+                </b-form-group>
+
+                <b-button type="submit" variant="primary">Submit</b-button>
+            </b-form>
+
+            <b-alert :show="invalid" variant="danger" dismissible class="mt-3">
+                Invalid credential
+            </b-alert>
+            <b-alert :show="error" variant="danger" dismissible class="mt-3">
+                An error occurred while signin in
+            </b-alert>
+
+        </b-card>
+    </div>
+</template>
+
+<script>
+    import Api from '@/api'
+
+    export default {
+        name: "SignupForm",
+        data() {
+            return {
+                form: {
+                    username: '',
+                    password: '',
+                },
+                error: false,
+                invalid: false,
+            }
+        },
+        methods: {
+            signin() {
+                this.error = false
+                this.invalid = false
+
+                Api.post('/signin', {
+                    username: this.form.username,
+                    password: this.form.password
+                })
+                    .then(response => console.log(response.data))
+                    .catch(error => {
+                        if (error.response && error.response.status === 401)
+                            this.invalid = true
+                        else
+                            this.error = true
+                    })
+            }
+        }
+    }
+</script>
diff --git a/web/src/views/Signin.vue b/web/src/views/Signin.vue
index 87b221d..a50e00d 100644
--- a/web/src/views/Signin.vue
+++ b/web/src/views/Signin.vue
@@ -2,17 +2,20 @@
     <div id="app">
         <Navbar/>
         <b-container class="mt-5">
+            <SigninForm/>
         </b-container>
     </div>
 </template>
 
 <script>
     import Navbar from "@/components/Navbar";
+    import SigninForm from "@/components/SigninForm";
 
     export default {
         name: 'Home',
         components: {
-            Navbar
+            Navbar,
+            SigninForm
         }
     }
 </script>
\ No newline at end of file

From 1363ad489e74645232e6803779ddad85f6bfd82d Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Sun, 12 Apr 2020 17:33:03 +0200
Subject: [PATCH 5/5] Add setToken in VueX and call it from SigninForm

---
 web/src/components/SigninForm.vue |  8 +++++++-
 web/src/store/index.js            | 17 +++++++++--------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/web/src/components/SigninForm.vue b/web/src/components/SigninForm.vue
index 395591d..61d9b96 100644
--- a/web/src/components/SigninForm.vue
+++ b/web/src/components/SigninForm.vue
@@ -38,6 +38,7 @@
 
 <script>
     import Api from '@/api'
+    import {mapMutations} from "vuex";
 
     export default {
         name: "SignupForm",
@@ -52,6 +53,8 @@
             }
         },
         methods: {
+            ...mapMutations(['setToken']),
+
             signin() {
                 this.error = false
                 this.invalid = false
@@ -60,8 +63,11 @@
                     username: this.form.username,
                     password: this.form.password
                 })
-                    .then(response => console.log(response.data))
+                    .then(response => {
+                        this.setToken({token: response.data.token})
+                    })
                     .catch(error => {
+                        console.log(error)
                         if (error.response && error.response.status === 401)
                             this.invalid = true
                         else
diff --git a/web/src/store/index.js b/web/src/store/index.js
index 332b916..387862b 100644
--- a/web/src/store/index.js
+++ b/web/src/store/index.js
@@ -4,12 +4,13 @@ import Vuex from 'vuex'
 Vue.use(Vuex)
 
 export default new Vuex.Store({
-  state: {
-  },
-  mutations: {
-  },
-  actions: {
-  },
-  modules: {
-  }
+    state: {
+        token: ''
+    },
+    mutations: {
+        setToken: (state, {token}) => {
+            state.token = token;
+        }
+    },
+    actions: {}
 })