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

Both sides w/ cards

Browse Source
This commit is contained in:
Nicolai Ort 2020-07-03 17:27:19 +02:00
parent 6adb0c0401
commit cfb2b7f98b
2 changed files with 19 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
src/app/backlog-table/backlog.component.html
View File

@ -36,109 +36,25 @@
<div class="col-lg-6 container-fluid"> <div class="col-lg-6 container-fluid">
<h4>Sprint-Backlog - y</h4> <h4>Sprint-Backlog - y</h4>
<div *ngFor="let story of choosen" class="col-lg-6 container-fluid">
<table class="table"> <div class="card" style="width: 150%;">
<div class="card-body">
<thead> <h4 class="card-title">{{story.title}}</h4>
<tr> <h6 class="card-subtitle mb-2 text-muted">Prio: {{story.priority}}</h6>
<th (click)="sortById()" class="sortable"> <p class="card-text">{{story.content}}</p>
<span>ID</span> <div title="Badges">
<span> <span class="badge badge-primary">Category: {{story.categoryid || "N/A"}}</span>
<span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span> <span class="badge badge-info">Status: {{story.statusid || "N/A"}}</span>
<span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span> </div>
<span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span> <div style="text-align: right;">
</span> <button type="button" rel="tooltip" (click)="deleteFromSprintBacklog(story)"
</th> class="btn btn-danger btn-sm btn-icon">
<th (click)="sortByTitle()" class="sortable"> <i class="fa fa-trash"></i>
<span>Titel</span> </button>
<span> </div>
<span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span> </div>
<span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span> </div>
<span *ngIf="sortDescending === false && sortBy === 'title'"><i </div>
class="fa fa-sort-down fa-lg"></i></span>
</span>
</th>
<th (click)="sortByTasks()" class="sortable">
<span>Tasks</span>
<span>
<span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'tasks'"><i
class="fa fa-sort-down fa-lg"></i></span>
</span>
</th>
<th (click)="sortByStatus()" class="sortable">
<span>Status</span>
<span>
<span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'statusid'"><i
class="fa fa-sort-down fa-lg"></i></span>
</span>
</th>
<th class="sortable">
<div class="d-inline-block">
<div class="d-inline-block">
<span (click)="sortByPrio()">Priorität: </span>
<div ngbDropdown class="d-inline-block">
<span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<option ngbDropdownItem (click)="filterPriority=null">All</option>
<option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}
</option>
</div>
</div>
<span (click)="sortByPrio()">
<span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'priority'"><i
class="fa fa-sort-down fa-lg"></i></span>
</span>
</div>
</div>
</th>
<th (click)="sortByCategory()" class="sortable">
<span>Category</span>
<span>
<span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i
class="fa fa-sort-down fa-lg"></i></span>
</span>
</th>
<th></th>
</tr>
</thead>
<tbody>
<tr *ngFor="let userstory of choosen">
<td>{{userstory.id}}</td>
<td>{{userstory.title}}</td>
<td>
<a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
{{getNumberOfTasks(userstory)}} Tasks
</a>
</td>
<td>
<a [routerLink]="['/status', {id: userstory.statusid}]">
{{getStatusTitleById(userstory.statusid)}}
</a>
</td>
<td>{{userstory.priority}}</td>
<td>
<a [routerLink]="['/categories', {id: userstory.categoryid}]">
{{getCategoryTitleById(userstory.categoryid)}}
</a>
</td>
<td>
<button type="button" rel="tooltip" (click)="deleteFromSprintBacklog(userstory)"
class="btn btn-danger btn-sm btn-icon">
<i class="fa fa-trash"></i>
</button>
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>

1
src/app/backlog-table/backlog.component.ts
View File

@ -164,7 +164,6 @@ export class BacklogComponent extends TableComponentBase<
} else { } else {
var currentDate = new Date(); var currentDate = new Date();
this.currentSprint = response.body.find(x => x.startDate < currentDate); this.currentSprint = response.body.find(x => x.startDate < currentDate);
alert(this.currentSprint);
}}); }});
} }