make passwords editable again! fixes #709

elan-ev · Aug 9, 2023 · 3c2aec8 · 3c2aec8
1 parent ee7d4aa
commit 3c2aec8
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/vueapp/components/Config/ConfigOption.vue b/vueapp/components/Config/ConfigOption.vue
@@ -84,8 +84,10 @@
 
  <div class="input-group files-search oc--admin-password">
 
- <input :type="passwordVisible ?'text' : 'password'"
+ <input :type="passwordVisible ? 'text' : 'password'"
  @change="updateHiddenPassword"
+ @focusin="clearTextFieldIfHidden"
+ @focusout="fillTextFieldIfHidden"
  v-model="password"
  :placeholder="setting.placeholder"
  >
@@ -116,7 +118,7 @@ export default {
 
  data() {
  return {
- password: '',
+ password: '*****',
  passwordVisible: false
  }
  },
@@ -129,14 +131,6 @@ export default {
  }
  },
 
- updated() {
- if (!this.passwordVisible && this.setting.type == 'password'
- && this.setting.value)
- {
- this.password = '*****';
- }
- },
-
  methods: {
  setValue(newValue) {
  this.$emit('updateValue', this.setting, newValue);
@@ -158,6 +152,20 @@ export default {
 
  updateHiddenPassword() {
  this.setValue(this.password);
+ },
+
+ clearTextFieldIfHidden()
+ {
+ if (!this.passwordVisible && this.password == '*****') {
+ this.password = '';
+ }
+ },
+
+ fillTextFieldIfHidden()
+ {
+ if (!this.passwordVisible && this.password.length == 0) {
+ this.password = '*****';
+ }
  }
  }
 }