Add login to bookshop Vue.js app (#358)

2022-05-19 12:16:11 +02:00
parent ee4dcf116c
commit a893184736
5 changed files with 35 additions and 19 deletions
--- a/bookshop/app/vue/index.html
+++ b/bookshop/app/vue/index.html
@@ -18,11 +18,17 @@
 <body class="small-container", style="margin-top: 70px;">
 <div id='app'>

-    <div v-if="user" class="user">
-        <div>User: {{ user.id || 'anonymous' }}</div>
-        <div>Locale: {{ user.locale }}</div>
-        <div v-if="user.tenant">Tenant: {{ user.tenant }}</div>
-    </div>
+    <form class="user" @submit.prevent="login">
+        <div v-if="user">
+            <div v-if="user.tenant">Tenant: {{ user.tenant }}</div>
+            <div> User: {{ user.id }}</div>
+            <div>Locale: {{ user.locale }}</div>
+        </div>
+        <div v-else>
+            <input type="submit" value="Login" class="muted-button">
+            <!-- <a href="/user/login()">Login</a> -->
+        </div>
+    </form>

    <h1> Capire Books </h1>