From 7b60dae1b63ac61798631be951103a6d62d3da23 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=93=E3=81=B4=E3=81=AA=E3=81=9F=E3=81=BF=E3=81=BD?= <syuilotan@yahoo.co.jp> Date: Mon, 12 Feb 2018 23:35:37 +0900 Subject: [PATCH] wip --- src/web/app/desktop/-tags/settings.tag | 38 ------------------- .../views/components/password-setting.vue | 37 ++++++++++++++++++ 2 files changed, 37 insertions(+), 38 deletions(-) create mode 100644 src/web/app/desktop/views/components/password-setting.vue diff --git a/src/web/app/desktop/-tags/settings.tag b/src/web/app/desktop/-tags/settings.tag index 2b2491b46..2196be87a 100644 --- a/src/web/app/desktop/-tags/settings.tag +++ b/src/web/app/desktop/-tags/settings.tag @@ -1,42 +1,4 @@ -<mk-password-setting> - <button @click="reset" class="ui primary">%i18n:desktop.tags.mk-password-setting.reset%</button> - <style lang="stylus" scoped> - :scope - display block - color #4a535a - </style> - <script lang="typescript"> - import passwordDialog from '../scripts/password-dialog'; - import dialog from '../scripts/dialog'; - import notify from '../scripts/notify'; - - this.mixin('i'); - this.mixin('api'); - - this.reset = () => { - passwordDialog('%i18n:desktop.tags.mk-password-setting.enter-current-password%', currentPassword => { - passwordDialog('%i18n:desktop.tags.mk-password-setting.enter-new-password%', newPassword => { - passwordDialog('%i18n:desktop.tags.mk-password-setting.enter-new-password-again%', newPassword2 => { - if (newPassword !== newPassword2) { - dialog(null, '%i18n:desktop.tags.mk-password-setting.not-match%', [{ - text: 'OK' - }]); - return; - } - this.api('i/change_password', { - current_password: currentPassword, - new_password: newPassword - }).then(() => { - notify('%i18n:desktop.tags.mk-password-setting.changed%'); - }); - }); - }); - }); - }; - </script> -</mk-password-setting> - <mk-2fa-setting> <p>%i18n:desktop.tags.mk-2fa-setting.intro%<a href="%i18n:desktop.tags.mk-2fa-setting.url%" target="_blank">%i18n:desktop.tags.mk-2fa-setting.detail%</a></p> <div class="ui info warn"><p>%fa:exclamation-triangle%%i18n:desktop.tags.mk-2fa-setting.caution%</p></div> diff --git a/src/web/app/desktop/views/components/password-setting.vue b/src/web/app/desktop/views/components/password-setting.vue new file mode 100644 index 000000000..2e3e4fb6f --- /dev/null +++ b/src/web/app/desktop/views/components/password-setting.vue @@ -0,0 +1,37 @@ +<template> +<div> + <button @click="reset" class="ui primary">%i18n:desktop.tags.mk-password-setting.reset%</button> +</div> +</template> + +<script lang="ts"> +import Vue from 'vue'; +import passwordDialog from '../../scripts/password-dialog'; +import dialog from '../../scripts/dialog'; +import notify from '../../scripts/notify'; + +export default Vue.extend({ + methods: { + reset() { + passwordDialog('%i18n:desktop.tags.mk-password-setting.enter-current-password%', currentPassword => { + passwordDialog('%i18n:desktop.tags.mk-password-setting.enter-new-password%', newPassword => { + passwordDialog('%i18n:desktop.tags.mk-password-setting.enter-new-password-again%', newPassword2 => { + if (newPassword !== newPassword2) { + dialog(null, '%i18n:desktop.tags.mk-password-setting.not-match%', [{ + text: 'OK' + }]); + return; + } + this.$root.$data.os.api('i/change_password', { + current_password: currentPassword, + new_password: newPassword + }).then(() => { + notify('%i18n:desktop.tags.mk-password-setting.changed%'); + }); + }); + }); + }); + } + } +}); +</script>