Merge branch '219-after-creating-new-room-on-im-screen-nothing-happens-when-we-click-on-the-anyone-can-join-link' into 'dev'

Add "copy link" functionality to room welcome header.

See merge request keanuapp/keanuapp-weblite!76

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>