diff options
author | Christopher Ng <chrng8@gmail.com> | 2022-12-14 00:50:17 +0000 |
---|---|---|
committer | Christopher Ng <chrng8@gmail.com> | 2022-12-14 00:57:57 +0000 |
commit | fb2fb0d2d523174c8355d47df768ad0b23a68da5 (patch) | |
tree | 8d2ea31fd18997e09fa0ab708c41d7aa62027813 /apps/files_sharing/src/components/SharingEntryLink.vue | |
parent | 8a1a32fb09725980463c95a5b04a1d2726079c60 (diff) | |
download | nextcloud-server-fb2fb0d2d523174c8355d47df768ad0b23a68da5.tar.gz nextcloud-server-fb2fb0d2d523174c8355d47df768ad0b23a68da5.zip |
Revert "Copy to clipboard with button instead of link"
This reverts commit 4ffc022c8b5d2a4df3b1b1452de769c4ad27fe4f.
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps/files_sharing/src/components/SharingEntryLink.vue')
-rw-r--r-- | apps/files_sharing/src/components/SharingEntryLink.vue | 44 |
1 files changed, 18 insertions, 26 deletions
diff --git a/apps/files_sharing/src/components/SharingEntryLink.vue b/apps/files_sharing/src/components/SharingEntryLink.vue index 9b60e34b194..524b1279b18 100644 --- a/apps/files_sharing/src/components/SharingEntryLink.vue +++ b/apps/files_sharing/src/components/SharingEntryLink.vue @@ -38,14 +38,13 @@ <NcActions v-if="share && !isEmailShareType && share.token" ref="copyButton" class="sharing-entry__copy"> - <NcActionButton :aria-label="t('files_sharing', 'Copy public link to clipboard')" + <NcActionLink :href="shareLink" + target="_blank" + :aria-label="t('files_sharing', 'Copy public link to clipboard')" + :icon="copied && copySuccess ? 'icon-checkmark-color' : 'icon-clippy'" @click.stop.prevent="copyLink"> - <template #icon> - <Check v-if="copied && copySuccess" :size="20" /> - <ClipboardTextMultipleOutline v-else :size="20" /> - </template> {{ clipboardTooltip }} - </NcActionButton> + </NcActionLink> </NcActions> <!-- pending actions --> @@ -304,18 +303,16 @@ import { showError, showSuccess } from '@nextcloud/dialogs' import { Type as ShareTypes } from '@nextcloud/sharing' import Vue from 'vue' -import { - NcActionButton, - NcActionCheckbox, - NcActionInput, - NcActionLink, - NcActions, - NcActionSeparator, - NcActionText, - NcActionTextEditable, - NcAvatar, - Tooltip, -} from '@nextcloud/vue' +import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton' +import NcActionCheckbox from '@nextcloud/vue/dist/Components/NcActionCheckbox' +import NcActionInput from '@nextcloud/vue/dist/Components/NcActionInput' +import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink' +import NcActionText from '@nextcloud/vue/dist/Components/NcActionText' +import NcActionSeparator from '@nextcloud/vue/dist/Components/NcActionSeparator' +import NcActionTextEditable from '@nextcloud/vue/dist/Components/NcActionTextEditable' +import NcActions from '@nextcloud/vue/dist/Components/NcActions' +import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar' +import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip' import ExternalShareAction from './ExternalShareAction.vue' import SharePermissionsEditor from './SharePermissionsEditor.vue' @@ -323,25 +320,20 @@ import GeneratePassword from '../utils/GeneratePassword.js' import Share from '../models/Share.js' import SharesMixin from '../mixins/SharesMixin.js' -import Check from 'vue-material-design-icons/Check.vue' -import ClipboardTextMultipleOutline from 'vue-material-design-icons/ClipboardTextMultipleOutline.vue' - export default { name: 'SharingEntryLink', components: { - Check, - ClipboardTextMultipleOutline, - ExternalShareAction, + NcActions, NcActionButton, NcActionCheckbox, NcActionInput, NcActionLink, - NcActions, - NcActionSeparator, NcActionText, NcActionTextEditable, + NcActionSeparator, NcAvatar, + ExternalShareAction, SharePermissionsEditor, }, |