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

openvidu-components: Added settings directive to webcomponent

pull/739/head
csantosm 2022-06-16 15:55:40 +02:00
parent c8264fdb1b
commit 12ad515e5b
3 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
View File

@ -106,7 +106,7 @@
<mat-divider class="divider" *ngIf="!isMinimal && showSettingsButton"></mat-divider>
<!-- Settings button -->
<button *ngIf="!isMinimal && showSettingsButton" mat-menu-item id="settings-btn" (click)="toggleSettings()">
<button *ngIf="!isMinimal && showSettingsButton" mat-menu-item id="toolbar-settings-btn" (click)="toggleSettings()">
<mat-icon>settings</mat-icon>
<span>{{ 'TOOLBAR.SETTINGS' | translate }}</span>
</button>

1
openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.html
View File

@ -9,6 +9,7 @@
[toolbarScreenshareButton]="_toolbarScreenshareButton"
[toolbarRecordingButton]="_toolbarRecordingButton"
[toolbarFullscreenButton]="_toolbarFullscreenButton"
[toolbarSettingsButton]="_toolbarSettingsButton"
[toolbarLeaveButton]="_toolbarLeaveButton"
[toolbarActivitiesPanelButton]="_toolbarActivitiesPanelButton"
[toolbarChatPanelButton]="_toolbarChatPanelButton"

19
openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
View File

@ -51,6 +51,10 @@ export class OpenviduWebComponentComponent implements OnInit {
* @internal
*/
_toolbarBackgroundEffectsButton: boolean = true;
/**
* @internal
*/
_toolbarSettingsButton: boolean = true;
/**
* @internal
*/
@ -226,6 +230,21 @@ export class OpenviduWebComponentComponent implements OnInit {
@Input() set toolbarBackgroundEffectsButton(value: string | boolean) {
this._toolbarBackgroundEffectsButton = this.castToBoolean(value);
}
/**
* The **toolbarSettingsButton** attribute allows show/hide the settings toolbar button.
*
* Default: `true`
*
* <div class="warn-container">
* <span>WARNING</span>: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the <strong>camelCase</strong> with a <strong>hyphen between words</strong>.</div>
*
* @example
* <openvidu-webcomponent toolbar-settings-button="false"></openvidu-webcomponent>
*/
@Input() set toolbarSettingsButton(value: string | boolean) {
this._toolbarSettingsButton = this.castToBoolean(value);
}
/**
* The **toolbarLeaveButton** attribute allows show/hide the leave toolbar button.
*