rudeshark.net/src/client/app/common/views/components/password-settings.vue

56 lines
1.2 KiB
Vue
Raw Normal View History

2018-02-21 17:25:57 +01:00
<template>
<div>
<ui-button @click="reset">{{ $t('reset') }}</ui-button>
2018-02-21 17:25:57 +01:00
</div>
</template>
<script lang="ts">
import Vue from 'vue';
import i18n from '../../../i18n';
2018-02-21 17:25:57 +01:00
export default Vue.extend({
i18n: i18n('common/views/components/password-settings.vue'),
2018-02-21 17:25:57 +01:00
methods: {
2018-12-02 12:10:53 +01:00
async reset() {
const { canceled: canceled1, result: currentPassword } = await this.$root.dialog({
title: this.$t('enter-current-password'),
2018-12-02 12:10:53 +01:00
input: {
2018-02-21 17:25:57 +01:00
type: 'password'
2018-12-02 12:10:53 +01:00
}
});
if (canceled1) return;
const { canceled: canceled2, result: newPassword } = await this.$root.dialog({
title: this.$t('enter-new-password'),
input: {
type: 'password'
}
});
if (canceled2) return;
const { canceled: canceled3, result: newPassword2 } = await this.$root.dialog({
title: this.$t('enter-new-password-again'),
input: {
type: 'password'
}
});
if (canceled3) return;
if (newPassword !== newPassword2) {
this.$root.dialog({
title: null,
text: this.$t('not-match')
2018-02-21 17:25:57 +01:00
});
2018-12-02 12:10:53 +01:00
return;
}
this.$root.api('i/change_password', {
currentPasword: currentPassword,
newPassword: newPassword
}).then(() => {
this.$notify(this.$t('changed'));
2018-02-21 17:25:57 +01:00
});
}
}
});
</script>