All files / src/app/components/videos videos.component.html

100% Statements 23/23
100% Branches 2/2
100% Functions 2/2
100% Lines 14/14

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24271x   542x     3x 326x   166x   163x   3x     3x 3x 326x 123x 122x 1x   3x  
<app-loader *ngIf="isLoading"></app-loader>
 
<div *ngIf="!isLoading">
    <div class="toolbar">
        <div>
            <p-multiSelect class="videos-select"
                [options]="videos"
                optionLabel="name"
                [(ngModel)]="selectedVideos"
                [filter]="true"
                [filterMatchMode]="'contains'"
                placeholder="Select one or multiple videos"
                (onChange)="onChangeSelection($event.value)"
            />
        </div>
    </div>
    <div #videoContainer>
        <div *ngFor="let video of selectedVideos">
            <h2>{{ video.name }}</h2>
            <video [id]="'video-'+video.id" class="video-js vjs-default-skin" width="50%" controls muted ></video>
        </div>
    </div>
</div>