aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/playlist/playlist.component.html
blob: b82de1638024d75b5c19940a60cd3ea02b4c6ef3 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="ns-wrapper" *ngIf="tableDatas && tableDatas.length==3">
    <input type="radio" name="slider" id="item-1" value="0" [(ngModel)]="selectedId">
    <input type="radio" name="slider" id="item-2" value="1" [(ngModel)]="selectedId">
    <input type="radio" name="slider" id="item-3" value="2" [(ngModel)]="selectedId">
    <div class="ns-cards">
        <label class="ns-card ns-bg-dark-100 ns-border-primary rounded" for="item-1" id="view-item-1">
            <app-datatable [tableData]="tableDatas[0]"></app-datatable>
        </label>
        <label class="ns-card ns-bg-dark-100 ns-border-primary rounded" for="item-2" id="view-item-2">
            <app-datatable [tableData]="tableDatas[1]"></app-datatable>
        </label>
        <label class="ns-card ns-bg-dark-100 ns-border-primary rounded" for="item-3" id="view-item-3">
            <app-datatable [tableData]="tableDatas[2]"></app-datatable>
        </label>
    </div>
    <div class="ns-infobox text-offwhite">
        <h2>{{datasets[getIndex(selectedId)].name}}</h2>
    </div>
</div>