ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ov-components: Fixed blocking dialog when connection issues

pull/848/head
Carlos Santos 2024-10-10 15:50:37 +02:00 committed by Unknown
parent c273ae0109
commit 9a7a2e3adb
2 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/session/session.component.ts
View File

@ -211,7 +211,7 @@ export class SessionComponent implements OnInit, OnDestroy {
if (this.shouldDisconnectRoomWhenComponentIsDestroyed) {
await this.disconnectRoom();
}
this.room.removeAllListeners();
if(this.room) this.room.removeAllListeners();
this.participantService.clear();
// this.room = undefined;
if (this.menuSubscription) this.menuSubscription.unsubscribe();
@ -443,27 +443,25 @@ export class SessionComponent implements OnInit, OnDestroy {
);
}
private subscribeToReconnection() {
subscribeToReconnection() {
this.room.on(RoomEvent.Reconnecting, () => {
this.log.w('Connection lost: Reconnecting');
this.actionService.openDialog(
this.actionService.openConnectionDialog(
this.translateService.translate('ERRORS.CONNECTION'),
this.translateService.translate('ERRORS.RECONNECT'),
false
this.translateService.translate('ERRORS.RECONNECT')
);
});
this.room.on(RoomEvent.Reconnected, () => {
this.log.w('Connection lost: Reconnected');
this.actionService.closeDialog();
this.actionService.closeConnectionDialog();
});
this.room.on(RoomEvent.Disconnected, async (reason: DisconnectReason | undefined) => {
if (reason === DisconnectReason.SERVER_SHUTDOWN) {
this.log.e('Room Disconnected', reason);
this.actionService.openDialog(
this.actionService.openConnectionDialog(
this.translateService.translate('ERRORS.CONNECTION'),
this.translateService.translate('ERRORS.RECONNECT'),
false
this.translateService.translate('ERRORS.RECONNECT')
);
}
// await this.disconnectRoom();

39
openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/action/action.service.ts
View File

@ -20,6 +20,9 @@ export class ActionService {
| MatDialogRef<DialogTemplateComponent | RecordingDialogComponent | DeleteDialogComponent | ProFeatureDialogTemplateComponent>
| undefined;
private dialogSubscription: Subscription;
private connectionDialogRef: MatDialogRef<DialogTemplateComponent> | undefined;
private isConnectionDialogOpen: boolean = false;
constructor(
private snackBar: MatSnackBar,
public dialog: MatDialog,
@ -62,23 +65,17 @@ export class ActionService {
}
}
// openProFeatureDialog(titleMessage: string, descriptionMessage: string, allowClose = true) {
// try {
// this.closeDialog();
// } catch (error) {
// } finally {
// const config: MatDialogConfig = {
// minWidth: '250px',
// data: { title: titleMessage, description: descriptionMessage, showActionButtons: allowClose },
// disableClose: !allowClose
// };
// this.dialogRef = this.dialog.open(ProFeatureDialogTemplateComponent, config);
// this.dialogSubscription = this.dialogRef.afterClosed().subscribe((result) => {
// this.dialogRef = undefined;
// if (this.dialogSubscription) this.dialogSubscription.unsubscribe();
// });
// }
// }
openConnectionDialog(titleMessage: string, descriptionMessage: string, allowClose = false) {
if (this.isConnectionDialogOpen) return;
const config: MatDialogConfig = {
minWidth: '250px',
data: { title: titleMessage, description: descriptionMessage, showActionButtons: allowClose },
disableClose: !allowClose
};
this.connectionDialogRef = this.dialog.open(DialogTemplateComponent, config);
this.isConnectionDialogOpen = true;
}
openDeleteRecordingDialog(succsessCallback) {
try {
@ -121,6 +118,14 @@ export class ActionService {
this.dialogRef?.close();
}
closeConnectionDialog() {
if (this.connectionDialogRef) {
this.connectionDialogRef.close();
this.isConnectionDialogOpen = false;
this.connectionDialogRef = undefined;
}
}
private handleRecordingPlayerError(error: MediaError | null) {
let message = 'ERRORS.MEDIA_ERR_GENERIC';
if (error) {