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

openvidu-testapp: fix broken checkboxes after Angular update

pull/775/head
pabloFuente 2022-12-27 13:57:15 +01:00
parent 8f8441949c
commit 84864202aa
4 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
openvidu-testapp/src/app/components/dialogs/publisher-properties-dialog/publisher-properties-dialog.component.html
View File

@ -1,14 +1,14 @@
<div> <div>
<h2 mat-dialog-title>Publisher properties</h2> <h2 mat-dialog-title>Publisher properties</h2>
<mat-dialog-content> <mat-dialog-content>
<mat-checkbox (click)="toggleAudio()" [checked]="publisherProperties.audioSource !== false">Audio <mat-checkbox (change)="toggleAudio()" [checked]="publisherProperties.audioSource !== false">Audio
</mat-checkbox> </mat-checkbox>
<mat-checkbox (click)="toggleVideo()" [checked]="publisherProperties.videoSource !== false">Video <mat-checkbox (change)="toggleVideo()" [checked]="publisherProperties.videoSource !== false">Video
</mat-checkbox> </mat-checkbox>
<mat-checkbox [(ngModel)]="publisherProperties.publishAudio" (click)="publisherProperties.publishAudio = !publisherProperties.publishAudio">Publish audio</mat-checkbox> <mat-checkbox [checked]="publisherProperties.publishAudio" (change)="publisherProperties.publishAudio = !publisherProperties.publishAudio">Publish audio</mat-checkbox>
<mat-checkbox [(ngModel)]="publisherProperties.publishVideo" (click)="publisherProperties.publishVideo = !publisherProperties.publishVideo">Publish video</mat-checkbox> <mat-checkbox [checked]="publisherProperties.publishVideo" (change)="publisherProperties.publishVideo = !publisherProperties.publishVideo">Publish video</mat-checkbox>
<mat-checkbox [(ngModel)]="publisherProperties.mirror" (click)="publisherProperties.mirror = !publisherProperties.mirror">Mirror</mat-checkbox> <mat-checkbox [checked]="publisherProperties.mirror" (change)="publisherProperties.mirror = !publisherProperties.mirror">Mirror</mat-checkbox>
<mat-checkbox [(ngModel)]="publisherProperties.videoSimulcast" (click)="publisherProperties.videoSimulcast = !publisherProperties.videoSimulcast">Video Simulcast</mat-checkbox> <mat-checkbox [checked]="publisherProperties.videoSimulcast" (change)="publisherProperties.videoSimulcast = !publisherProperties.videoSimulcast">Video Simulcast</mat-checkbox>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Audio source" [(ngModel)]="audioSource" [disabled]="(publisherProperties.audioSource === false)"> <input matInput placeholder="Audio source" [(ngModel)]="audioSource" [disabled]="(publisherProperties.audioSource === false)">

2
openvidu-testapp/src/app/components/dialogs/recording-properties/recording-properties.component.html
View File

@ -11,7 +11,7 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field class="inner-text-input" [style.fontSize.px]=14> <mat-form-field *ngIf="!!recordingProperties.mediaNode" class="inner-text-input" [style.fontSize.px]=14>
<input matInput id="recording-media-node-field" placeholder="Media Node" <input matInput id="recording-media-node-field" placeholder="Media Node"
[(ngModel)]="recordingProperties.mediaNode.id"> [(ngModel)]="recordingProperties.mediaNode.id">
</mat-form-field> </mat-form-field>

4
openvidu-testapp/src/app/components/dialogs/scenario-properties-dialog/scenario-properties-dialog.component.html
View File

@ -21,8 +21,8 @@
</div> </div>
</div> </div>
<label class="conf-label">Publisher configuration</label> <label class="conf-label">Publisher configuration</label>
<mat-checkbox (click)="toggleAudio()" [checked]="publisherProperties.audioSource !== false">Audio</mat-checkbox> <mat-checkbox (change)="toggleAudio()" [checked]="publisherProperties.audioSource !== false">Audio</mat-checkbox>
<mat-checkbox (click)="toggleVideo()" [checked]="publisherProperties.videoSource !== false">Video</mat-checkbox> <mat-checkbox (change)="toggleVideo()" [checked]="publisherProperties.videoSource !== false">Video</mat-checkbox>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Audio source" [(ngModel)]="audioSource" [disabled]="(publisherProperties.audioSource === false)"> <input matInput placeholder="Audio source" [(ngModel)]="audioSource" [disabled]="(publisherProperties.audioSource === false)">

