knadh/listmonk
1
1
Fork 0
mirror of https://github.com/knadh/listmonk.git synced 2024-09-20 07:16:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update profile UI with new user data structures.

Browse source
This commit is contained in:
Kailash Nadh 2024-09-02 21:46:06 +05:30
parent 95f63a13af
commit 806e499e87
2 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
cmd/lists.go
View file

@ -189,6 +189,6 @@ func listPerm(next echo.HandlerFunc) echo.HandlerFunc {
} }
} }
return echo.NewHTTPError(http.StatusBadRequest, app.i18n.Ts("globals.messages.globals.messages.permissionDenied", "name", "list")) return echo.NewHTTPError(http.StatusBadRequest, app.i18n.Ts("globals.messages.permissionDenied", "name", "list"))
} }
} }

19
frontend/src/views/UserProfile.vue
View file

@ -3,23 +3,22 @@
<b-loading v-if="loading.users" :active="loading.users" :is-full-page="false" /> <b-loading v-if="loading.users" :active="loading.users" :is-full-page="false" />
<h1 class="title"> <h1 class="title">
@{{ form.username }} @{{ data.username }}
</h1> </h1>
<b-tag v-if="data.userRole">{{ data.userRole.name }}</b-tag>
<b-tag>{{ form.role.name }}</b-tag>
<br /><br /><br /> <br /><br /><br />
<form @submit.prevent="onSubmit"> <form @submit.prevent="onSubmit">
<b-field v-if="form.type !== 'api'" :label="$t('subscribers.email')" label-position="on-border"> <b-field v-if="data.type !== 'api'" :label="$t('subscribers.email')" label-position="on-border">
<b-input :maxlength="200" v-model="form.email" name="email" :placeholder="$t('subscribers.email')" <b-input :maxlength="200" v-model="form.email" name="email" :placeholder="$t('subscribers.email')"
:disabled="!form.passwordLogin" required autofocus /> :disabled="!data.passwordLogin" required autofocus />
</b-field> </b-field>
<b-field :label="$t('globals.fields.name')" label-position="on-border"> <b-field :label="$t('globals.fields.name')" label-position="on-border">
<b-input :maxlength="200" v-model="form.name" name="name" :placeholder="$t('globals.fields.name')" /> <b-input :maxlength="200" v-model="form.name" name="name" :placeholder="$t('globals.fields.name')" />
</b-field> </b-field>
<div v-if="form.passwordLogin" class="columns"> <div v-if="data.passwordLogin" class="columns">
<div class="column is-6"> <div class="column is-6">
<b-field :label="$t('users.password')" label-position="on-border"> <b-field :label="$t('users.password')" label-position="on-border">
<b-input minlength="8" :maxlength="200" v-model="form.password" type="password" name="password" <b-input minlength="8" :maxlength="200" v-model="form.password" type="password" name="password"
@ -52,6 +51,7 @@ export default Vue.extend({
data() { data() {
return { return {
form: {}, form: {},
data: {},
}; };
}, },
@ -62,7 +62,7 @@ export default Vue.extend({
email: this.form.email, email: this.form.email,
}; };
if (this.form.passwordLogin && this.form.password) { if (this.data.passwordLogin && this.form.password) {
if (this.form.password !== this.form.password2) { if (this.form.password !== this.form.password2) {
this.$utils.toast(this.$t('users.passwordMismatch'), 'is-danger'); this.$utils.toast(this.$t('users.passwordMismatch'), 'is-danger');
return; return;
@ -75,14 +75,15 @@ export default Vue.extend({
this.$api.updateUserProfile(params).then(() => { this.$api.updateUserProfile(params).then(() => {
this.form.password = ''; this.form.password = '';
this.form.password2 = ''; this.form.password2 = '';
this.$utils.toast(this.$t('globals.messages.updated', { name: this.form.username })); this.$utils.toast(this.$t('globals.messages.updated', { name: this.data.username }));
}); });
}, },
}, },
mounted() { mounted() {
this.$api.getUserProfile().then((data) => { this.$api.getUserProfile().then((data) => {
this.form = data; this.data = { ...data };
this.form = { name: data.name, email: data.email };
}); });
}, },