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 9a3f1cf4b24bb96ef2b2b57ebc08fbf3602f0ee2..85a38db15e1fbcd6c594432d9adeceacd1b0d4bb 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 66703e41d6da1b4be34e7decf56be96127d09f6c..25c232db5460b40c598b1a5ade6186826392e1dc 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;