classic-ui/modules/account/components/Control/Actions.vue

106 lines
2.7 KiB
Vue
Raw Permalink Normal View History

2022-04-22 06:05:56 +03:00
<template>
<div class="action">
<Statistic />
<div v-for="action in actions" :key="action.description" class="action-item">
<b-icon :icon="action.icon" size="is-large" />
<div class="desc">
{{ $t(action.description) }}
</div>
2022-05-16 15:08:17 +03:00
<b-button
type="is-primary"
outlined
:data-test="action.dataAttribute"
@mousedown.prevent
@click="action.onClick"
>
2022-04-22 06:05:56 +03:00
{{ $t(action.button) }}
</b-button>
</div>
<div class="action-item has-switch">
<b-icon icon="account-file" size="is-large" />
<div class="desc">
{{ $t('account.control.fileDesc') }}
</div>
2022-05-16 15:08:17 +03:00
<div data-test="download_notes__config_switch">
<b-switch :value="isEnabledSaveFile" size="is-medium" @input="handleEnabledSaveFile" />
</div>
2022-04-22 06:05:56 +03:00
</div>
</div>
</template>
<script>
import { openDecryptModal, openShowRecoverKeyModal, openRemoveAccountModal } from '../../modals'
import { controlComputed, controlMethods } from '../../injectors'
import Statistic from './Statistic'
export default {
components: {
Statistic
},
data() {
return {
actions: [
{
icon: 'account-notes',
onClick: this.getEncryptedNotes,
button: 'account.control.loadAll',
2022-05-16 15:08:17 +03:00
description: 'account.control.loadAllDesc',
dataAttribute: 'load_all_encrypted_notes_button'
2022-04-22 06:05:56 +03:00
},
{
icon: 'account-key',
onClick: this.openRecoverKeyModal,
button: 'account.control.showRecoveryKey',
2022-05-16 15:08:17 +03:00
description: 'account.control.showRecoveryKeyDesc',
dataAttribute: 'reveal_current_note_account'
2022-04-22 06:05:56 +03:00
},
{
icon: 'account-remove',
button: 'account.control.remove',
onClick: this.handleRemoveAccount,
2022-05-16 15:08:17 +03:00
description: 'account.control.removeDesc',
dataAttribute: 'clear_account_info_button'
2022-04-22 06:05:56 +03:00
}
]
}
},
computed: {
...controlComputed
},
methods: {
...controlMethods,
handleEnabledSaveFile() {
this.enabledSaveFile()
},
async getEncryptedNotes() {
const props = await this.decryptNotes()
if (props) {
openDecryptModal({ ...props, parent: this })
}
},
handleRemoveAccount() {
const onConfirm = () => {
this.addNoticeWithInterval({
notice: {
title: 'accountHasBeenDeleted',
type: 'info'
},
interval: 2000
})
this.removeAccount()
}
openRemoveAccountModal({ i18n: this.$i18n, onConfirm })
},
async openRecoverKeyModal() {
const recoveryKey = await this.getRecoveryKey()
if (recoveryKey) {
openShowRecoverKeyModal({ recoveryKey, parent: this })
}
}
}
}
</script>