Frontend: Fix "show password" button in settings dialogs photoprism#3168

Signed-off-by: Michael Mayer <michael@photoprism.app>

Author: lastzero

frontend/src/component/service/add.vue

@@ -42,7 +42,7 @@
                 autocomplete="new-password"
                 :label="$gettext('Password')"
                 :placeholder="$gettext('optional')"
-                :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
                 :type="showPassword ? 'text' : 'password'"
                 @click:append-inner="showPassword = !showPassword"
               ></v-text-field>

frontend/src/component/service/edit.vue

@@ -169,7 +169,7 @@
                 autocomplete="new-password"
                 :label="$gettext('Password')"
                 placeholder="********"
-                :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
                 :type="showPassword ? 'text' : 'password'"
                 @click:append-inner="showPassword = !showPassword"
               ></v-text-field>

frontend/src/component/settings/apps.vue

@@ -41,7 +41,7 @@
                   autocapitalize="none"
                   autocomplete="current-password"
                   class="input-password text-monospace text-selectable"
-                  :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                  :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
                   prepend-inner-icon="mdi-lock"
                   @click:append-inner="showPassword = !showPassword"
                   @keyup.enter="onConfirm"

frontend/src/component/settings/passcode.vue

@@ -46,7 +46,7 @@
                   autocomplete="current-password"
                   class="input-password text-selectable"
                   prepend-inner-icon="mdi-lock"
-                  :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                  :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
                   @click:append-inner="showPassword = !showPassword"
                   @keyup.enter="onSetup"
                 ></v-text-field>
@@ -215,7 +215,7 @@
                   :placeholder="$gettext('Password')"
                   class="input-password text-selectable"
                   prepend-inner-icon="mdi-lock"
-                  :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                  :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
                   @click:append-inner="showPassword = !showPassword"
                   @keyup.enter="onDeactivate"
                 ></v-text-field>

frontend/src/component/settings/password.vue

@@ -21,13 +21,13 @@
               <v-text-field
                 v-model="oldPassword"
                 hide-details
-                type="password"
+                :type="showPassword ? 'text' : 'password'"
                 autocorrect="off"
                 autocapitalize="none"
                 autocomplete="current-password"
                 :disabled="busy"
                 :maxlength="maxLength"
-                :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
                 :label="$gettext('Current Password')"
                 class="input-current-password"
                 @click:append-inner="showPassword = !showPassword"

frontend/src/component/share/dialog.vue

@@ -89,7 +89,7 @@
                         :label="label.pass"
                         :placeholder="link.HasPassword ? '••••••••' : 'optional'"
                         color="surface-variant"
-                        :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                        :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
                         :type="showPassword ? 'text' : 'password'"
                         @click:append-inner="showPassword = !showPassword"
                       ></v-text-field>

frontend/src/page/auth/login.vue

@@ -95,7 +95,7 @@
                         autocapitalize="none"
                         autocomplete="current-password"
                         class="input-password text-selectable"
-                        :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                        :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
                         prepend-inner-icon="mdi-lock"
                         @click:append-inner="showPassword = !showPassword"
                         @keyup.enter="onLogin"