From 63f1a34879325eb21e9b47bf0e740a87a0e49e9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Wed, 23 Jan 2019 13:16:46 +0100
Subject: [PATCH] Add tooltips to icon-buttons

---
 .../room-creator-page.component.html               | 14 ++++++++------
 src/assets/i18n/creator/en.json                    |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.html b/src/app/components/creator/room-creator-page/room-creator-page.component.html
index f4d4a3e2f..4e26bcf23 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.html
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.html
@@ -21,38 +21,40 @@
       <mat-divider></mat-divider>
       <mat-grid-list cols="3" rowHeight="2:1">
         <mat-grid-tile colspan="1" rowspan="1">
-        <button mat-icon-button color="primary" background-color="accent"
+        <button mat-icon-button color="primary" matTooltip="{{ 'room-page.create-content' | translate}}"
                 routerLink="/creator/room/{{ room.shortId }}/create-content">
           <mat-icon>note_add</mat-icon>
         </button>
         </mat-grid-tile>
         <mat-grid-tile>
-          <button mat-icon-button color="primary"
+          <button mat-icon-button color="primary" matTooltip="{{ 'room-page.comments' | translate}}"
                   routerLink="/creator/room/{{ room.shortId }}/comments">
             <mat-icon>question_answer</mat-icon>
           </button>
         </mat-grid-tile>
         <mat-grid-tile>
-          <button mat-icon-button *ngIf="!modify" (click)="showEditDialog()"  color="accent">
+          <button mat-icon-button *ngIf="!modify" (click)="showEditDialog()"  color="accent"
+                  matTooltip="{{ 'room-page.edit-room' | translate}}">
             <mat-icon>create</mat-icon>
           </button>
         </mat-grid-tile>
       </mat-grid-list>
       <mat-grid-list cols="3" rowHeight="2:1">
         <mat-grid-tile>
-         <button mat-icon-button color="primary"
+         <button mat-icon-button color="primary" matTooltip="{{ 'room-page.answer-statistics' | translate}}"
                  routerLink="/creator/room/{{ room.shortId }}/statistics">
            <mat-icon>insert_chart</mat-icon>
          </button>
         </mat-grid-tile>
         <mat-grid-tile>
-          <button mat-icon-button color="primary"
+          <button mat-icon-button color="primary" matTooltip="{{ 'room-page.live-feedback' | translate}}"
                   routerLink="/creator/room/{{ room.shortId }}/feedback-barometer">
             <mat-icon>thumbs_up_down</mat-icon>
           </button>
         </mat-grid-tile>
         <mat-grid-tile>
-        <button mat-icon-button color="warn" (click)="openDeletionRoomDialog()">
+        <button mat-icon-button color="warn" (click)="openDeletionRoomDialog()"
+                matTooltip="{{ 'room-page.delete-room' | translate}}">
           <mat-icon>delete_forever</mat-icon>
         </button>
         </mat-grid-tile>
diff --git a/src/assets/i18n/creator/en.json b/src/assets/i18n/creator/en.json
index 1fb26189d..72660fc21 100644
--- a/src/assets/i18n/creator/en.json
+++ b/src/assets/i18n/creator/en.json
@@ -56,7 +56,7 @@
     "create-session": "Create session"
   },
   "statistic": {
-    "content": "Content,
+    "content": "Content",
     "learning-status": "Learning status",
     "total": "Total",
     "percentage": "Percentage",
-- 
GitLab