search prep, refactor userpages

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

@@ -1,8 +1,9 @@
 <div class="comment">
   <div mat-line>
     <mat-icon color="warn" *ngIf="comment.flaggedStatus == 'FLAGGED'">outlined_flag</mat-icon>
+    <span *ngIf="index">{{index}}.&nbsp;</span>
     <small>
-      <ng-container *ngIf="comment.metadata && !comment.metadata.unvote">
+      <ng-container *ngIf="comment.metadata && !comment.metadata.unvote && actions">
         <a href="javascript:" (click)="voteUp(comment.id)" matTooltip="{{'vote.up' | i18n}}">
           <mat-icon inline="true">thumb_up</mat-icon>
         </a>
@@ -26,7 +27,7 @@
           routerLink="/c/{{comment.parent}}">{{'comment' | i18n}}</a></span>
       <span *ngIf="comment.metadata && comment.metadata.entry"> {{'comment.on' | i18n}} <a class="entry"
           routerLink="/e/{{comment.target}}">{{comment.metadata.entry || 'entry'}}</a></span>
-      <span *ngIf="comment.metadata && comment.metadata.unvote"> | </span>
+      <span *ngIf="comment.metadata && comment.metadata.unvote && actions"> | </span>
       <a *ngIf="comment.metadata.unvote" href="javascript:" (click)="unvote()">{{'comment.unvote' | i18n}}</a>
       <span *ngIf="comment.metadata && comment.metadata.flag"> | </span>
       <a *ngIf="comment.metadata && comment.metadata.flag" href="javascript:" (click)="flag(comment.id)" matTooltip="{{'comment.flag' |
@@ -46,7 +47,7 @@
       [style.opacity]="comment.metadata && comment.metadata.points && comment.metadata.points < 0 ? 1 + (comment.metadata.points / 10) : '1.0'"
       [innerHTML]="comment.text | urltext"></div>
     <div mat-line>
-      <small>
+      <small *ngIf="actions">
         <a href="javascript:" (click)="comment.metadata.reply=!comment.metadata.reply">{{(comment.metadata.reply ?
           'comment.replyHide' : 'comment.reply') | i18n}}</a>
         <span *ngIf="canEdit()"> | </span>