bstlboard-front/src/app/ui/comment/comment.ui.html

40 lines
1.5 KiB
HTML

<div mat-line>
<small>
<a *ngIf="comment.metadata && comment.metadata.vote" href="javascript:" (click)="voteUp(comment.id)"
matTooltip="{{'vote.up' | i18n}}">
<mat-icon inline="true">expand_less</mat-icon>
</a>
<mat-icon *ngIf="!comment.metadata || !comment.metadata.vote" inline="true">&nbsp;</mat-icon>
{{'comment.author' | i18n}}<a routerLink="/u/{{comment.author}}">{{comment.author}}</a>&nbsp;
<a routerLink="/c/{{comment.id}}" matTooltip="{{comment.created | datef:'LLLL'}}">{{comment.created
| datef}}</a>
<a *ngIf="comment.metadata && comment.metadata.downvote" href="javascript:" (click)="voteDown(comment.id)"
matTooltip="{{'vote.down' | i18n}}">
<mat-icon inline="true">remove</mat-icon>
</a>
</small>
</div>
<div mat-line>
{{comment.text}}
</div>
<div mat-line>
<small>
<a href="javascript:" (click)="comment.metadata.reply=!comment.metadata.reply">
{{(comment.metadata.reply ? 'comment.replyHide' : 'comment.reply') | i18n}}
</a>
<span *ngIf="comment.metadata && comment.metadata.unvote">|</span>
<a *ngIf="comment.metadata.unvote" href="javascript:" (click)="voteDown()">
{{'comment.unvote' | i18n}}
</a>
</small>
</div>
<div mat-line>
<ui-commentform *ngIf="comment.metadata.reply" [target]="comment.target" [parent]="comment.id"
[change]="boundReplyCallback"></ui-commentform>
</div>
<ng-container *ngIf="comment.metadata.comments">
<ui-comments [target]="comment.target" [parent]="comment.id"></ui-comments>
</ng-container>