From ec75210fd387f274393334e223008d2f9f3a2f05 Mon Sep 17 00:00:00 2001
From: Bob <admin@example.com>
Date: Sat, 11 Sep 2021 03:10:00 +0000
Subject: [PATCH] add password plain text toggle

---
 web/src/views/Login.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 263852e1..901a4863 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -17,16 +17,22 @@
                 lazy-rules
                 :rules="[val => (val && val.length > 0) || 'This field is required']"
               />
-
               <q-input
-                type="password"
-                filled
                 v-model="credentials.password"
+                filled
+                :type="isPwd ? 'password' : 'text'"
                 label="Password"
                 lazy-rules
                 :rules="[val => (val && val.length > 0) || 'This field is required']"
-              />
-
+              >
+                <template v-slot:append>
+                  <q-icon
+                    :name="isPwd ? 'visibility_off' : 'visibility'"
+                    class="cursor-pointer"
+                    @click="isPwd = !isPwd"
+                  />
+                </template>
+              </q-input>
               <div>
                 <q-btn label="Login" type="submit" color="primary" class="full-width" />
               </div>
@@ -70,6 +76,7 @@ export default {
     return {
       credentials: {},
       prompt: false,
+      isPwd: true,
     };
   },