From b5df24270d2d16adb04095187980fc1b3a726575 Mon Sep 17 00:00:00 2001
From: N Pex <npexdev@gmail.com>
Date: Thu, 21 Apr 2022 08:21:11 +0000
Subject: [PATCH] Add "copy link" functionality to room welcome header.

---
 src/components/CreatedRoomWelcomeHeader.vue | 36 ++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/components/CreatedRoomWelcomeHeader.vue b/src/components/CreatedRoomWelcomeHeader.vue
index 7e85763..074afd2 100644
--- a/src/components/CreatedRoomWelcomeHeader.vue
+++ b/src/components/CreatedRoomWelcomeHeader.vue
@@ -4,7 +4,18 @@
     <div class="mt-2" v-if="roomJoinRule == 'public'">
       <i18n path="room_welcome.join_public" tag="span">
         <template v-slot:link>
-          <a :href="publicRoomLink" class="text-break">{{ publicRoomLink }}</a>
+          <div style="position:relative;display:inline-block">
+            <a @click.stop="copyPublicLink" :href="publicRoomLink" class="text-break">{{ publicRoomLink }}</a>
+            <v-btn
+              v-if="publicRoomLinkCopied"
+              id="btn-copy-room-link"
+              color="#444444"
+              depressed
+              style="position:absolute;left:0;top:0"
+              class="filled-button link-copied-in-place"
+              >{{ $t("room_info.link_copied") }}</v-btn
+            >
+          </div>
         </template>
       </i18n>
     </div>
@@ -54,6 +65,29 @@ export default {
       return null;
     },
   },
+  data() {
+    return {
+      publicRoomLinkCopied: false
+    }
+  },
+  methods: {
+    copyPublicLink() {
+      const self = this;
+      this.$copyText(this.publicRoomLink).then(
+        function (ignored) {
+          // Success!
+          self.publicRoomLinkCopied = true;
+          setInterval(() => {
+            // Hide again
+            self.publicRoomLinkCopied = false;
+          }, 3000);
+        },
+        function (e) {
+          console.log(e);
+        }
+      );
+    }
+  }
 };
 </script>