From 469b8084eb63adc1264d816bb8aa60ebc8e6127b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 27 Nov 2018 15:30:49 +0100
Subject: [PATCH] Add websocket service in feedback
---
.../feedback-barometer-page.component.ts | 17 ++++++++++++-----
1 file changed, 12 insertions(+), 5 deletions(-)
diff --git a/src/app/components/shared/feedback-barometer-page/feedback-barometer-page.component.ts b/src/app/components/shared/feedback-barometer-page/feedback-barometer-page.component.ts
index fffe8ac3e..72c9fddb6 100644
--- a/src/app/components/shared/feedback-barometer-page/feedback-barometer-page.component.ts
+++ b/src/app/components/shared/feedback-barometer-page/feedback-barometer-page.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
import { AuthenticationService } from '../../../services/http/authentication.service';
import { UserRole } from '../../../models/user-roles.enum';
import { NotificationService } from '../../../services/util/notification.service';
+import { RxStompService } from '@stomp/ng2-stompjs';
/* ToDo: Use TranslateService */
@@ -18,16 +19,22 @@ export class FeedbackBarometerPageComponent implements OnInit {
{ state: 3, name: 'sentiment_very_dissatisfied', message: 'You\'ve lost me.', count: 0, },
];
userRole: UserRole;
+ roomId: number;
+ feedBackUrl = '/Room/' + this.roomId;
- dummy = [2, 3, 2, 0, 1]; // dummy data -> delete this with api implementation and add get-data
+ data = [2, 3, 2, 1]; // dummy data -> delete this with api implementation and add get-data
constructor(
private authenticationService: AuthenticationService,
- private notification: NotificationService, ) {}
+ private notification: NotificationService,
+ private rxStompService: RxStompService) {}
ngOnInit() {
this.userRole = this.authenticationService.getRole();
- this.updateFeedback(this.dummy);
+ this.rxStompService.watch(this.feedBackUrl).subscribe(message => {
+ this.data = message.body; // Adjust to backend implementation
+ });
+ this.updateFeedback(this.data);
}
private updateFeedback(data) {
@@ -39,8 +46,8 @@ export class FeedbackBarometerPageComponent implements OnInit {
}
submitFeedback(state: string) {
- this.dummy[state] += 1; // delete this with api implementation and add submit-data
- this.updateFeedback(this.dummy);
+ this.rxStompService.publish({ destination: this.feedBackUrl, body: state });
+ this.updateFeedback(this.data);
this.notification.show(`Feedback submitted to room.`);
}
--
GitLab