openvidu-call: Added background resources

openvidu-call/.gitignore

@@ -2,9 +2,10 @@
 
 # compiled output
 *.angular
-/dist
+*/dist
 /tmp
 /out-tsc
+
 # Only exists if Bazel was run
 /bazel-out
 

openvidu-call/openvidu-call-front/package.json

@@ -10,7 +10,7 @@
         "@angular/platform-browser": "13.3.0",
         "@angular/platform-browser-dynamic": "13.3.0",
         "@angular/router": "13.3.0",
-        "openvidu-angular": "file:openvidu-angular-2.22.0-beta1.tgz",
+        "openvidu-angular": "file:openvidu-angular-2.22.0-beta2.tgz",
         "openvidu-browser": "2.21.0",
         "rxjs": "7.5.5",
         "unique-names-generator": "4.7.1",

openvidu-call/openvidu-call-front/src/app/components/call/call.component.html

@@ -1,5 +1,2 @@
-<ov-videoconference
+<ov-videoconference (onJoinButtonClicked)="onJoinButtonClicked()" (onToolbarLeaveButtonClicked)="onLeaveButtonClicked()" [tokens]="tokens">
-	(onJoinButtonClicked)="onJoinButtonClicked()"
+</ov-videoconference>
-	(onToolbarLeaveButtonClicked)="onLeaveButtonClicked()"
-	[tokens]="tokens"
-></ov-videoconference>

openvidu-call/openvidu-call-front/src/app/components/call/call.component.ts

@@ -12,7 +12,6 @@ import { RestService } from '../../services/rest.service';
 export class CallComponent implements OnInit {
 	sessionId = '';
 	tokens: { webcam: string; screen: string };
-
 	joinSessionClicked: boolean = false;
 	closeClicked: boolean = false;
 	isSessionAlive: boolean = false;
@@ -24,14 +23,12 @@ export class CallComponent implements OnInit {
 		private route: ActivatedRoute
 	) {}
 
-	ngOnInit() {
+	async ngOnInit() {
 		this.route.params.subscribe((params: Params) => {
 			this.sessionId = params.roomName;
 		});
-	}
 
-	async onJoinButtonClicked() {
+		let nickname: string = '';
-		let nickname;
 		// Just or debuggin purposes
 		const regex = /^UNSAFE_DEBUG_USE_CUSTOM_IDS_/gm;
 		const match = regex.exec(this.sessionId);
@@ -45,6 +42,8 @@ export class CallComponent implements OnInit {
 			screen: await this.restService.getToken(this.sessionId, nickname)
 		};
 	}
+
+	async onJoinButtonClicked() {}
 	onLeaveButtonClicked() {
 		this.isSessionAlive = false;
 		this.closeClicked = true;

openvidu-call/openvidu-call-front/src/styles.scss

@@ -45,17 +45,18 @@ body { margin: 0; font-family: 'Roboto','RobotoDraft',Helvetica,Arial,sans-serif
 :root {
   --ov-primary-color: #303030;
   --ov-secondary-color: #3e3f3f;
-  --ov-secondary-light-color: #e6e6e6;
   --ov-tertiary-color: #598eff;
   --ov-warn-color: #EB5144;
   --ov-accent-color: #ffae35;
+  --ov-light-color: #e6e6e6;
 
+  --ov-logo-background-color: #3a3d3d;
   --ov-text-color: #ffffff;
 
   --ov-panel-text-color: #1d1d1d;
   --ov-panel-background: #ffffff;
 
-  --ov-buttons-radius: 50%; // border-radius property
+  --ov-buttons-radius: 50%;
   --ov-leave-button-radius: 10px;
   --ov-video-radius: 5px;
   --ov-panel-radius: 5px;