18
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.html
View File

@ -39,9 +39,9 @@
<div class="join-publish-div"> <div class="join-publish-div">
<button class="join-btn" mat-button (click)="joinSession()" [disabled]="session">JOIN</button> <button class="join-btn" mat-button (click)="joinSession()" [disabled]="session">JOIN</button>
<mat-checkbox class="subscribe-checkbox" name="subscribeTo" (click)="toggleSubscribeTo()" <mat-checkbox class="subscribe-checkbox" name="subscribeTo" (change)="toggleSubscribeTo()"
[checked]="subscribeTo" [disabled]="session">Subscribe</mat-checkbox> [checked]="subscribeTo" [disabled]="session">Subscribe</mat-checkbox>
<mat-checkbox class="publish-checkbox" name="publishTo" (click)="togglePublishTo()" [checked]="publishTo" <mat-checkbox class="publish-checkbox" name="publishTo" (change)="togglePublishTo()" [checked]="publishTo"
[disabled]="session">Publish</mat-checkbox> [disabled]="session">Publish</mat-checkbox>
</div> </div>
@ -51,10 +51,10 @@
<div> <div>
<h4>Send</h4> <h4>Send</h4>
<div> <div>
<mat-checkbox class="send-audio-checkbox" name="sendAudio" (click)="toggleSendAudio()" <mat-checkbox class="send-audio-checkbox" name="sendAudio" (change)="toggleSendAudio()"
[checked]="publisherProperties.audioSource !== false" [disabled]="session || !publishTo">Audio [checked]="publisherProperties.audioSource !== false" [disabled]="session || !publishTo">Audio
</mat-checkbox> </mat-checkbox>
<mat-checkbox class="send-video-checkbox" name="sendVideo" (click)="toggleSendVideo()" <mat-checkbox class="send-video-checkbox" name="sendVideo" (change)="toggleSendVideo()"
[checked]="publisherProperties.videoSource !== false" [disabled]="session || !publishTo">Video [checked]="publisherProperties.videoSource !== false" [disabled]="session || !publishTo">Video
</mat-checkbox> </mat-checkbox>
</div> </div>
@ -63,12 +63,12 @@
<h4>Enter active</h4> <h4>Enter active</h4>
<div> <div>
<mat-checkbox class="active-audio-checkbox" name="activeAudio" <mat-checkbox class="active-audio-checkbox" name="activeAudio"
[(ngModel)]="publisherProperties.publishAudio" [checked]="publisherProperties.publishAudio"
(click)="publisherProperties.publishAudio = !publisherProperties.publishAudio" (change)="publisherProperties.publishAudio = !publisherProperties.publishAudio"
[disabled]="session || !publishTo">Audio</mat-checkbox> [disabled]="session || !publishTo">Audio</mat-checkbox>
<mat-checkbox class="active-video-checkbox" name="activeVideo" <mat-checkbox class="active-video-checkbox" name="activeVideo"
[(ngModel)]="publisherProperties.publishVideo" [checked]="publisherProperties.publishVideo"
(click)="publisherProperties.publishVideo = !publisherProperties.publishVideo" (change)="publisherProperties.publishVideo = !publisherProperties.publishVideo"
[disabled]="session || !publishTo">Video</mat-checkbox> [disabled]="session || !publishTo">Video</mat-checkbox>
</div> </div>
</div> </div>
@ -85,7 +85,7 @@
</div> </div>
</mat-radio-group> </mat-radio-group>
<mat-checkbox class="subscribe-remote-check" name="subscribeToRemote" <mat-checkbox class="subscribe-remote-check" name="subscribeToRemote"
(click)="subscribeToRemote = !subscribeToRemote" [disabled]="!publishTo || session" (change)="subscribeToRemote = !subscribeToRemote" [disabled]="!publishTo || session"
[checked]="publishTo && subscribeToRemote">Subscribe [checked]="publishTo && subscribeToRemote">Subscribe
<br>to remote</mat-checkbox> <br>to remote</mat-checkbox>
</div> </div>