76 lines
4.0 KiB
HTML
76 lines
4.0 KiB
HTML
<div class="reblog" *ngIf="reblog">
|
|
<a class="reblog__profile-link" href (click)="openAccount(status.account)">{{ status.account.display_name }} <img
|
|
*ngIf="reblog" class="reblog__avatar" src="{{ status.account.avatar }}" /></a> boosted
|
|
</div>
|
|
<div *ngIf="notificationType === 'favourite'">
|
|
<div class="notification--icon">
|
|
<fa-icon class="favorite" [icon]="faStar"></fa-icon>
|
|
</div>
|
|
<div class="notification--label">
|
|
<a href class="notification--link"
|
|
(click)="openAccount(notificationAccount)">{{ notificationAccount.display_name }}</a> favorited your status
|
|
</div>
|
|
</div>
|
|
<div *ngIf="notificationType === 'reblog'">
|
|
<div class="notification--icon">
|
|
<fa-icon class="boost" [icon]="faRetweet"></fa-icon>
|
|
</div>
|
|
<div class="notification--label">
|
|
<a href class="notification--link" (click)="openAccount(notificationAccount)">{{ notificationAccount.display_name }}</a> boosted your status
|
|
</div>
|
|
</div>
|
|
<div class="status">
|
|
<div [ngClass]="{'notification--status': notificationAccount }">
|
|
<a href class="status__profile-link" title="{{displayedStatus.account.acct}}"
|
|
(click)="openAccount(displayedStatus.account)">
|
|
<img [class.status__avatar--boosted]="reblog || notificationAccount" class="status__avatar"
|
|
src="{{ displayedStatus.account.avatar }}" />
|
|
<!-- <img *ngIf="reblog" class="status__avatar--reblog" src="{{ status.account.avatar }}" /> -->
|
|
<img *ngIf="notificationAccount" class="notification--avatar" src="{{ notificationAccount.avatar }}" />
|
|
<span class="status__name">
|
|
<span class="status__name--displayname"
|
|
innerHTML="{{displayedStatus.account.display_name}}"></span><span
|
|
class="status__name--username">{{displayedStatus.account.acct}}</span>
|
|
</span>
|
|
</a>
|
|
<div class="status__created-at" title="{{ displayedStatus.created_at | date: 'full' }}">
|
|
<a class="status__created-at--link" href="{{ displayedStatus.url }}" target="_blank">
|
|
{{ status.created_at | timeAgo | async }}
|
|
</a>
|
|
</div>
|
|
<div class="status__labels">
|
|
<div class="status__labels--label status__labels--bot" title="bot" *ngIf="status.account.bot">
|
|
bot
|
|
</div>
|
|
<div class="status__labels--label status__labels--xpost" title="this status was cross-posted"
|
|
*ngIf="isCrossPoster">
|
|
x-post
|
|
</div>
|
|
<div class="status__labels--label status__labels--thread" title="thread" *ngIf="isThread">
|
|
thread
|
|
</div>
|
|
<div class="status__labels--label status__labels--discuss" title="this status has a discution"
|
|
*ngIf="hasReply">
|
|
replies
|
|
</div>
|
|
</div>
|
|
<!-- <div #content class="status__content" innerHTML="{{displayedStatus.content}}"></div> -->
|
|
|
|
<a href class="status__content-warning" *ngIf="isContentWarned" title="show content"
|
|
(click)="removeContentWarning()">
|
|
<span class="status__content-warning--title">sensitive content</span>
|
|
{{ contentWarningText }}
|
|
</a>
|
|
<app-databinded-text class="status__content" *ngIf="!isContentWarned" [text]="displayedStatus.content"
|
|
(accountSelected)="accountSelected($event)" (hashtagSelected)="hashtagSelected($event)"
|
|
(textSelected)="textSelected()"></app-databinded-text>
|
|
<app-attachements *ngIf="!isContentWarned && hasAttachments" class="attachments"
|
|
[attachments]="displayedStatus.media_attachments">
|
|
</app-attachements>
|
|
|
|
<app-action-bar #appActionBar [statusWrapper]="statusWrapper" (cwIsActiveEvent)="changeCw($event)"
|
|
(replyEvent)="openReply()"></app-action-bar>
|
|
</div>
|
|
<app-create-status *ngIf="replyingToStatus" [statusReplyingToWrapper]="statusWrapper"
|
|
(onClose)="closeReply()"></app-create-status>
|
|
</div> |