feat(share-plugin): add share name input

bimdata · Sep 1, 2021 · 657c597 · 657c597
1 parent 4df2ddd
commit 657c597
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/src/plugins/iframeShare/src/IframeShare.vue b/src/plugins/iframeShare/src/IframeShare.vue
@@ -53,7 +53,8 @@ export default {
     shareBackendUrl() {
       const apiUrl = this.$viewer.api.apiUrl;
       if (apiUrl.includes("staging")) {
-        return SHARE_BACKEND_URL_STAGING;
+        // return SHARE_BACKEND_URL_STAGING;
+        return SHARE_BACKEND_URL_DEV;
       } else if (apiUrl.includes("next")) {
         return SHARE_BACKEND_URL_NEXT;
       }

diff --git a/src/plugins/iframeShare/src/ShareTab.vue b/src/plugins/iframeShare/src/ShareTab.vue
@@ -2,6 +2,10 @@
   <div class="share-tab">
     <template v-if="currentShare === null">
       <div class="share-tab__body">
+        <BIMDataInput
+          :placeholder="$t('IframeSharePlugin.share_name')"
+          v-model="shareName"
+        />
         <Datepicker
           v-model="expirationDate"
           :clear-button="true"
@@ -71,6 +75,7 @@ import {
   BIMDataButton,
   BIMDataCheckbox,
   BIMDataIcon,
+  BIMDataInput,
 } from "@bimdata/design-system/components.js";
 import shareIcon from "../assets/share.svg";
 
@@ -79,6 +84,7 @@ export default {
     BIMDataButton,
     BIMDataCheckbox,
     BIMDataIcon,
+    BIMDataInput,
     Datepicker,
   },
   props: {
@@ -91,17 +97,18 @@ export default {
       fr,
       en,
       shareIcon,
+      shareName: "",
+      shareUrl: null,
       keepCameraSetup: false,
       expirationDate: null,
-      currentShare: null,
     };
   },
   computed: {
     iframeString() {
       return (
         `<iframe\n` +
         `  width="560" height="315"\n` +
-        `  src="${this.currentShare}"\n` +
+        `  src="${this.shareUrl}"\n` +
         `  frameborder="0"\n` +
         `  allowfullscreen>\n` +
         `</iframe>`
@@ -141,7 +148,7 @@ export default {
       const jsonResponse = await response.json();
       const id = jsonResponse.id;
 
-      this.currentShare = `${this.shareBackendUrl}/${id}`;
+      this.shareLink = `${this.shareBackendUrl}/${id}`;
     },
     async copy(text) {
       await navigator.clipboard.writeText(text);
@@ -151,10 +158,10 @@ export default {
       });
     },
     copyUrl() {
-      this.copy(this.currentShare);
+      this.copy(this.shareUrl);
     },
     copyIframe() {
-      this.copy(this.iframeString);
+      this.copy(this.shareUrl);
     },
   },
 };

diff --git a/src/plugins/iframeShare/src/iframeShare.plugin.js b/src/plugins/iframeShare/src/iframeShare.plugin.js
@@ -25,6 +25,7 @@ export default {
       manage_shares: "Manage shares",
       expiration_date: "Expiration date",
       share: "Share",
+      share_name: "Share name",
       share_url: "Share link",
       last_use_date: "Last use date",
     },
@@ -38,6 +39,7 @@ export default {
       manage_shares: "Gestion des partages",
       expiration_date: "Date d'expiration",
       share: "Partager",
+      share_name: "Nom du lien",
       share_link: "Lien de partage",
       last_use_date: "Dernière utilisation",
     },