ov-components: Added spinner while joining session

OpenVidu · Jun 28, 2024 · d9bc9b3 · d9bc9b3
1 parent db27483
commit d9bc9b3
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/...onents-angular/projects/openvidu-angular/src/lib/components/session/session.component.css b/...onents-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/...nents-angular/projects/openvidu-angular/src/lib/components/session/session.component.html b/...nents-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