diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 19:34:10 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 19:34:10 +0200 |
| commit | 18c3a1df700c3454c0cc19103c3665bc8d731ffa (patch) | |
| tree | 45d542b11ffafc1f2928f339bd33836013e63229 /src/app/components/post/post.component.html | |
| parent | a19b16923b1e190ffc31c58acbf0651760abd4ac (diff) | |
| download | DevHive-Angular-18c3a1df700c3454c0cc19103c3665bc8d731ffa.tar DevHive-Angular-18c3a1df700c3454c0cc19103c3665bc8d731ffa.tar.gz DevHive-Angular-18c3a1df700c3454c0cc19103c3665bc8d731ffa.zip | |
Implemented post share button, which copies the post link to the clipboard (thanks to ngxClipboard module)
Diffstat (limited to 'src/app/components/post/post.component.html')
| -rw-r--r-- | src/app/components/post/post.component.html | 6 |
1 files changed, 3 insertions, 3 deletions
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"> 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"> Share </button> |