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

Added new collumns to task and userstory table (no logic yet)

Browse Source
This commit is contained in:
Nicolai Ort 2020-06-29 15:29:14 +02:00
parent eefa6de678
commit 781165e974
4 changed files with 79 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/task-table/task-table.component.html
View File

@ -40,6 +40,13 @@
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByStatus()" class="sortable">
<span>Status</span>
<span *ngIf="sortBy === 'status'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByPrio()" class="sortable">
<span>Priorität</span>
<label class="pl-3" (click)="$event.stopPropagation()">
@ -53,6 +60,20 @@
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByAssigned()" class="sortable">
<span>Assigned To</span>
<span *ngIf="sortBy === 'assignedto'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByCategory()" class="sortable">
<span>Category</span>
<span *ngIf="sortBy === 'category'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th></th>
</tr>
</thead>
@ -66,7 +87,22 @@
US #{{task.userstoryid}}
</a>
</td>
<td>
<a [routerLink]="['/status', {id: task.statusid}]">
Status: {{task.statusid}}
</a>
</td>
<td>{{task.priority}}</td>
<td>
<a [routerLink]="['/users', {id: task.assignedtoid}]">
Status: {{task.assignedtoid}}
</a>
</td>
<td>
<a [routerLink]="['/categories', {id: task.categoryid}]">
Status: {{task.categoryid}}
</a>
</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>

12
src/app/task-table/task-table.component.ts
View File

@ -5,6 +5,8 @@ import {TaskFormComponent} from '../task-form/task-form.component';
import {TableComponentBase} from '../services/table-component.base';
import {ActivatedRoute, ParamMap, Router} from '@angular/router';
import {getNumberForPriority} from '../services/sorting.service';
import { Title } from '@angular/platform-browser';
import { isNumber } from 'util';
@Component({
selector: 'app-userstory-table',
@ -93,6 +95,16 @@ export class TaskTableComponent extends TableComponentBase<ScrumTask> {
this.doNumericSort('userstory', task => task.userstoryid);
}
sortByStatus() {
this.doStringSort('title', task => task.title);
}
sortByAssigned() {
this.doStringSort('title', task => task.title);
}
sortByCategory() {
this.doStringSort('title', task => task.title);
}
private findTaskById(id: number): ScrumTask {
return this.items.find(t => t.id === id);
}

24
src/app/userstory-table/userstory-table.component.html
View File

@ -29,6 +29,13 @@
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByStatus()" class="sortable">
<span>Status</span>
<span *ngIf="sortBy === 'status'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByPrio()" class="sortable">
<span>Priorität</span>
<label class="pl-3" (click)="$event.stopPropagation()">
@ -42,6 +49,13 @@
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th (click)="sortByCategory()" class="sortable">
<span>Category</span>
<span *ngIf="sortBy === 'category'" class="pl-3">
<span *ngIf="sortDescending">▲</span>
<span *ngIf="sortDescending === false">▼</span>
</span>
</th>
<th></th>
</tr>
</thead>
@ -55,7 +69,17 @@
{{getNumberOfTasks(userstory)}} Tasks
</a>
</td>
<td>
<a [routerLink]="['/status', {id: userstory.statusid}]">
Status: {{userstory.statusid}}
</a>
</td>s
<td>{{userstory.priority}}</td>
<td>
<a [routerLink]="['/categories', {id: userstory.categoryid}]">
Status: {{userstory.categoryid}}
</a>
</td>
<td>
<button class="btn btn-secondary m-2" (click)="openUserstoryForm(userstory)">Bearbeiten</button>
<button class="btn btn-secondary m-2" (click)="deleteUserstory(userstory)">Löschen</button>

7
src/app/userstory-table/userstory-table.component.ts
View File

@ -95,4 +95,11 @@ export class UserstoryTableComponent extends TableComponentBase<ScrumUserstory>
public sortByTasks() {
this.doNumericSort('tasks', us => this.getNumberOfTasks(us));
}
sortByStatus() {
this.doStringSort('title', us => us.title);
}
sortByCategory() {
this.doStringSort('title', us => us.title);
}
}