From d18d37de821183d2d5722859a1edeca35a675e68 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 14 Jun 2022 12:23:59 +0200
Subject: [PATCH] openvidu-components: Emitted event when refresh button is
 clicked

---
 .../admin/dashboard/dashboard.component.html    |  2 +-
 .../lib/admin/dashboard/dashboard.component.ts  | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.html
index 59f13eaf..8659436c 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.html
@@ -38,7 +38,7 @@
 				</mat-menu>
 
 				<div class="refresh-btn">
-					<button matSuffix mat-icon-button aria-label="Refresh">
+					<button matSuffix mat-icon-button aria-label="Refresh" (click)="refreshRecordings()">
 						<mat-icon>refresh</mat-icon>
 					</button>
 				</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.ts
index 24fb5bc6..930597e8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.ts
@@ -14,20 +14,28 @@ export class AdminDashboardComponent implements OnInit, OnDestroy {
 	/**
 	 * Provides event notifications that fire when download recording button has been clicked.
 	 * The recording should be downloaded using the REST API.
+	 * @param recordingId
 	 */
 	@Output() onDownloadRecordingClicked: EventEmitter<string> = new EventEmitter<string>();
 
 	/**
 	 * Provides event notifications that fire when delete recording button has been clicked.
 	 * The recording should be deleted using the REST API.
+	 * @param recordingId
 	 */
 	@Output() onDeleteRecordingClicked: EventEmitter<string> = new EventEmitter<string>();
 
 	/**
 	 * Provides event notifications that fire when play recording button has been clicked.
+	 * @param recordingId
 	 */
 	@Output() onPlayRecordingClicked: EventEmitter<string> = new EventEmitter<string>();
 
+	/**
+	 * Provides event notifications that fire when refresh recordings button has been clicked.
+	 */
+	@Output() onRefreshRecordingsClicked: EventEmitter<void> = new EventEmitter<void>();
+
 	/**
 	 * @internal
 	 */
@@ -116,7 +124,7 @@ export class AdminDashboardComponent implements OnInit, OnDestroy {
 	 * @internal
 	 */
 	getThumbnailSrc(recording: RecordingInfo): string {
-		return !recording.url ? undefined : recording.url.substring(0, recording.url.lastIndexOf('/')) + '/' + recording.id + '.jpg';
+		return !recording.url ? '' : recording.url.substring(0, recording.url.lastIndexOf('/')) + '/' + recording.id + '.jpg';
 	}
 
 	/**
@@ -138,6 +146,13 @@ export class AdminDashboardComponent implements OnInit, OnDestroy {
 		this.onDownloadRecordingClicked.emit(recordingId);
 	}
 
+	/**
+	 * @internal
+	 */
+	refreshRecordings() {
+		this.onRefreshRecordingsClicked.emit();
+	}
+
 	/**
 	 * @internal
 	 */