diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts index cf321f5a..7dcd9d6d 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.ts @@ -1,4 +1,5 @@ import { + AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, @@ -100,7 +101,7 @@ import { TranslateService } from '../../services/translate/translate.service'; styleUrls: ['./toolbar.component.css'], changeDetection: ChangeDetectionStrategy.OnPush }) -export class ToolbarComponent implements OnInit, OnDestroy { +export class ToolbarComponent implements OnInit, OnDestroy, AfterViewInit { /** * @ignore */ @@ -399,6 +400,13 @@ export class ToolbarComponent implements OnInit, OnDestroy { this.subscribeToRecordingStatus(); } + ngAfterViewInit() { + // Sometimes the connection is undefined so we have to check the role when the mat menu is opened + this.menuTrigger?.menuOpened.subscribe(() => { + this.isSessionCreator = this.participantService.getMyRole() === OpenViduRole.MODERATOR; + }); + } + ngOnDestroy(): void { if (this.panelTogglingSubscription) this.panelTogglingSubscription.unsubscribe(); if (this.chatMessagesSubscription) this.chatMessagesSubscription.unsubscribe();