diff options
Diffstat (limited to 'src/Encryption.vue')
| -rw-r--r-- | src/Encryption.vue | 33 |
1 files changed, 22 insertions, 11 deletions
diff --git a/src/Encryption.vue b/src/Encryption.vue index 98c62ca..d76ad1e 100644 --- a/src/Encryption.vue +++ b/src/Encryption.vue @@ -2,13 +2,14 @@ <div class="who-has-access"> <!-- eslint-disable-next-line vue/no-v-html --> <p v-show="!isEditing" v-html="label" /> - <span v-show="isAdmin && !isEditing" class="icon icon-rename" @click="openEditFullDiskEncryptionForm" /> + <Actions v-if="isAdmin && !isEditing"> + <ActionButton icon="icon-rename" @click="openEditFullDiskEncryptionForm" /> + </Actions> <div v-if="isEditing" v-click-outside="cancelEditFullDiskEncryptionForm"> <form> <input id="fullDiskEncryptionEnabledCheckbox" v-model="fullDiskEncryptionEnabled" :disabled="isSavingChanges" type="checkbox" name="fullDiskEncryptionEnabledCheckbox" - class="checkbox" @change="saveFullDiskEncryptionForm" - > + class="checkbox" @change="saveFullDiskEncryptionForm"> <label for="fullDiskEncryptionEnabledCheckbox"> {{ checkboxLabel }} </label> @@ -18,22 +19,32 @@ </template> <script> -import { generateUrl } from 'nextcloud-server/dist/router' import HttpClient from 'nextcloud-axios' import ClickOutside from 'vue-click-outside' +import { generateUrl } from 'nextcloud-server/dist/router' + +import Actions from 'nextcloud-vue/dist/Components/Actions' +import ActionButton from 'nextcloud-vue/dist/Components/ActionButton' + export default { name: 'Encryption', + components: { + Actions, + ActionButton + }, directives: { ClickOutside }, - data: () => ({ - fullDiskEncryptionEnabled: false, - serverSideEncryptionEnabled: false, - isAdmin: true, - isEditing: false, - isSavingChanges: false - }), + data() { + return { + fullDiskEncryptionEnabled: false, + serverSideEncryptionEnabled: false, + isAdmin: true, + isEditing: false, + isSavingChanges: false + } + }, computed: { label() { if (!this.serverSideEncryptionEnabled && !this.fullDiskEncryptionEnabled) { |