Mercurial > gemma

changeset 1953:3ccdd635d4fd

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
import schedule: password field instead of plaintext
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 22 Jan 2019 16:14:35 +0100
parents bafe68178528
children 15af36e41f27 984bec1f315b
files client/src/components/importschedule/Importscheduledetail.vue
diffstat 1 files changed, 22 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importschedule/Importscheduledetail.vue	Tue Jan 22 16:12:20 2019 +0100
+++ b/client/src/components/importschedule/Importscheduledetail.vue	Tue Jan 22 16:14:35 2019 +0100
@@ -138,8 +138,20 @@
                     <translate>Password</translate>
                   </small>
                 </div>
-                <div class="w-100">
-                  <input v-model="password" class="form-control" type="text" />
+                <div class="w-100 d-flex flex-row">
+                  <input
+                    v-model="password"
+                    class="form-control"
+                    :type="showPassword"
+                  />
+                  <span
+                    class="input-group-text ml-2"
+                    @click="passwordVisible = !passwordVisible"
+                  >
+                    <font-awesome-icon
+                      :icon="passwordVisible ? 'eye-slash' : 'eye'"
+                    ></font-awesome-icon>
+                  </span>
                 </div>
                 <div v-if="!password" class="d-flex flex-row">
                   <small
@@ -552,7 +564,10 @@
 export default {
   name: "importscheduledetail",
   data() {
-    return initializeCurrentSchedule();
+    return {
+      passwordVisible: false,
+      ...initializeCurrentSchedule()
+    };
   },
   IMPORTTYPES: IMPORTTYPES,
   EVERY: app.$gettext("Every"),
@@ -628,6 +643,10 @@
   },
   computed: {
     ...mapState("imports", ["importScheduleDetailVisible", "currentSchedule"]),
+    showPassword() {
+      if (this.passwordVisible) return "text";
+      return "password";
+    },
     dialogLabel() {
       if (this.id) return this.$gettext("Import") + " " + this.id;
       return this.$gettext("New Import");