flagging

src/app/ui/comment/comment.ui.html

@@ -27,6 +27,16 @@
           routerLink="/e/{{comment.target}}">{{comment.metadata.entry || 'entry'}}</a></span>
       <span *ngIf="comment.metadata && comment.metadata.unvote"> | </span>
       <a *ngIf="comment.metadata.unvote" href="javascript:" (click)="unvote()">{{'comment.unvote' | i18n}}</a>
+      <span> | </span>
+      <a *ngIf="comment.metadata && comment.metadata.flag" href="javascript:" (click)="flag(comment.id)" matTooltip="{{'comment.flag' |
+        i18n}}">
+        <mat-icon inline="true">outlined_flag</mat-icon>
+      </a>
+      <a *ngIf="comment.metadata && comment.metadata.unflag" href="javascript:" (click)="unflag(comment.id)"
+        matTooletip="{{'comment.unflag' |
+        i18n}}">
+        <mat-icon inline="true">flag</mat-icon>
+      </a>
     </small>
   </div>
   <ng-container *ngIf="!comment.metadata || !comment.metadata.edit">
@@ -39,8 +49,14 @@
           'comment.replyHide' : 'comment.reply') | i18n}}</a>
         <span *ngIf="canEdit()"> | </span>
         <a *ngIf="canEdit()" href="javascript:" (click)="edit()">{{'comment.edit' | i18n}}</a>
-        <span *ngIf="moderator"> | </span>
-        <a *ngIf="moderator" href="javascript:" (click)="modDeleteComment(comment)">{{'moderation.comment.delete' | i18n}}</a>
+        <ng-container *ngIf="moderator">
+          <span *ngIf="comment.flaggedStatus == 'FLAGGED'"> | </span>
+          <a *ngIf="comment.flaggedStatus == 'FLAGGED'" href="javascript:" (click)="modUnflagComment()">{{'moderation.comment.unflag' |
+            i18n}}</a>
+          <span> | </span>
+          <a href="javascript:" (click)="modDeleteComment(comment)">{{'moderation.comment.delete' |
+            i18n}}</a>
+        </ng-container>
       </small>
     </div>
   </ng-container>