Bookshop showing user info

Show current user name, locale and tenant (if available). Useful in deployments w/ real auth and tenant contexts.
2022-03-28 13:54:16 +02:00
parent 5fc86d45ad
commit bb55c432c9
5 changed files with 68 additions and 6 deletions
--- a/bookshop/app/vue/index.html
+++ b/bookshop/app/vue/index.html
@@ -11,12 +11,19 @@
        .rating-stars { color:teal }
        .succeeded { color:teal }
        .failed { color:red }
+        .user {text-align: end; color: grey;}
    </style>
 </head>

 <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>
+
    <h1> Capire Books </h1>

    <input type="text" placeholder="Search..." @input="search">