From 0e2277f1edc27802962be1fe5e7065fe13264bed Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Tue, 18 May 2021 10:26:40 +0200
Subject: [PATCH] bug-login password change show hide inserted

---
 frontend/src/views/Pages/Login.vue | 29 ++++++++++++++++++++---------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/Pages/Login.vue b/frontend/src/views/Pages/Login.vue
index b04bce7b0..c3c3b1bd0 100755
--- a/frontend/src/views/Pages/Login.vue
+++ b/frontend/src/views/Pages/Login.vue
@@ -34,15 +34,22 @@
                     v-model="model.email"
                   ></base-input>
 
-                  <base-input
-                    alternative
-                    class="mb-3"
-                    name="Password"
-                    prepend-icon="ni ni-lock-circle-open"
-                    type="password"
-                    :placeholder="$t('form.password')"
-                    v-model="model.password"
-                  ></base-input>
+                  <b-input-group>
+                    <b-form-input
+                      class="mb-0"
+                      v-model="model.password"
+                      name="Password"
+                      :type="passwordVisible ? 'text' : 'password'"
+                      prepend-icon="ni ni-lock-circle-open"
+                      :placeholder="$t('form.password')"
+                    ></b-form-input>
+
+                    <b-input-group-append>
+                      <b-button variant="outline-primary" @click="togglePasswordVisibility">
+                        <b-icon :icon="passwordVisible ? 'eye' : 'eye-slash'" />
+                      </b-button>
+                    </b-input-group-append>
+                  </b-input-group>
 
                   <b-alert v-show="loginfail" show dismissible variant="warning">
                     <span class="alert-text bv-example-row">
@@ -98,9 +105,13 @@ export default {
       },
       loginfail: false,
       allowRegister: CONFIG.ALLOW_REGISTER,
+      passwordVisible: false,
     }
   },
   methods: {
+    togglePasswordVisibility() {
+      this.passwordVisible = !this.passwordVisible
+    },
     async onSubmit() {
       // error info  ausschalten
       this.loginfail = false