43 lines
2.0 KiB
HTML
43 lines
2.0 KiB
HTML
|
<h2 mat-dialog-title>{{ projectable.getTitle() }}</h2>
|
||
|
|
<mat-dialog-content>
|
||
|
|
<mat-card>
|
||
|
|
<mat-card-title> <span translate>Projectors</span> </mat-card-title>
|
||
|
|
<mat-card-content>
|
||
|
|
<div class="projectors" *ngFor="let projector of projectors" [ngClass]="isProjectedOn(projector) ? 'projected' : ''">
|
||
|
|
<mat-checkbox [checked]="isProjectorSelected(projector)" (change)="toggleProjector(projector)">
|
||
|
|
{{ projector.name | translate }}
|
||
|
|
</mat-checkbox>
|
||
|
|
<span *ngIf="isProjectedOn(projector)" class="right">
|
||
|
|
<mat-icon>videocam</mat-icon>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</mat-card-content>
|
||
|
|
</mat-card>
|
||
|
|
<mat-card *ngIf="options.length > 0">
|
||
|
|
<mat-card-title>
|
||
|
|
<span translate>Slide options</span>
|
||
|
|
</mat-card-title>
|
||
|
|
<mat-card-content>
|
||
|
|
<div *ngFor="let option of options">
|
||
|
|
<div *ngIf="isDecisionOption(option)">
|
||
|
|
<mat-checkbox [checked]="projectorElement[option.key]" (change)="projectorElement[option.key] = !projectorElement[option.key]">
|
||
|
|
{{ option.displayName | translate }}
|
||
|
|
</mat-checkbox>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="isChoiceOption(option)">
|
||
|
|
<h3>{{ option.displayName | translate }}</h3>
|
||
|
|
<mat-radio-group [name]="option.key" [(ngModel)]="projectorElement[option.key]">
|
||
|
|
<mat-radio-button *ngFor="let choice of option.choices" [value]="choice.value">
|
||
|
|
{{ choice.displayName | translate }}
|
||
|
|
</mat-radio-button>
|
||
|
|
</mat-radio-group>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</mat-card-content>
|
||
|
|
</mat-card>
|
||
|
|
</mat-dialog-content>
|
||
|
|
<mat-dialog-actions>
|
||
|
|
<button mat-button (click)="onOk()" color="primary" translate>OK</button>
|
||
|
|
<button mat-button (click)="onCancel()" translate>Cancel</button>
|
||
|
|
</mat-dialog-actions>
|