- {{ $t('form.change_username_info') }}
+
+
+
+
+ {{ $t('form.username') }}
+
+
+
+
+ {{ error }}
+
+
+
+ {{ $t('form.change_username_info') }}
+
+
+
+
+
+
+
+
+ {{ $t('form.save') }}
+
-
-
-
-
-
-
-
-
-
- {{ $t('form.save') }}
-
-
-
-
+
+
+
+
@@ -66,7 +73,7 @@ export default {
name: 'FormUsername',
data() {
return {
- editUsername: true,
+ showUsername: true,
username: this.$store.state.username,
form: {
username: this.$store.state.username,
@@ -74,6 +81,10 @@ export default {
}
},
methods: {
+ cancelEdit() {
+ this.username = this.$store.state.username
+ this.showUsername = true
+ },
async onSubmit() {
const result = await loginAPI.changeUsernameProfile(
this.$store.state.sessionId,
@@ -82,13 +93,21 @@ export default {
)
if (result.success) {
this.$store.commit('username', this.form.username)
- this.editUserdata = this.editUsername = !this.editUsername
- alert('Dein Username wurde geändert.')
+ this.username = this.form.username
+ this.showUsername = true
+ this.$toast.success(this.$t('site.profil.user-data.change-success'))
} else {
- alert(result.result.message)
+ this.$toast.error(result.result.message)
+ this.showUsername = true
+ this.username = this.$store.state.username
+ this.form.username = this.$store.state.username
}
},
},
}
-
+
diff --git a/frontend/src/views/Pages/UserProfileOverview.spec.js b/frontend/src/views/Pages/UserProfileOverview.spec.js
index 617e0ade0..0fab63d4b 100644
--- a/frontend/src/views/Pages/UserProfileOverview.spec.js
+++ b/frontend/src/views/Pages/UserProfileOverview.spec.js
@@ -27,9 +27,9 @@ describe('UserProfileOverview', () => {
expect(wrapper.findComponent({ name: 'FormUserData' }).exists()).toBeTruthy()
})
- it('has a user name form', () => {
- expect(wrapper.findComponent({ name: 'FormUsername' }).exists()).toBeTruthy()
- })
+ // it('has a user name form', () => {
+ // expect(wrapper.findComponent({ name: 'FormUsername' }).exists()).toBeTruthy()
+ // })
it('has a user password form', () => {
expect(wrapper.findComponent({ name: 'FormUserPasswort' }).exists()).toBeTruthy()
diff --git a/frontend/src/views/Pages/UserProfileOverview.vue b/frontend/src/views/Pages/UserProfileOverview.vue
index 0708a2329..67073fa60 100644
--- a/frontend/src/views/Pages/UserProfileOverview.vue
+++ b/frontend/src/views/Pages/UserProfileOverview.vue
@@ -2,21 +2,21 @@
-
+