openvidu-components: Added logo directive allowing load default logo

pull/707/head
csantosm 2022-03-07 16:54:27 +01:00
parent c6e84cb5da
commit b5a0ab434a
6 changed files with 27 additions and 23 deletions

View File

@ -1,7 +1,7 @@
<mat-toolbar id="toolbar" role="heading" fxLayout fxLayoutAlign="center" fxLayoutGap="10px"> <mat-toolbar id="toolbar" role="heading" fxLayout fxLayoutAlign="center" fxLayoutGap="10px">
<div fxFlex="20%" fxLayoutAlign="start center"> <div fxFlex="20%" fxLayoutAlign="start center">
<div id="img-container"> <div id="img-container">
<img *ngIf="!isMinimal && showLogo" id="branding-logo" src="assets/images/ov_company_logo.png" ovImage /> <img *ngIf="!isMinimal && showLogo" id="branding-logo" src="assets/images/logo.png" ovLogo />
<span id="session-title" *ngIf="!isMinimal && session && session.sessionId && showSessionName">{{ session.sessionId }}</span> <span id="session-title" *ngIf="!isMinimal && session && session.sessionId && showSessionName">{{ session.sessionId }}</span>
</div> </div>
</div> </div>

View File

@ -81,7 +81,6 @@ export class VideoconferenceComponent implements OnInit, AfterViewInit {
// Event sent when session has been created // Event sent when session has been created
@Output() onSessionCreated = new EventEmitter<any>(); @Output() onSessionCreated = new EventEmitter<any>();
joinSessionClicked: boolean = false; joinSessionClicked: boolean = false;
// closeClicked: boolean = false; // closeClicked: boolean = false;
isSessionAlive: boolean = false; isSessionAlive: boolean = false;

View File

@ -11,7 +11,8 @@ import {
ToolbarParticipantsPanelButtonDirective, ToolbarParticipantsPanelButtonDirective,
ToolbarChatPanelButtonDirective, ToolbarChatPanelButtonDirective,
ToolbarDisplaySessionNameDirective, ToolbarDisplaySessionNameDirective,
ToolbarDisplayLogoDirective ToolbarDisplayLogoDirective,
LogoDirective
} from './toolbar.directive'; } from './toolbar.directive';
import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './videoconference.directive'; import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './videoconference.directive';
@ -30,6 +31,7 @@ import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './vi
StreamDisplayParticipantNameDirective, StreamDisplayParticipantNameDirective,
StreamDisplayAudioDetectionDirective, StreamDisplayAudioDetectionDirective,
StreamSettingsButtonDirective, StreamSettingsButtonDirective,
LogoDirective
], ],
exports: [ exports: [
MinimalDirective, MinimalDirective,
@ -44,7 +46,8 @@ import { AudioMutedDirective, MinimalDirective, VideoMutedDirective } from './vi
ToolbarDisplayLogoDirective, ToolbarDisplayLogoDirective,
StreamDisplayParticipantNameDirective, StreamDisplayParticipantNameDirective,
StreamDisplayAudioDetectionDirective, StreamDisplayAudioDetectionDirective,
StreamSettingsButtonDirective StreamSettingsButtonDirective,
LogoDirective
] ]
}) })
export class ApiDirectiveModule {} export class ApiDirectiveModule {}

View File

@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
import { import {
ChatPanelDirective, ChatPanelDirective,
LayoutDirective, LayoutDirective,
OvImageDirective,
PanelDirective, PanelDirective,
ParticipantPanelItemDirective, ParticipantPanelItemDirective,
ParticipantsPanelDirective, ParticipantsPanelDirective,
@ -14,7 +13,6 @@ import {
declarations: [ declarations: [
ChatPanelDirective, ChatPanelDirective,
LayoutDirective, LayoutDirective,
OvImageDirective,
PanelDirective, PanelDirective,
ParticipantPanelItemDirective, ParticipantPanelItemDirective,
ParticipantsPanelDirective, ParticipantsPanelDirective,
@ -24,7 +22,6 @@ import {
exports: [ exports: [
ChatPanelDirective, ChatPanelDirective,
LayoutDirective, LayoutDirective,
OvImageDirective,
PanelDirective, PanelDirective,
ParticipantPanelItemDirective, ParticipantPanelItemDirective,
ParticipantsPanelDirective, ParticipantsPanelDirective,