Feature/413 chat room

backend/src/main/java/io/diveni/backend/controller/WebsocketController.java

@@ -6,6 +6,8 @@
 package io.diveni.backend.controller;
 
 import java.security.Principal;
+import java.time.LocalDateTime;
+import java.time.format.DateTimeFormatter;
 import java.util.Date;
 import java.util.List;
 
@@ -196,6 +198,31 @@ private boolean checkIfAllMembersVoted(List<Member> members) {
     return members.stream().filter(m -> m.getCurrentEstimation() == null).count() == 0;
   }
 
+  @MessageMapping("/chat-admin")
+  public synchronized void processChatMessageAdmin(
+      @Payload String message, AdminPrincipal principal) {
+    LOGGER.debug("--> processChatMessageAdmin()");
+    final DateTimeFormatter formatter = DateTimeFormatter.ofPattern("HH:mm:ss");
+    message = message + "\n  - Host " + LocalDateTime.now().format(formatter);
+    val session =
+        ControllerUtils.getSessionOrThrowResponse(databaseService, principal.getSessionID());
+    webSocketService.sendMessage(session, message, principal.getAdminID());
+    LOGGER.debug("<-- processChatMessageAdmin()");
+  }
+
+  @MessageMapping("/chat-member")
+  public synchronized void processChatMessageMember(
+      @Payload String message, MemberPrincipal principal) {
+    LOGGER.debug("--> processChatMessageMember()");
+    final DateTimeFormatter formatter = DateTimeFormatter.ofPattern("HH:mm:ss");
+    message = message + " " + LocalDateTime.now().format(formatter);
+    val session =
+        ControllerUtils.getSessionByMemberIDOrThrowResponse(
+            databaseService, principal.getMemberID());
+    webSocketService.sendMessage(session, message, principal.getMemberID());
+    LOGGER.debug("<-- processChatMessageMember()");
+  }
+
   @MessageMapping("/restart")
   public synchronized void restartVote(AdminPrincipal principal) {
     LOGGER.debug("--> restartVote()");

backend/src/main/java/io/diveni/backend/model/ChatMessage.java

@@ -0,0 +1,19 @@
+package io.diveni.backend.model;
+
+import lombok.AllArgsConstructor;
+import lombok.EqualsAndHashCode;
+import lombok.Getter;
+import lombok.NoArgsConstructor;
+import lombok.Setter;
+
+@Getter
+@Setter
+@EqualsAndHashCode
+@AllArgsConstructor
+@NoArgsConstructor
+public class ChatMessage {
+
+  private String message;
+
+  private String author;
+}

backend/src/main/java/io/diveni/backend/service/WebSocketService.java

@@ -10,6 +10,7 @@
 import java.util.stream.Collectors;
 import java.util.stream.Stream;
 
+import io.diveni.backend.model.ChatMessage;
 import io.diveni.backend.model.MemberUpdate;
 import io.diveni.backend.model.Session;
 import io.diveni.backend.model.notification.Notification;
@@ -43,6 +44,8 @@ public class WebSocketService {
 
   public static String START_TIMER_DESTINATION = "/updates/startTimer";
 
+  public static String CHAT_MESSAGE_DESTINATION = "/updates/chatMessage";
+
   public static String USER_STORY_SELECTED_DESTINATION = "/updates/userStorySelected";
 
   @Autowired private SimpMessagingTemplate simpMessagingTemplate;
@@ -240,6 +243,30 @@ public void sendTimerStartMessageToUser(Session session, String timestamp, Strin
     LOGGER.debug("<-- sendTimerStartMessageToUser()");
   }
 
+  public void sendMessage(Session session, String message, String userID) {
+    LOGGER.debug("--> sendMessage(), sessionID={}", session.getSessionID());
+    val sessionPrincipals = getSessionPrincipals(session.getSessionID());
+    if (sessionPrincipals.adminPrincipal() != null) {
+      sendChatMessageToUser(
+          session, new ChatMessage(message, userID), sessionPrincipals.adminPrincipal().getName());
+    } // else the admin left the session
+
+    sessionPrincipals
+        .memberPrincipals()
+        .forEach(
+            member ->
+                sendChatMessageToUser(
+                    session, new ChatMessage(message, userID), member.getMemberID()));
+    LOGGER.debug("<-- sendMessage()");
+  }
+
+  public void sendChatMessageToUser(Session session, ChatMessage message, String userID) {
+    LOGGER.debug(
+        "--> sendChatMessageToUser(), sessionID={}, userID={}", session.getSessionID(), userID);
+    simpMessagingTemplate.convertAndSendToUser(userID, CHAT_MESSAGE_DESTINATION, message);
+    LOGGER.debug("<-- sendChatMessageToUser()");
+  }
+
   public void sendNotification(Session session, Notification notification) {
     LOGGER.debug("--> sendNotification(), sessionID={}", session.getSessionID());
     getSessionPrincipals(session.getSessionID())

backend/src/test/java/io/diveni/backend/service/WebSocketServiceTest.java

@@ -17,11 +17,7 @@
 import java.util.Set;
 
 import io.diveni.backend.Utils;
-import io.diveni.backend.model.Member;
-import io.diveni.backend.model.MemberUpdate;
-import io.diveni.backend.model.Session;
-import io.diveni.backend.model.SessionConfig;
-import io.diveni.backend.model.SessionState;
+import io.diveni.backend.model.*;
 import io.diveni.backend.model.notification.Notification;
 import io.diveni.backend.model.notification.NotificationType;
 import io.diveni.backend.principals.AdminPrincipal;
@@ -366,4 +362,48 @@ public void removeSession_isRemoved() throws Exception {
 
     assertTrue(webSocketService.getSessionPrincipalList().isEmpty());
   }
+
+  @Test
+  public void adminSendsMessage_sendsTheMessageToAllUser() throws Exception {
+    final String message = "Test - Host 12:12:12";
+    val memberPrincipal =
+        new MemberPrincipal(defaultAdminPrincipal.getSessionID(), Utils.generateRandomID());
+    setDefaultAdminPrincipal(Set.of(defaultMemberPrincipal, memberPrincipal));
+    val session =
+        new Session(
+            new ObjectId(),
+            defaultAdminPrincipal.getSessionID(),
+            defaultAdminPrincipal.getAdminID(),
+            new SessionConfig(List.of(), List.of(), null, "US_MANUALLY", "password"),
+            null,
+            List.of(
+                new Member(defaultMemberPrincipal.getMemberID(), null, null, null, null),
+                new Member(memberPrincipal.getMemberID(), null, null, null, null)),
+            new HashMap<>(),
+            new ArrayList<>(),
+            SessionState.WAITING_FOR_MEMBERS,
+            null,
+            null,
+            null);
+
+    webSocketService.sendMessage(session, message, defaultAdminPrincipal.getAdminID());
+
+    verify(simpMessagingTemplateMock, times(1))
+        .convertAndSendToUser(
+            defaultMemberPrincipal.getMemberID(),
+            WebSocketService.CHAT_MESSAGE_DESTINATION,
+            new ChatMessage(message, defaultAdminPrincipal.getAdminID()));
+
+    verify(simpMessagingTemplateMock, times(1))
+        .convertAndSendToUser(
+            memberPrincipal.getMemberID(),
+            WebSocketService.CHAT_MESSAGE_DESTINATION,
+            new ChatMessage(message, defaultAdminPrincipal.getAdminID()));
+
+    verify(simpMessagingTemplateMock, times(1))
+        .convertAndSendToUser(
+            defaultAdminPrincipal.getAdminID(),
+            WebSocketService.CHAT_MESSAGE_DESTINATION,
+            new ChatMessage(message, defaultAdminPrincipal.getAdminID()));
+  }
 }

frontend/src/App.vue

@@ -28,7 +28,199 @@ export default Vue.extend({
 });
 </script>
 <style>
+@import "./assets/variables.css";
 main {
   min-height: calc(100vh - 10rem);
+  background:
+  /* Top */
+  radial-gradient(farthest-corner at 500px 500px, var(--blurredColour1) 0.1%, rgba(255, 255, 255, 0) 26%),
+  radial-gradient(farthest-corner at 500px 500px, var(--blurredColour1) 0.1%, rgba(255, 255, 255, 0) 26%),
+  radial-gradient(farthest-corner at 7% 7%, var(--blurredColour2) 0.1%, rgba(255, 255, 255, 0) 8%),
+  radial-gradient(farthest-corner at 17% 40px,  var(--blurredColour3) 1%, rgba(255, 255, 255, 0) 16%),
+  radial-gradient(farthest-corner at 17% 40px,  var(--blurredColour3) 1%, rgba(255, 255, 255, 0) 16%),
+  radial-gradient(farthest-corner at 36% 7%, var(--blurredColour4) 0.1%, rgba(255, 255, 255, 0) 18%),
+  radial-gradient(farthest-corner at 36% 7%, var(--blurredColour4) 0.1%, rgba(255, 255, 255, 0) 18%),
+
+  /* Bottom */
+  radial-gradient(farthest-corner at 95% 42%, var(--blurredColour5) 0.1%, rgba(255, 255, 255, 0) 26%),
+  radial-gradient(farthest-corner at 0% 58%, var(--blurredColour5) 0.1%, rgba(255, 255, 255, 0) 22%),
+  radial-gradient(circle farthest-corner at 65% 95%, var(--blurredColour3) 0.1%, rgba(255, 255, 255, 0) 13%),
+  radial-gradient( farthest-corner at 100% 87%, var(--blurredColour3) 0.1%, rgba(255, 255, 255, 0) 13%),
+  radial-gradient( farthest-corner at 84% 82%, var(--blurredColour4) 0.1%, rgba(255, 255, 255, 0) 13%),
+  radial-gradient(circle farthest-corner at 84% 82%, var(--blurredColour6) 0.1%, rgba(255, 255, 255, 0) 13%);
+  background-color: var(--background-color-primary);
+  backdrop-filter: blur(5px);
+  color: var(--text-primary-color) !important;
+}   
+
+p {
+  color: var(--text-primary-color);
+}
+
+h1 {
+  color: var(--text-primary-color);
+}
+
+h4 {
+  color: var(--text-primary-color);
+}
+/* Landing Page */
+.newSessionCard .landingPageCardButton{
+  background-color: var(--startButton);
+  border-radius: var(--buttonShape);
+  color: var(--text-primary-color);
+}
+
+.newSessionCard .landingPageCardButton:hover{
+  background-color: var(--startButtonHovered);
+  color: var(--text-primary-color);
+}
+
+.newSessionCard .landingPageCardButton:focus{
+  background-color: var(--startButtonHovered) !important;
+}
+
+.newSessionCard .card-footer {
+  background-color: #52173100; /* So the Footer does not overflow */
+}
+
+.joinSessionCard .landingPageCardButton{
+  background-color: var(--joinButton);
+  border-radius: var(--buttonShape);
+  color: var(--text-primary-color);
+}
+
+.joinSessionCard .landingPageCardButton:hover{
+  background-color: var(--joinButtonHovered);
+  color: var(--text-primary-color);
+}
+
+.joinSessionCard .card-footer {
+  background-color: #52173100; /* So the Footer does not overflow */
+}
+
+.reconnectSessionCard .landingPageCardButton {
+  background-color: var(--reconnectButton);
+  border-radius: var(--buttonShape);
+  color: var(--text-primary-color);
+}
+
+.reconnectSessionCard .landingPageCardButton:hover {
+  background-color: var(--reconnectButtonHovered);
+  color: var(--text-primary-color);
+}
+
+.reconnectSessionCard .landingPageCardButton:focus {
+  background-color: var(--reconnectButtonHovered) !important;
+}
+
+.reconnectSessionCard .card-footer {
+  background-color: #52173100; /* So the Footer does not overflow */
+}
+/* Prepare Page */
+.selectedTab  {
+  background-color: var(--preparePageMainColor) !important;
+}
+
+.selectedTextColor {
+  color: var(--text-primary-color) !important;
+}
+
+.notSelectedTab {
+  background-color: var(--preparePageInActiveTab) !important;
+  border-color: var(--preparePageBorderTab) !important;
+}
+
+.notSelectedTab:hover {
+  background-color: var(--preparePageInActiveTabHover) !important;
+}
+
+.notSelectedTextColor {
+  color: var(--text-primary-color) !important;
+}
+
+/*End of prepare Page */
+
+.dropDownLink {
+  color: var(--text-primary-color) !important;
+}
+.containerClass {
+  background-color: var(--landingPageCardsBackground) !important;
+  color: var(--text-primary-color) !important;
+}
+
+.dropdown-item {
+  color: var(--text-primary-color) !important;
+}
+
+.dropdown-item:hover {
+  color: black !important;
+}
+
+.dropdown-item.active {
+  background-color: var(--startButton) !important;
+}
+
+a.btn.joinButton {
+  background-color: var(--joinButton);
+  border-radius: var(--buttonShape);
+  color: var(--text-primary-color);
+}
+
+a.btn.joinButton:hover {
+  background-color: var(--joinButtonHovered);
+}
+
+a.btn.startButton {
+  background-color: var(--startButton);
+  border-radius: var(--buttonShape);
+  color: var(--text-primary-color);
+}
+
+a.btn.startButton:hover {
+  background-color: var(--startButtonHovered);
+}
+
+a.btn.startButton:focus {
+  background-color: var(--startButtonHovered) !important;
+}
+
+.btn.dropdown-toggle { /* User Estimation Button */
+  color: var(--text-primary-color);
+  background-color: var(--joinButton);
+}
+
+.btn.dropdown-toggle:active { /* User Estimation Button hold */
+  background-color: var(--joinButtonHovered) !important;
+  color: var(--text-primary-color) !important;
+}
+
+.btn.dropdown-toggle:hover { /* User Estimation Button Hover */
+  background-color: var(--joinButtonHovered);
+  color: var(--text-primary-color);
+}
+
+.btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { /* User Estimation Button clicked */
+  background-color: var(--joinButton) !important;
+  color: var(--text-primary-color) !important;
 }
+
+.btn-secondary:focus{ /* User Estimation Button after click & add User Story Button on click hold*/
+  background-color: var(--joinButtonHovered) !important;
+  color: var(--text-primary-color) !important;
+}
+
+.a.dropdown-item {
+  color: var(--text-primary-color) !important;
+}
+
+.a.dropdown-item:hover {
+  color: black !important;
+}
+
+.dropdown-menu {
+  background-color: var(--topNavigationBarColor) !important;
+  border-color: var(--text-primary-color) !important;
+}
+
 </style>