Add tooltips to comment-icons

src/app/components/shared/comment/comment.component.html

@@ -11,14 +11,16 @@
           {{comment.timestamp | date: 'h:mm a'}}
         </ng-template>
       </div>
-      <button mat-icon-button [disabled]="isStudent" (click)="setCorrect(comment)">
+      <button mat-icon-button [disabled]="isStudent" (click)="setCorrect(comment)"
+              matTooltip="{{ 'comment-page.correct' | translate }}">
         <mat-icon [ngClass]="{true : 'correct-icon', false: 'not-marked'}[comment.correct]">check_circle</mat-icon>
       </button>
-      <button mat-icon-button [disabled]="isStudent"
-              (click)="setFavorite(comment)">
+      <button mat-icon-button [disabled]="isStudent" (click)="setFavorite(comment)"
+              matTooltip="{{ 'comment-page.favorite' | translate }}">
         <mat-icon [ngClass]="{true: 'favorite-icon', false: 'not-marked'}[comment.favorite]">favorite</mat-icon>
       </button>
-      <button mat-icon-button [disabled]="isStudent" (click)="setRead(comment)">
+      <button mat-icon-button [disabled]="isStudent" (click)="setRead(comment)"
+              matTooltip="{{ 'comment-page.read' | translate }}">
         <mat-icon class="icon" [ngClass]="{'read-icon': comment.read, 'not-marked' : !comment.read}">visibility
         </mat-icon>
       </button>

src/assets/i18n/creator/de.json

@@ -92,7 +92,10 @@
     "semicolon": "Standard CSV",
     "export": "Exportieren",
     "really": "Wollen sie wirklich alle Kommentare dieser Session löschen?",
-    "no-comments": "Es wurden noch keine Kommentare erstellt ..."
+    "no-comments": "Es wurden noch keine Kommentare erstellt ...",
+    "correct": "Als richtig markieren",
+    "favorite": "Als Favoriten markieren",
+    "read": "Als gelesen markieren"
   },
   "comment-list": {
     "search": "Suchen",

src/assets/i18n/creator/en.json

@@ -92,7 +92,10 @@
     "semicolon": "Standard CSV",
     "export": "Export",
     "really": "Do you really want to delete all comments of this session?",
-    "no-comments": "No comments have been created yet ..."
+    "no-comments": "No comments have been created yet ...",
+    "correct": "Mark as correct",
+    "favorite": "Mark as favorite",
+    "read": "Mark as read"
   },
   "comment-list": {
     "search": "Search",

src/assets/i18n/participant/de.json

@@ -22,7 +22,10 @@
     "error-comment": "Bitte geben Sie einen Kommentartext ein.",
     "error-title": "Bitte geben Sie einen Titel ein.",
     "error-both-fields": "Bitte füllen Sie alle Felder aus.",
-    "no-comments": "Es wurden noch keine Kommentare erstellt ..."
+    "no-comments": "Es wurden noch keine Kommentare erstellt ...",
+    "correct": "Richtig",
+    "favorite": "Favorit",
+    "read": "Gelesen"
   },
   "comment-list": {
     "search": "Suchen",

src/assets/i18n/participant/en.json

@@ -22,7 +22,10 @@
     "error-title": "Please enter a title.",
     "error-comment": "Please enter a comment-text.",
     "error-both-fields": "Please fill in all fields.",
-    "no-comments": "No comments have been created yet ..."
+    "no-comments": "No comments have been created yet ...",
+    "correct": "Correct",
+    "favorite": "Favorite",
+    "read": "Read"
   },
   "comment-list": {
     "search": "Search",