41 lines
1.8 KiB
HTML
41 lines
1.8 KiB
HTML
<div class="action-bar">
|
|
<a *ngIf="!isLocked" href class="action-bar__link" title="Reply" (click)="reply()">
|
|
<ion-icon name="ios-undo"></ion-icon>
|
|
</a>
|
|
<ion-icon *ngIf="isLocked" class="action-bar__lock" name="lock" title="Account can't access this post"></ion-icon>
|
|
|
|
<a *ngIf="!(isBoostLocked || isLocked)" href class="action-bar__link" title="Boost"
|
|
[class.boosted]="isBoosted"
|
|
[class.boosting]="boostIsLoading"
|
|
(click)="boost()">
|
|
<ion-icon name="md-swap"></ion-icon>
|
|
</a>
|
|
<ion-icon *ngIf="isBoostLocked && !isLocked" class="action-bar__lock" name="lock"
|
|
title="This post cannot be boosted"></ion-icon>
|
|
<ion-icon *ngIf="isLocked" class="action-bar__lock" name="lock" title="Account can't access this post"></ion-icon>
|
|
|
|
<a *ngIf="!isLocked" href class="action-bar__link" title="Favourite"
|
|
[class.favorited]="isFavorited"
|
|
[class.favoriting]="favoriteIsLoading"
|
|
(click)="favorite()">
|
|
<ion-icon name="md-star"></ion-icon>
|
|
</a>
|
|
<ion-icon *ngIf="isLocked" class="action-bar__lock" name="lock" title="Account can't access this post"></ion-icon>
|
|
|
|
<a href class="action-bar__link action-bar__link--cw"
|
|
title="show content" (click)="showContent()"
|
|
*ngIf="isContentWarningActive">
|
|
<fa-icon class="action-bar__cw" [icon]="faWindowClose"></fa-icon>
|
|
</a>
|
|
<a href class="action-bar__link action-bar__link--cw"
|
|
title="hide content" (click)="hideContent()"
|
|
*ngIf="!isContentWarningActive">
|
|
<fa-icon class="action-bar__cw" [icon]="faWindowCloseRegular"></fa-icon>
|
|
</a>
|
|
|
|
<a href class="action-bar__link action-bar__link--more" title="More" (click)="more()">
|
|
<ion-icon name="ios-more"></ion-icon>
|
|
</a>
|
|
|
|
|
|
</div> |