diff options
| author | Christopher Ng <chrng8@gmail.com> | 2022-11-18 03:27:16 +0000 |
|---|---|---|
| committer | Christopher Ng <chrng8@gmail.com> | 2022-11-24 23:50:54 +0000 |
| commit | 4ffc022c8b5d2a4df3b1b1452de769c4ad27fe4f (patch) | |
| tree | 393ecabc260dbe942dfe62a366bbecdf27fc5c90 /apps/files_sharing/src/components/SharingEntryInternal.vue | |
| parent | 28f41059051afaf665e80e69ea2e90251aa1662e (diff) | |
| download | nextcloud-server-4ffc022c8b5d2a4df3b1b1452de769c4ad27fe4f.tar.gz nextcloud-server-4ffc022c8b5d2a4df3b1b1452de769c4ad27fe4f.zip | |
Copy to clipboard with button instead of link
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps/files_sharing/src/components/SharingEntryInternal.vue')
| -rw-r--r-- | apps/files_sharing/src/components/SharingEntryInternal.vue | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/apps/files_sharing/src/components/SharingEntryInternal.vue b/apps/files_sharing/src/components/SharingEntryInternal.vue index 03a1ba87b71..9912648357c 100644 --- a/apps/files_sharing/src/components/SharingEntryInternal.vue +++ b/apps/files_sharing/src/components/SharingEntryInternal.vue @@ -9,27 +9,33 @@ <div class="avatar-external icon-external-white" /> </template> - <NcActionLink :href="internalLink" - :aria-label="t('files_sharing', 'Copy internal link to clipboard')" - target="_blank" - :icon="copied && copySuccess ? 'icon-checkmark-color' : 'icon-clippy'" + <NcActionButton :aria-label="t('files_sharing', 'Copy internal link to clipboard')" @click.prevent="copyLink"> + <template #icon> + <Check v-if="copied && copySuccess" :size="20" /> + <ClipboardTextMultipleOutline v-else :size="20" /> + </template> {{ clipboardTooltip }} - </NcActionLink> + </NcActionButton> </SharingEntrySimple> </ul> </template> <script> import { generateUrl } from '@nextcloud/router' -import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink' +import { NcActionButton } from '@nextcloud/vue' import SharingEntrySimple from './SharingEntrySimple' +import Check from 'vue-material-design-icons/Check.vue' +import ClipboardTextMultipleOutline from 'vue-material-design-icons/ClipboardTextMultipleOutline.vue' + export default { name: 'SharingEntryInternal', components: { - NcActionLink, + Check, + ClipboardTextMultipleOutline, + NcActionButton, SharingEntrySimple, }, |