summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/AccountModule.vue
diff options
context:
space:
mode:
authorJannik Schönartz2019-02-23 07:03:47 +0100
committerJannik Schönartz2019-02-23 07:03:47 +0100
commite31063946b844d97fb538cf70d8f27359645844d (patch)
tree0dcb47b1ffeb79bf4c3a66da36b8110e98c49538 /webapp/src/components/AccountModule.vue
parent[Account] Add password change functionality (diff)
downloadbas-e31063946b844d97fb538cf70d8f27359645844d.tar.gz
bas-e31063946b844d97fb538cf70d8f27359645844d.tar.xz
bas-e31063946b844d97fb538cf70d8f27359645844d.zip
[account] Language tags and small design fix
Diffstat (limited to 'webapp/src/components/AccountModule.vue')
-rw-r--r--webapp/src/components/AccountModule.vue48
1 files changed, 29 insertions, 19 deletions
diff --git a/webapp/src/components/AccountModule.vue b/webapp/src/components/AccountModule.vue
index 3ac6af7..1283a89 100644
--- a/webapp/src/components/AccountModule.vue
+++ b/webapp/src/components/AccountModule.vue
@@ -2,6 +2,9 @@
{
"en": {
"accountInfo": "Info",
+ "name": "Name",
+ "email": "E-Mail",
+ "password": "Password",
"passwordConfirm": "Retype password",
"passwordChanged": "Password successfully changed.",
"passwordCurrent": "Current password",
@@ -16,10 +19,15 @@
"passwordRequirement3": "0+ [a-z]",
"passwordRequirement4": "0+ [A-Z]",
"passwordRequirement5": "0+ [!\"§$%&/()=?+#*.:,;]",
- "passwordRequirements": "Password requirements"
+ "passwordRequirements": "Password requirements",
+ "security": "Security",
+ "username": "Username"
},
"de": {
"accountInfo": "Info",
+ "name": "Name",
+ "email": "E-Mail",
+ "password": "Passwort",
"passwordChanged": "Passwort wurde erfolgreich geändert.",
"passwordConfirm": "Passwort wiederholen",
"passwordCurrent": "Aktuelles Passwort",
@@ -34,7 +42,9 @@
"passwordRequirement3": "0+ [a-z]",
"passwordRequirement4": "0+ [A-Z]",
"passwordRequirement5": "0+ [!\"§$%&/()=?+#*'-_.:,;]",
- "passwordRequirements": "Passwort anforderungen"
+ "passwordRequirements": "Passwort anforderungen",
+ "security": "Sicherheit",
+ "username": "Benutzername"
}
}
</i18n>
@@ -60,7 +70,7 @@
<v-card>
<v-card-text>
<v-layout wrap>
- <v-flex lg4 md6 xs12 order-lg1 order-xs2>
+ <v-flex lg4 md6 sm6 xs12 order-lg1 order-xs1>
<v-layout column>
<div class="info-input">
<div class="body-2 info-heading"><v-icon>account_circle</v-icon><span>{{ $t('username') }}</span></div>
@@ -68,7 +78,7 @@
</div>
</v-layout>
</v-flex>
- <v-flex lg4 md6 xs12 order-lg2 order-xs3>
+ <v-flex lg4 md6 sm6 xs12 order-lg2 order-xs2>
<v-layout column>
<div class="info-input">
<div class="body-2 info-heading"><v-icon>label</v-icon><span>{{ $t('name') }}</span></div>
@@ -76,7 +86,7 @@
</div>
</v-layout>
</v-flex>
- <v-flex lg4 md6 xs12 order-lg2 order-xs3>
+ <v-flex lg4 md6 sm6 xs12 order-lg2 order-xs3>
<v-layout column>
<div class="info-input">
<div class="body-2 info-heading"><v-icon>email</v-icon><span>{{ $t('email') }}</span></div>
@@ -93,20 +103,7 @@
<v-card-text>
<v-layout wrap>
- <v-flex lg4 md6 xs12 order-lg1 order-xs2>
- <v-layout column>
- <div class="info-input">
- <div class="body-2 info-heading"><v-icon>ballot</v-icon><span>{{ $t('passwordRequirements') }}</span></div>
- <div class="info-text">{{ $t('passwordRequirement1') }}</div>
- <div class="info-text">{{ $t('passwordRequirement2') }}</div>
- <div class="info-text">{{ $t('passwordRequirement3') }}</div>
- <div class="info-text">{{ $t('passwordRequirement4') }}</div>
- <div class="info-text">{{ $t('passwordRequirement5') }}</div>
- </div>
- </v-layout>
- </v-flex>
-
- <v-flex lg4 md6 xs12 order-lg1 order-xs2>
+ <v-flex lg4 md6 sm6 xs12 order-lg1 order-xs2>
<v-layout column>
<div class="info-input">
<div class="body-2 info-heading"><v-icon>lock</v-icon><span>{{ $t('password') }}</span></div>
@@ -140,6 +137,19 @@
</v-layout>
</v-flex>
+ <v-flex lg4 md6 sm6 xs12 order-lg1 order-xs2>
+ <v-layout column>
+ <div class="info-input" v-if="editPasswordMode">
+ <div class="body-2 info-heading"><v-icon>ballot</v-icon><span>{{ $t('passwordRequirements') }}</span></div>
+ <div class="info-text">{{ $t('passwordRequirement1') }}</div>
+ <div class="info-text">{{ $t('passwordRequirement2') }}</div>
+ <div class="info-text">{{ $t('passwordRequirement3') }}</div>
+ <div class="info-text">{{ $t('passwordRequirement4') }}</div>
+ <div class="info-text">{{ $t('passwordRequirement5') }}</div>
+ </div>
+ </v-layout>
+ </v-flex>
+
<v-flex lg4 xs12 order-lg3 order-xs1 class="text-xs-right">
<div class="info-input">
<v-btn v-if="!editPasswordMode" color="primary" flat @click="editPassword" class="info-buttons">