diff options
author | Julien Veyssier <julien-nc@posteo.net> | 2023-10-03 11:49:48 +0200 |
---|---|---|
committer | Julien Veyssier <julien-nc@posteo.net> | 2023-10-03 13:55:02 +0200 |
commit | 03cb99aff3d3dfa3f2ab34bca4dc593022d21616 (patch) | |
tree | 7d174eb679fbdc3b3c79488522c7f0b6eeb31744 /apps | |
parent | fdb7fe25bfcba3b9137a30465a212d36a96d75fe (diff) | |
download | nextcloud-server-03cb99aff3d3dfa3f2ab34bca4dc593022d21616.tar.gz nextcloud-server-03cb99aff3d3dfa3f2ab34bca4dc593022d21616.zip |
show loading icon in 'save share' button when creating a share
Signed-off-by: Julien Veyssier <julien-nc@posteo.net>
Diffstat (limited to 'apps')
-rw-r--r-- | apps/files_sharing/src/views/SharingDetailsTab.vue | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/apps/files_sharing/src/views/SharingDetailsTab.vue b/apps/files_sharing/src/views/SharingDetailsTab.vue index ca578794d13..e8c073f8bca 100644 --- a/apps/files_sharing/src/views/SharingDetailsTab.vue +++ b/apps/files_sharing/src/views/SharingDetailsTab.vue @@ -197,6 +197,9 @@ </NcButton> <NcButton type="primary" @click="saveShare"> {{ shareButtonText }} + <template v-if="creating" #icon> + <NcLoadingIcon /> + </template> </NcButton> </div> </div> @@ -210,6 +213,7 @@ import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js' import NcDatetimePicker from '@nextcloud/vue/dist/Components/NcDatetimePicker.js' import NcDateTimePickerNative from '@nextcloud/vue/dist/Components/NcDateTimePickerNative.js' import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js' +import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js' import CircleIcon from 'vue-material-design-icons/CircleOutline.vue' import CloseIcon from 'vue-material-design-icons/Close.vue' import EditIcon from 'vue-material-design-icons/Pencil.vue' @@ -244,6 +248,7 @@ export default { NcDatetimePicker, NcDateTimePickerNative, NcCheckboxRadioSwitch, + NcLoadingIcon, CloseIcon, CircleIcon, EditIcon, @@ -282,6 +287,7 @@ export default { bundledPermissions: BUNDLED_PERMISSIONS, isFirstComponentLoad: true, test: false, + creating: false, } }, @@ -804,7 +810,9 @@ export default { incomingShare.password = this.share.password } + this.creating = true const share = await this.addShare(incomingShare, this.fileInfo) + this.creating = false this.share = share this.$emit('add:share', this.share) } else { |