Add "Copy link" entry in sharing panel in sidebar

Signed-off-by: Vincent Petry <vincent@nextcloud.com>

src/components/LinkShareSettings.vue

@@ -21,6 +21,12 @@
 
 <template>
 	<ul>
+		<ActionButton
+			icon="icon-clippy"
+			:close-after-click="true"
+			@click="handleCopyLink">
+			{{ t('spreed', 'Copy link') }}
+		</ActionButton>
 		<ActionCheckbox
 			:disabled="isSaving"
 			:checked="isSharedPublicly"
@@ -52,17 +58,20 @@
 
 <script>
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { generateUrl } from '@nextcloud/router'
 import { CONVERSATION } from '../constants'
 import {
 	setConversationPassword,
 } from '../services/conversationsService'
+import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import ActionCheckbox from '@nextcloud/vue/dist/Components/ActionCheckbox'
 import ActionInput from '@nextcloud/vue/dist/Components/ActionInput'
 
 export default {
 	name: 'LinkShareSettings',
 
 	components: {
+		ActionButton,
 		ActionCheckbox,
 		ActionInput,
 	},
@@ -92,6 +101,15 @@ export default {
 	},
 
 	methods: {
+		async handleCopyLink() {
+			try {
+				await this.$copyText(window.location.protocol + '//' + window.location.host + generateUrl('/call/' + this.token))
+				showSuccess(t('spreed', 'Conversation link copied to clipboard.'))
+			} catch (error) {
+				showError(t('spreed', 'The link could not be copied.'))
+			}
+		},
+
 		async setConversationPassword(newPassword) {
 			this.isSaving = true
 			try {

src/components/RightSidebar/RightSidebar.vue

@@ -63,7 +63,7 @@
 				type="room"
 				:name="conversation.displayName" />
 			<LinkShareSettings
-				v-if="canFullModerate && showModerationOptions" />
+				v-if="token && canFullModerate && showModerationOptions" />
 			<div id="app-settings">
 				<div id="app-settings-header">
 					<button class="settings-button" @click="showSettings">