From 18c3a1df700c3454c0cc19103c3665bc8d731ffa Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Mon, 22 Mar 2021 19:34:10 +0200
Subject: Implemented post share button, which copies the post link to the
 clipboard (thanks to ngxClipboard module)

---
 src/app/components/post/post.component.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/app/components/post/post.component.html')

diff --git a/src/app/components/post/post.component.html b/src/app/components/post/post.component.html
index 48f1d01..65bc73a 100644
--- a/src/app/components/post/post.component.html
+++ b/src/app/components/post/post.component.html
@@ -1,6 +1,6 @@
 <app-loading *ngIf="!loaded"></app-loading>
 
-<section class="card flex-row" [hidden]="loaded">
+<section class="card flex-row" [hidden]="loaded" (mouseleave)="resetShareBtn()">
 	<aside class="left-pane">
 		<img class="author-picture round-image hover-half-opacity" [src]="user.profilePictureURL" (click)="goToAuthorProfile()">
 	</aside>
@@ -61,11 +61,11 @@
 			<button class="padding-small lighter-hover click-effect border-radius-smaller" *ngIf="loggedInAuthor" (click)="toggleEditing()">
 				<img src="/assets/icons/tabler-icon-edit.svg">
 			</button>
-			<button class="flexible padding-small lighter-hover click-effect border-radius-smaller"  (click)="goToPostPage()">
+			<button class="flexible padding-small lighter-hover click-effect border-radius-smaller" (click)="goToPostPage()">
 				<img src="/assets/icons/tabler-icon-message-2.svg">
 				&nbsp;Comment
 			</button>
-			<button class="flexible padding-small lighter-hover click-effect border-radius-smaller"  (click)="goToPostPage()">
+			<button #share ngxClipboard [cbContent]="getPostLink()" class="flexible padding-small lighter-hover click-effect border-radius-smaller" (click)="showCopiedMessage()">
 				<img src="/assets/icons/tabler-icon-link.svg">
 				&nbsp;Share
 			</button>
-- 
cgit v1.2.3