From 748670d54933efc3802c16304cac634d1d3c5fda Mon Sep 17 00:00:00 2001
From: Pranav C Balan <pranavxc@gmail.com>
Date: Wed, 2 Jun 2021 18:12:33 +0530
Subject: [PATCH] feat(gui): add toggle button for password field

Signed-off-by: Pranav C Balan <pranavxc@gmail.com>
---
 .../components/project/appStore/inputs/passwordField.vue  | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/project/appStore/inputs/passwordField.vue b/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
index 5d20dcb023..18c057c2cb 100644
--- a/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
@@ -3,14 +3,18 @@
   todo : add toggle button
   -->
   <v-text-field
-    type="password"
+    :type="show ? 'text' : 'password'"
     dense
     outlined
     :rules="[v => !!v || !inputDetails.required  || 'Required']"
     :name="inputDetails.key"
     :required="inputDetails.valid"
     :placeholder="inputDetails.placeholder || ''"
-    v-on="parentListeners" v-model="localState" class="caption"/>
+    v-on="parentListeners" v-model="localState" class="caption">
+    <template v-slot:append>
+      <v-icon @click="show = !show">{{show ? 'visibility_off' : 'visibility'}}</v-icon>
+    </template>
+  </v-text-field>
 </template>
 
 <script>