109 lines
2.4 KiB
Vue
109 lines
2.4 KiB
Vue
|
<template>
|
||
|
<x-window @closed="() => { $emit('closed'); destroyDom(); }" :avatar="user">
|
||
|
<template #header><mk-user-name :user="user"/></template>
|
||
|
<div class="vrcsvlkm">
|
||
|
<mk-button @click="changePassword()">{{ $t('changePassword') }}</mk-button>
|
||
|
<mk-switch @change="toggleSilence()" v-model="silenced">{{ $t('silence') }}</mk-switch>
|
||
|
<mk-switch @change="toggleSuspend()" v-model="suspended">{{ $t('suspend') }}</mk-switch>
|
||
|
</div>
|
||
|
</x-window>
|
||
|
</template>
|
||
|
|
||
|
<script lang="ts">
|
||
|
import Vue from 'vue';
|
||
|
import i18n from '../i18n';
|
||
|
import MkButton from './ui/button.vue';
|
||
|
import MkSwitch from './ui/switch.vue';
|
||
|
import XWindow from './window.vue';
|
||
|
|
||
|
export default Vue.extend({
|
||
|
i18n,
|
||
|
|
||
|
components: {
|
||
|
MkButton,
|
||
|
MkSwitch,
|
||
|
XWindow,
|
||
|
},
|
||
|
|
||
|
props: {
|
||
|
user: {
|
||
|
type: Object,
|
||
|
required: true
|
||
|
}
|
||
|
},
|
||
|
|
||
|
data() {
|
||
|
return {
|
||
|
silenced: this.user.isSilenced,
|
||
|
suspended: this.user.isSuspended,
|
||
|
};
|
||
|
},
|
||
|
|
||
|
methods: {
|
||
|
async changePassword() {
|
||
|
const { canceled: canceled, result: newPassword } = await this.$root.dialog({
|
||
|
title: this.$t('newPassword'),
|
||
|
input: {
|
||
|
type: 'password'
|
||
|
}
|
||
|
});
|
||
|
if (canceled) return;
|
||
|
|
||
|
const dialog = this.$root.dialog({
|
||
|
type: 'waiting',
|
||
|
iconOnly: true
|
||
|
});
|
||
|
|
||
|
this.$root.api('admin/change-password', {
|
||
|
userId: this.user.id,
|
||
|
newPassword
|
||
|
}).then(() => {
|
||
|
this.$root.dialog({
|
||
|
type: 'success',
|
||
|
iconOnly: true, autoClose: true
|
||
|
});
|
||
|
}).catch(e => {
|
||
|
this.$root.dialog({
|
||
|
type: 'error',
|
||
|
text: e
|
||
|
});
|
||
|
}).finally(() => {
|
||
|
dialog.close();
|
||
|
});
|
||
|
},
|
||
|
|
||
|
async toggleSilence() {
|
||
|
const confirm = await this.$root.dialog({
|
||
|
type: 'warning',
|
||
|
showCancelButton: true,
|
||
|
text: this.silenced ? this.$t('silenceConfirm') : this.$t('unsilenceConfirm'),
|
||
|
});
|
||
|
if (confirm.canceled) {
|
||
|
this.silenced = !this.silenced;
|
||
|
} else {
|
||
|
this.$root.api(this.silenced ? 'admin/silence-user' : 'admin/unsilence-user', { userId: this.user.id });
|
||
|
}
|
||
|
},
|
||
|
|
||
|
async toggleSuspend() {
|
||
|
const confirm = await this.$root.dialog({
|
||
|
type: 'warning',
|
||
|
showCancelButton: true,
|
||
|
text: this.suspended ? this.$t('suspendConfirm') : this.$t('unsuspendConfirm'),
|
||
|
});
|
||
|
if (confirm.canceled) {
|
||
|
this.suspended = !this.suspended;
|
||
|
} else {
|
||
|
this.$root.api(this.silenced ? 'admin/suspend-user' : 'admin/unsuspend-user', { userId: this.user.id });
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss" scoped>
|
||
|
.vrcsvlkm {
|
||
|
|
||
|
}
|
||
|
</style>
|