comments

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

@@ -18,13 +18,16 @@
       </span>
       <a routerLink="/c/{{comment.id}}" matTooltip="{{comment.created | datef:'LLLL'}}">{{comment.created
         | datef}}</a>
+      <span *ngIf="comment.metadata && comment.metadata.entry"> {{'comment.on' | i18n}} <a
+          routerLink="/e/{{comment.target}}">{{comment.metadata.entry || 'entry'}}</a></span>
       {{'comment.author' | i18n}}<a routerLink="/u/{{comment.author}}">{{comment.author}}</a>
       <span *ngIf="comment.metadata && comment.metadata.unvote"> | </span>
       <a *ngIf="comment.metadata.unvote" href="javascript:" (click)="unvote()">{{'comment.unvote' | i18n}}</a>
     </small>
   </div>
   <div mat-line class="text"
-    [style.opacity]="comment.metadata && comment.metadata.points && comment.metadata.points < 0 ? 1 + (comment.metadata.points / 10) : '1.0'">{{comment.text}}</div>
+    [style.opacity]="comment.metadata && comment.metadata.points && comment.metadata.points < 0 ? 1 + (comment.metadata.points / 10) : '1.0'">
+    {{comment.text}}</div>
 
   <div mat-line>
     <small>

src/app/ui/comment/comment.ui.scss

@@ -1,9 +1,9 @@
-small a {
+small > a {
   color: inherit !important;
   text-decoration: none;
 }
 
-small a:hover {
+small > a:hover {
   color: inherit !important;
   text-decoration: underline;
 }

src/app/ui/comments/comments.ui.html

@@ -6,7 +6,14 @@
     <ui-comment class="comment" [comment]="comment" [change]="boundRefresh"></ui-comment>
   </ng-container>
 
+  <mat-list *ngIf="comments.totalElements == 0 && !parent">
+    <mat-list-item>
+      <p>{{'comments.nothing' | i18n}}</p>
+    </mat-list-item>
+  </mat-list>
+
   <small *ngIf="comments.totalElements > comments.content.length">
-    <a mat-stroked-button color="primary" (click)="showMore()">{{ (parent ? 'comments.subcomments.showMore' : 'comments.showMore') | i18n}}</a>
+    <a mat-stroked-button color="primary" (click)="showMore()">{{ (parent ? 'comments.subcomments.showMore' :
+      'comments.showMore') | i18n}}</a>
   </small>
 </div>