50 lines
2.4 KiB
HTML
50 lines
2.4 KiB
HTML
<div class="ui main container">
|
|
<h1 class="ui dividing header">Slides</h1>
|
|
<a class="ui primary button"
|
|
[routerLink]="['/admin/slide/new']"><i class="plus sign icon"></i>New slide</a>
|
|
<a class="ui button"
|
|
[routerLink]="['/dashboard']"><i class="left angle icon"></i>Back to dashboard</a>
|
|
<sui-select class="ui right floated selection"
|
|
id="team"
|
|
name="team"
|
|
[(ngModel)]="selectedTeam"
|
|
labelField="name"
|
|
[isSearchable]="true"
|
|
#select>
|
|
<sui-select-option [value]="emptyTeam"></sui-select-option>
|
|
<sui-select-option *ngFor="let team of teams" [value]="team"></sui-select-option>
|
|
</sui-select>
|
|
<table *ngIf="slides?.length" class="ui large padded celled definition table">
|
|
<thead>
|
|
<tr>
|
|
<th class="collapsing"></th>
|
|
<th><i class="large address book outline icon"></i>Slide title</th>
|
|
<th class="collapsing"><i class="large users icon"></i>Owner team</th>
|
|
<th class="collapsing"><i class="large check square outline icon"></i>Visible</th>
|
|
<th class="collapsing"><i class="large arrows alternate vertical icon"></i>Order</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let slide of slides">
|
|
<td class="collapsing">
|
|
<a [routerLink]="['/admin/slide/edit', slide.id]" title="Change"><i
|
|
class="large pencil alternate icon"></i></a>
|
|
<a title="Delete" (click)="delete(slide)"><i
|
|
class="large link red fitted trash alternate outline icon"></i></a>
|
|
</td>
|
|
<td>{{slide.title}}</td>
|
|
<td class="collapsing">{{slideTeam(slide.team)}}</td>
|
|
<td class="center aligned"><i class="large icon" [ngClass]="visibleClass(slide)"></i></td>
|
|
<td class="center aligned">
|
|
<a title="Up" (click)="moveUp(slide)"><i
|
|
class="large link arrow alternate circle up outline icon"
|
|
[ngClass]="upClass(slide)"></i></a>
|
|
<a title="Down" (click)="moveDown(slide)"><i
|
|
class="large link arrow alternate circle down outline icon"
|
|
[ngClass]="downClass(slide)"></i></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|