Browse Source

feat(gui): add toggle button for password field

Signed-off-by: Pranav C Balan <pranavxc@gmail.com>
pull/223/head
Pranav C Balan 3 years ago
parent
commit
748670d549
  1. 8
      packages/nc-gui/components/project/appStore/inputs/passwordField.vue

8
packages/nc-gui/components/project/appStore/inputs/passwordField.vue

@ -3,14 +3,18 @@
todo : add toggle button todo : add toggle button
--> -->
<v-text-field <v-text-field
type="password" :type="show ? 'text' : 'password'"
dense dense
outlined outlined
:rules="[v => !!v || !inputDetails.required || 'Required']" :rules="[v => !!v || !inputDetails.required || 'Required']"
:name="inputDetails.key" :name="inputDetails.key"
:required="inputDetails.valid" :required="inputDetails.valid"
:placeholder="inputDetails.placeholder || ''" :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> </template>
<script> <script>

Loading…
Cancel
Save