From d9bc9b370051ac6a1167668d45aa81bf870450ad Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Fri, 28 Jun 2024 13:32:09 +0200
Subject: [PATCH] ov-components: Added spinner while joining session

---
 .../src/lib/components/session/session.component.css | 12 ++++++++++++
 .../lib/components/session/session.component.html    |  5 +++++
 2 files changed, 17 insertions(+)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
index 5d67f203..53c6aaa9 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
@@ -1,3 +1,15 @@
+#spinner {
+	position: absolute;
+    top: 40%;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    text-align: -webkit-center;
+	text-align: -moz-center;
+	color: var(--ov-panel-background);
+}
+
 #session-container {
 	background-color: var(--ov-primary-color);
 	/* min-width: 400px; */
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
index b3673683..8acb90ca 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html
@@ -1,3 +1,8 @@
+<div id="spinner" *ngIf="preparing" >
+	<mat-spinner [diameter]="50"></mat-spinner>
+	<span>{{ 'PREJOIN.PREPARING' | translate }}</span>
+</div>
+
 <div id="session-container" *ngIf="!preparing" @sessionAnimation>
 	<mat-sidenav-container #container #videoContainer class="sidenav-container">
 		<mat-sidenav