feat(share link): share bookmark link via copy to clipboard instead of fb share

Author: 4drianMatei

frontend/src/app/shared/dialog/social-share-dialog/social-share-dialog.component.html

@@ -5,6 +5,14 @@ <h2 mat-dialog-title>Share Bookmark</h2>
 <mat-dialog-content>
   <div class="share-buttons-wrapper">
     <div class="row">
+      <div class="col">
+        <a
+          type="button" class="btn btn-light btn-sm"
+          title="Copy bookmark link"
+        (click)="copyToClipboard(bookmark.location)">
+          <i class="far fa-copy" style="font-size: smaller"></i> {{copyLinkButtonText}}
+        </a>
+      </div>
       <div class="col">
         <a
           type="button" class="btn btn-light btn-sm"
@@ -21,9 +29,6 @@ <h2 mat-dialog-title>Share Bookmark</h2>
           (click)="onShareButtonClick()">
         </tweet>
       </div>
-      <div class="col">
-        <fb-share [url]="bookmark.location"></fb-share>
-      </div>
     </div>
   </div>
 

frontend/src/app/shared/dialog/social-share-dialog/social-share-dialog.component.ts

@@ -16,6 +16,7 @@ export class SocialShareDialogComponent implements OnInit {
   userData: UserData;
   tagsStr: string;
   tweetText: string;
+  copyLinkButtonText = 'Link';
 
   constructor(
     private datePipe: DatePipe,
@@ -43,7 +44,6 @@ export class SocialShareDialogComponent implements OnInit {
   }
 
   onShareButtonClick() {
-    console.log('share button cliecked')
     this.dialogRef.close('SHARE_BUTTON_CLICKED');
   }
 
@@ -58,4 +58,22 @@ export class SocialShareDialogComponent implements OnInit {
       return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
     }).join('');
   }
+
+  copyToClipboard(location: string) {
+    const selBox = document.createElement('textarea');
+    selBox.style.position = 'fixed';
+    selBox.style.left = '0';
+    selBox.style.top = '0';
+    selBox.style.opacity = '0';
+    selBox.value = location;
+    document.body.appendChild(selBox);
+    selBox.focus();
+    selBox.select();
+    const copyResult = document.execCommand('copy');
+    if (copyResult) {
+      this.copyLinkButtonText = 'Copied';
+      setTimeout(() => this.copyLinkButtonText = 'Link', 1300);
+    }
+    document.body.removeChild(selBox);
+  }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Codever",
-  "version": "4.8.1",
+  "version": "4.9.1",
   "description": "Codever - bookmarks and snippets manager for developers & co",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",