From 997c4bc50369f6f4aeb60cf78aedee0ff2542aa9 Mon Sep 17 00:00:00 2001
From: Hagen <hagen.dressler@mni.thm.de>
Date: Sat, 7 Apr 2018 14:48:05 +0200
Subject: [PATCH] Add image tooltips to feedback-barometer
---
.../feedback-barometer-page.component.html | 2 +-
.../feedback-barometer-page.component.ts | 8 ++++----
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
index 9a3f1cf4b..85a38db15 100644
--- a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
+++ b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
@@ -1,7 +1,7 @@
<div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
<mat-card>
<div fxLayout="row" fxLayoutGap="30px" *ngFor="let state of feedback">
- <img class="image" src="./assets/{{ state.name }}.png"
+ <img class="image" matTooltip="{{ state.message }}" src="./assets/{{ state.name }}.png"
(click)="userRole === 0 && submitFeedback(state.state)">
<mat-progress-bar [value]="state.count" color="primary">
</mat-progress-bar>
diff --git a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
index 66703e41d..25c232db5 100644
--- a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
+++ b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
@@ -10,10 +10,10 @@ import { NotificationService } from '../../../services/util/notification.service
})
export class FeedbackBarometerPageComponent implements OnInit {
feedback: any = [
- { state: 0, name: 'good', count: 0, },
- { state: 1, name: 'ok', count: 0, },
- { state: 2, name: 'not-ok', count: 0, },
- { state: 3, name: 'bad', count: 0, },
+ { state: 0, name: 'good', message: 'I can follow you.', count: 0, },
+ { state: 1, name: 'ok', message: 'Faster, please!', count: 0, },
+ { state: 2, name: 'not-ok', message: 'Slower, please!', count: 0, },
+ { state: 3, name: 'bad', message: 'You\'ve lost me.', count: 0, },
];
userRole: UserRole;
--
GitLab