Add hotkey for view password

src/components/base/UserInput.tsx

@@ -9,7 +9,6 @@ import { PageModule } from '@/store/page'
 })
 export default class UserInput extends Vue {
   logging = false
-  viewPassword = false
 
   get user() {
     return AppModule.currentUser
@@ -19,6 +18,10 @@ export default class UserInput extends Vue {
     return AppModule.password
   }
 
+  get showPassword() {
+    return AppModule.showPassword
+  }
+
   login() {
     AppModule.login()
   }
@@ -27,10 +30,6 @@ export default class UserInput extends Vue {
     AppModule.SET_STATE_APP({ key: 'password', value: (event.target as HTMLInputElement)?.value || '' })
   }
 
-  toggleShowPassword() {
-    this.viewPassword = !this.viewPassword
-  }
-
   openSettings(event: Event) {
     event.preventDefault()
     event.stopPropagation()
@@ -44,7 +43,7 @@ export default class UserInput extends Vue {
 
       <input
         id='password'
-        type={ this.viewPassword ? 'text' : 'password'}
+        type={ this.showPassword ? 'text' : 'password'}
         name='password'
         autocomplete='on'
         autofocus
@@ -57,9 +56,9 @@ export default class UserInput extends Vue {
       />
 
       <AppIcon
-        class={ ['icon icon-eye', { hide: !this.viewPassword }] }
+        class={ ['icon icon-eye', { hide: !this.showPassword }] }
         name='eye'
-        onClick={ this.toggleShowPassword }
+        onClick={ AppModule.toggleShowPassword }
       />
 
       <button

src/components/base/settings/SettingsView.tsx

@@ -39,7 +39,9 @@ export default class SettingsView extends Vue {
     const activeTab = <div key={this.mainTabIndex}> { mapTabs[this.mainTabIndex] } </div>
 
     return <div class='user-settings'>
-      { activeTab }
+      <keep-alive>
+        { activeTab }
+      </keep-alive>
     </div>
   }
 }

src/utils/hotkeys.ts

@@ -42,6 +42,13 @@ export const hotkeys = [
       AppModule.randomizeSettingsTheme()
     }
   },
+  {
+    keys: [modKey, 'i'],
+    title: `${prefixTitle}show-password`,
+    callback: () => {
+      AppModule.toggleShowPassword()
+    }
+  },
   {
     keys: [modKey, 'P'],
     title: `${prefixTitle}poweroff`,