mtas-tv-frontend/src/app/admin/slide-list/slide-list.component.html

31 lines
1.4 KiB
HTML
Raw Normal View History

<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]="['/admin']"><i class="left angle icon"></i>Back to dashboard</a>
<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>
</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 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>
</tr>
</tbody>
</table>
</div>