From 421c5ea29caccbef76b3c3180946592b65afede6 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Thu, 22 May 2025 12:47:13 +0200
Subject: [PATCH] ov-components: add participant left event handling and
 navigation in testapp

---
 .../src/app/testing-app/testing.component.html            | 2 +-
 .../src/app/testing-app/testing.component.ts              | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/src/app/testing-app/testing.component.html b/openvidu-components-angular/src/app/testing-app/testing.component.html
index b168f206..fc59b2aa 100644
--- a/openvidu-components-angular/src/app/testing-app/testing.component.html
+++ b/openvidu-components-angular/src/app/testing-app/testing.component.html
@@ -70,7 +70,7 @@
 
 <div id="events"></div>
 
-<ov-videoconference *ngIf="!showDirectives" [token]="token" [prejoin]="false" [participantName]="'Testing'">
+<ov-videoconference *ngIf="!showDirectives" [token]="token" [prejoin]="false" [participantName]="'Testing'" (onParticipantLeft)="onParticipantLeft($event)">
 	<!-- TOOLBAR -->
 	<ng-template [ngIf]="ovToolbarSelected">
 		<ov-toolbar
diff --git a/openvidu-components-angular/src/app/testing-app/testing.component.ts b/openvidu-components-angular/src/app/testing-app/testing.component.ts
index 836549e9..0d1a25c7 100644
--- a/openvidu-components-angular/src/app/testing-app/testing.component.ts
+++ b/openvidu-components-angular/src/app/testing-app/testing.component.ts
@@ -1,8 +1,9 @@
 import { AfterViewInit, Component } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { PanelService } from 'openvidu-components-angular';
 import { Subscription } from 'rxjs';
 import { RestService } from '../services/rest.service';
+import { ParticipantLeftEvent } from '../../../projects/openvidu-components-angular/src/lib/models/participant.model';
 
 interface TemplateDirectives {
 	name: string;
@@ -157,6 +158,7 @@ export class TestingComponent implements AfterViewInit {
 	constructor(
 		private restService: RestService,
 		private route: ActivatedRoute,
+		private router: Router,
 		private panelService: PanelService
 	) {}
 
@@ -296,6 +298,10 @@ export class TestingComponent implements AfterViewInit {
 		this.subscription.unsubscribe();
 	}
 
+	onParticipantLeft(event: ParticipantLeftEvent) {
+		this.router.navigate(['']);
+	}
+
 	toggleMyPanel(type: string) {
 		this.panelService.togglePanel(type);
 	}