luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Frontend: Improve login form

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-09-21 02:21:06 +02:00
parent ed1806e17b
commit 23c1e429bc
3 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/package-lock.json generated
View file

@ -8641,9 +8641,9 @@
}
},
"material-design-icons-iconfont": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/material-design-icons-iconfont/-/material-design-icons-iconfont-5.0.1.tgz",
"integrity": "sha512-Xg6rIdGrfySTqiTZ6d+nQbcFepS6R4uKbJP0oAqyeZXJY/bX6mZDnOmmUJusqLXfhIwirs0c++a6JpqVa8RFvA=="
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/material-design-icons-iconfont/-/material-design-icons-iconfont-6.1.0.tgz",
"integrity": "sha512-wRJtOo1v1ch+gN8PRsj0IGJznk+kQ8mz13ds/nuhLI+Qyf/931ZlRpd92oq0IRPpZIb+bhX8pRjzIVdcPDKmiQ=="
},
"md5": {
"version": "2.3.0",

2
frontend/package.json
View file

@ -76,7 +76,7 @@
"karma-webpack": "^4.0.2",
"luxon": "^1.25.0",
"mapbox-gl": "^1.12.0",
"material-design-icons-iconfont": "^5.0.1",
"material-design-icons-iconfont": "^6.1.0",
"mediaelement": "^4.2.16",
"mini-css-extract-plugin": "^0.7.0",
"minimist": "^1.2.5",

8
frontend/src/pages/login.vue
View file

@ -16,7 +16,7 @@
:label="$gettext('Name')"
color="accent"
v-model="username"
flat solo required
flat solo required hide-details
type="text"
></v-text-field>
</v-flex>
@ -26,21 +26,21 @@
:label="$gettext('Password')"
color="accent"
v-model="password"
flat solo required
flat solo required hide-details
:append-icon="showPassword ? 'visibility' : 'visibility_off'"
:type="showPassword ? 'text' : 'password'"
@click:append="showPassword = !showPassword"
@keyup.enter.native="login"
></v-text-field>
</v-flex>
<v-flex xs12 class="pa-2">
<v-flex xs12 class="px-2 py-3">
<v-btn color="secondary-dark"
class="white--text ml-0"
depressed
:disabled="loading || !this.password || !this.username"
@click.stop="login">
<translate>Sign in</translate>
<v-icon right dark>vpn_key</v-icon>
<v-icon right dark>login</v-icon>
</v-btn>
</v-flex>
</v-layout>