45 lines
2.4 KiB
HTML
45 lines
2.4 KiB
HTML
<div class="action-bar">
|
|
<a *ngIf="!isLocked" href class="action-bar__link action-bar__link--reply" title="Reply" (click)="reply()">
|
|
<fa-icon [icon]="faReply"></fa-icon>
|
|
</a>
|
|
<fa-icon *ngIf="isLocked" class="action-bar__lock" title="Account can't access this post" [icon]="faLock"></fa-icon>
|
|
|
|
<a *ngIf="!(isBoostLocked || isLocked)" href class="action-bar__link action-bar__link--boost" title="Boost" [class.boosted]="isBoosted"
|
|
[class.boosting]="boostIsLoading" (click)="boost()">
|
|
<fa-icon [icon]="faRetweet"></fa-icon>
|
|
</a>
|
|
<fa-icon *ngIf="isBoostLocked && !isLocked" class="action-bar__lock" title="This post cannot be boosted"
|
|
[icon]="faLock"></fa-icon>
|
|
<fa-icon *ngIf="isLocked" class="action-bar__lock" title="Account can't access this post" [icon]="faLock"></fa-icon>
|
|
|
|
<a *ngIf="!isLocked" href class="action-bar__link action-bar__link--fav" title="Favourite" [class.favorited]="isFavorited"
|
|
[class.favoriting]="favoriteIsLoading" (click)="favorite()">
|
|
<fa-icon [icon]="faStar"></fa-icon>
|
|
</a>
|
|
<fa-icon *ngIf="isLocked" class="action-bar__lock" title="Account can't access this post" [icon]="faLock"></fa-icon>
|
|
|
|
<a href class="action-bar__link action-bar__link--cw" title="show content" (click)="showContent()"
|
|
*ngIf="isContentWarningActive">
|
|
<fa-icon [icon]="faWindowClose"></fa-icon>
|
|
</a>
|
|
<a href class="action-bar__link action-bar__link--cw" title="hide content" (click)="hideContent()"
|
|
*ngIf="!isContentWarningActive">
|
|
<fa-icon [icon]="faWindowCloseRegular"></fa-icon>
|
|
</a>
|
|
|
|
<a href class="action-bar__link action-bar__link--more" (click)="onContextMenu($event, item)" title="More" [contextMenu]="basicMenu" [contextMenuSubject]="item">
|
|
<fa-icon [icon]="faEllipsisH" [contextMenu]="basicMenu" [contextMenuSubject]="item" ></fa-icon>
|
|
</a>
|
|
<context-menu #basicMenu>
|
|
<ng-template contextMenuItem (execute)="showMessage('Hi, ' + $event.item.name)">
|
|
Say hi!
|
|
</ng-template>
|
|
<!-- <ng-template contextMenuItem divider="true"></ng-template> -->
|
|
<ng-template contextMenuItem let-item (execute)="showMessage($event.item.name + ' said: ' + $event.item.otherProperty)">
|
|
Bye, {{item?.name}}
|
|
</ng-template>
|
|
<!-- <ng-template contextMenuItem passive="true">
|
|
Input something: <input type="text">
|
|
</ng-template> -->
|
|
</context-menu>
|
|
</div> |