mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-14 13:16:16 -08:00
49 lines
1.5 KiB
HTML
49 lines
1.5 KiB
HTML
<div
|
|
[class]="
|
|
player === 'videojs' || player === 'html5'
|
|
? 'itv-container'
|
|
: 'itv-container-epg'
|
|
"
|
|
>
|
|
<div class="sidebar">
|
|
<div class="sidebar-content">
|
|
<mat-selection-list
|
|
[multiple]="false"
|
|
[hideSingleSelectionIndicator]="true"
|
|
>
|
|
<cdk-virtual-scroll-viewport
|
|
itemSize="56"
|
|
class="scroll-viewport-portals"
|
|
>
|
|
<mat-list-option
|
|
*cdkVirtualFor="let item of channels"
|
|
(click)="itemClicked.emit(item)"
|
|
>
|
|
<img
|
|
matListItemAvatar
|
|
class="stream-icon"
|
|
*ngIf="item.stream_icon"
|
|
[src]="item.stream_icon"
|
|
/>
|
|
<div class="title" matListItemTitle>
|
|
{{ item.name }}
|
|
</div>
|
|
</mat-list-option>
|
|
</cdk-virtual-scroll-viewport>
|
|
</mat-selection-list>
|
|
</div>
|
|
</div>
|
|
@if (player === 'videojs' || player === 'html5') {
|
|
<div class="video-player">
|
|
@if (streamUrl) {
|
|
<app-web-player-view [streamUrl]="streamUrl" />
|
|
}
|
|
</div>
|
|
}
|
|
<div class="epg">
|
|
<div class="epg-content">
|
|
<app-epg-view [epgItems]="epgItems" />
|
|
</div>
|
|
</div>
|
|
</div>
|