niggl/srumboard_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Replace task-list/userstory-list with task-table/userstory-table

Browse Source
This commit is contained in:
Jakob Fahr
2020-06-22 03:38:23 +02:00
parent 3c03ee6315
commit 03e8c96a1e
18 changed files with 444 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/app/task-table/task-table.component.html Normal file
View File

@@ -0,0 +1,77 @@
<div class="mx-5 my-3">
<h3 class="my-1">
<a
*ngIf="filterUserstoryId"
[routerLink]="['/userstories', {id: filterUserstoryId}]"
>
Userstory #{{filterUserstoryId}} &gt;
</a>
Tasks
</h3>
<button class="btn btn-secondary my-3" (click)="openTaskForm()">Neuer Task</button>
<table class="table">
<thead>
<tr>
<th (click)="sortById()">
<span>ID</span>
<span *ngIf="sortBy === 'id'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByTitle()">
<span>Titel</span>
<span *ngIf="sortBy === 'title'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByContent()">
<span>Inhalt</span>
<span *ngIf="sortBy === 'content'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByTasks()">
<span>Tasks</span>
<span *ngIf="sortBy === 'tasks'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByPrio()">
<span>Priorität</span>
<span *ngIf="sortBy === 'priority'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th></th>
</tr>
</thead>
<tbody>
<tr *ngFor="let task of filteredItems">
<td>{{task.id}}</td>
<td>{{task.title}}</td>
<td>{{task.content}}</td>
<td>
<a [routerLink]="['/userstories', {id: task.userstoryid}]">
US #{{task.userstoryid}}
</a>
</td>
<td>{{task.priority}}</td>
<td>
<button class="btn btn-secondary m-2" (click)="openTaskForm(task)">Bearbeiten</button>
<button class="btn btn-secondary m-2" (click)="deleteTask(task)">Löschen</button>
</td>
</tr>
</tbody>
</table>
</div>