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

fixed content under sidebar issue (hopefully)

Browse Source
This commit is contained in:
Tobias Gabelunke 2020-07-02 19:18:00 +02:00
parent 2c31338e2b
commit 49ca3904f5
7 changed files with 276 additions and 249 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/app.component.css
View File

@ -3,6 +3,8 @@
position: relative; position: relative;
float: left; float: left;
margin-top: 10px; margin-top: 10px;
bottom: 0;
opacity: 95%;
} }
.nav a { .nav a {

10
src/app/sprint-table/sprint-table.component.css
View File

@ -1,3 +1,11 @@
th.sortable:hover { th.sortable:hover {
text-decoration: underline; text-decoration: underline;
} }
.content {
position: relative;
float: left;
margin-top: 10px;
margin-left: 20px;
width: 80%;
}

82
src/app/sprint-table/sprint-table.component.html
View File

@ -1,36 +1,36 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="content">
<h3> <h3>
Sprints Sprints
</h3> </h3>
<button class="btn btn-secondary" (click)="openSprintForm()">Neuer Sprint</button> <button class="btn btn-secondary" (click)="openSprintForm()">Neuer Sprint</button>
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th (click)="sortById()" class="sortable"> <th (click)="sortById()" class="sortable">
<span>ID</span> <span>ID</span>
<span> <span>
<span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span> <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByTitle()" class="sortable"> <th (click)="sortByTitle()" class="sortable">
<span>Titel</span> <span>Titel</span>
<span> <span>
<span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span> <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByStartDate()" class="sortable"> <th (click)="sortByStartDate()" class="sortable">
<span>Start</span> <span>Start</span>
<span> <span>
<span *ngIf="sortBy != 'startDate'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortBy != 'startDate'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'startDate'"><i class="fa fa-sort-up fa-lg"></i></span> <span *ngIf="sortDescending && sortBy === 'startDate'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'startDate'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'startDate'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByEndDate()" class="sortable"> <th (click)="sortByEndDate()" class="sortable">
<span>End</span> <span>End</span>
@ -38,29 +38,29 @@
<span *ngIf="sortBy != 'endDate'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortBy != 'endDate'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'endDate'"><i class="fa fa-sort-up fa-lg"></i></span> <span *ngIf="sortDescending && sortBy === 'endDate'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'endDate'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'endDate'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th></th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let sprint of filteredItems" [class.table-info]="sprint.id === highlightId"> <tr *ngFor="let sprint of filteredItems" [class.table-info]="sprint.id === highlightId">
<td>{{sprint.id}}</td> <td>{{sprint.id}}</td>
<td>{{sprint.title}}</td> <td>{{sprint.title}}</td>
<td>{{sprint.startDate | date:'dd.MM.yyyy'}}</td> <td>{{sprint.startDate | date:'dd.MM.yyyy'}}</td>
<td>{{sprint.endDate | date:'dd.MM.yyyy'}}</td> <td>{{sprint.endDate | date:'dd.MM.yyyy'}}</td>
<td> <td>
<button type="button" rel="tooltip" (click)="openSprintForm(sprint)" class="btn btn-success btn-sm btn-icon"> <button type="button" rel="tooltip" (click)="openSprintForm(sprint)" class="btn btn-success btn-sm btn-icon">
<i class="fa fa-pencil-alt"></i> <i class="fa fa-pencil-alt"></i>
</button> </button>
<button type="button" rel="tooltip" (click)="deleteSprint(sprint)" class="btn btn-danger btn-sm btn-icon"> <button type="button" rel="tooltip" (click)="deleteSprint(sprint)" class="btn btn-danger btn-sm btn-icon">
<i class="fa fa-trash"></i> <i class="fa fa-trash"></i>
</button> </button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div>

8
src/app/task-table/task-table.component.css
View File

@ -1,3 +1,11 @@
th.sortable:hover { th.sortable:hover {
text-decoration: underline; text-decoration: underline;
} }
.content {
position: relative;
float: left;
margin-top: 10px;
margin-left: 20px;
width: 80%;
}

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

@ -1,126 +1,126 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="content">
<h3> <h3>
<a *ngIf="filterUserstoryId" [routerLink]="['/userstories', {id: filterUserstoryId}]"> <a *ngIf="filterUserstoryId" [routerLink]="['/userstories', {id: filterUserstoryId}]">
Userstory #{{filterUserstoryId}} Userstory #{{filterUserstoryId}}
&gt; &gt;
</a> </a>
Tasks Tasks
</h3> </h3>
<div *ngIf="filterUserstoryId"> <div *ngIf="filterUserstoryId">
<a [routerLink]="'/tasks'">Alle Tasks anzeigen</a> <a [routerLink]="'/tasks'">Alle Tasks anzeigen</a>
</div> </div>
<button class="btn btn-secondary" (click)="openTaskForm()">Neuer Task</button> <button class="btn btn-secondary" (click)="openTaskForm()">Neuer Task</button>
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th (click)="sortById()" class="sortable"> <th (click)="sortById()" class="sortable">
<span>ID</span> <span>ID</span>
<span> <span>
<span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span> <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByTitle()" class="sortable"> <th (click)="sortByTitle()" class="sortable">
<span>Titel</span> <span>Titel</span>
<span> <span>
<span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span> <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByTasks()" class="sortable"> <th (click)="sortByTasks()" class="sortable">
<span>Userstory</span> <span>Userstory</span>
<span> <span>
<span *ngIf="sortBy != 'userstory'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortBy != 'userstory'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'userstory'"><i class="fa fa-sort-up fa-lg"></i></span> <span *ngIf="sortDescending && sortBy === 'userstory'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'userstory'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'userstory'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByStatus()" class="sortable"> <th (click)="sortByStatus()" class="sortable">
<span>Status</span> <span>Status</span>
<span> <span>
<span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></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 && 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 *ngIf="sortDescending === false && sortBy === 'statusid'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th class="sortable"> <th class="sortable">
<div class="d-inline-block"> <div class="d-inline-block">
<span (click)="sortByPrio()">Priorität: </span> <span (click)="sortByPrio()">Priorität: </span>
<div ngbDropdown class="d-inline-block"> <div ngbDropdown class="d-inline-block">
<span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span> <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1"> <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<option ngbDropdownItem (click)="filterPriority=null">All</option> <option ngbDropdownItem (click)="filterPriority=null">All</option>
<option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option> <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
</div> </div>
</div> </div>
<span (click)="sortByPrio()"> <span (click)="sortByPrio()">
<span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span> <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 && 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 *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</div> </div>
</th> </th>
<th (click)="sortByAssigned()" class="sortable"> <th (click)="sortByAssigned()" class="sortable">
<span>Assigned To</span> <span>Assigned To</span>
<span> <span>
<span *ngIf="sortBy != 'assignedtoid'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortBy != 'assignedtoid'"><i class="fa fa-sort fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'assignedtoid'"><i class="fa fa-sort-up fa-lg"></i></span> <span *ngIf="sortDescending && sortBy === 'assignedtoid'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortDescending === false && sortBy === 'assignedtoid'"><i class="fa fa-sort-down fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'assignedtoid'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th (click)="sortByCategory()" class="sortable"> <th (click)="sortByCategory()" class="sortable">
<span>Category</span> <span>Category</span>
<span> <span>
<span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></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 && 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 *ngIf="sortDescending === false && sortBy === 'categoryid'"><i class="fa fa-sort-down fa-lg"></i></span>
</span> </span>
</th> </th>
<th></th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let task of filteredItems" [class.table-info]="task.id === highlightId"> <tr *ngFor="let task of filteredItems" [class.table-info]="task.id === highlightId">
<td>{{task.id}}</td> <td>{{task.id}}</td>
<td>{{task.title}}</td> <td>{{task.title}}</td>
<td> <td>
<a [routerLink]="['/userstories', {id: task.userstoryid}]"> <a [routerLink]="['/userstories', {id: task.userstoryid}]">
US #{{task.userstoryid}} US #{{task.userstoryid}}
</a> </a>
</td> </td>
<td> <td>
<a [routerLink]="['/status', {id: task.statusid}]"> <a [routerLink]="['/status', {id: task.statusid}]">
{{getStatusTitleById(task.statusid)}} {{getStatusTitleById(task.statusid)}}
</a> </a>
</td> </td>
<td>{{task.priority}}</td> <td>{{task.priority}}</td>
<td> <td>
<a [routerLink]="['/users', {id: task.assignedtoid}]"> <a [routerLink]="['/users', {id: task.assignedtoid}]">
{{getUserNameById(task.assignedtoid)}} {{getUserNameById(task.assignedtoid)}}
</a> </a>
</td> </td>
<td> <td>
<a [routerLink]="['/categories', {id: task.categoryid}]"> <a [routerLink]="['/categories', {id: task.categoryid}]">
{{getCategoryTitleById(task.categoryid)}} {{getCategoryTitleById(task.categoryid)}}
</a> </a>
</td> </td>
<td> <td>
<button type="button" rel="tooltip" (click)="openTaskForm(task)" class="btn btn-success btn-sm btn-icon"> <button type="button" rel="tooltip" (click)="openTaskForm(task)" class="btn btn-success btn-sm btn-icon">
<i class="fa fa-pencil-alt"></i> <i class="fa fa-pencil-alt"></i>
</button> </button>
<button type="button" rel="tooltip" (click)="deleteTask(task)" class="btn btn-danger btn-sm btn-icon"> <button type="button" rel="tooltip" (click)="deleteTask(task)" class="btn btn-danger btn-sm btn-icon">
<i class="fa fa-trash"></i> <i class="fa fa-trash"></i>
</button> </button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>

8
src/app/userstory-table/userstory-table.component.css
View File

@ -1,3 +1,11 @@
th.sortable:hover { th.sortable:hover {
text-decoration: underline; text-decoration: underline;
} }
.content {
position: relative;
float: left;
margin-top: 10px;
margin-left: 20px;
width: 80%;
}

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

@ -1,106 +1,107 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="content">
<h3>Userstories</h3>
<h3>Userstories</h3> <button class="btn btn-secondary" (click)="openUserstoryForm()">Neue Userstory</button>
<button class="btn btn-secondary" (click)="openUserstoryForm()">Neue Userstory</button> <table class="table">
<table class="table"> <thead>
<tr>
<thead> <th (click)="sortById()" class="sortable">
<tr> <span>ID</span>
<th (click)="sortById()" class="sortable"> <span>
<span>ID</span> <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
<span> <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span> </span>
<span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span> </th>
</span> <th (click)="sortByTitle()" class="sortable">
</th> <span>Titel</span>
<th (click)="sortByTitle()" class="sortable"> <span>
<span>Titel</span> <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
<span> <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span> </span>
<span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span> </th>
</span> <th (click)="sortByTasks()" class="sortable">
</th> <span>Tasks</span>
<th (click)="sortByTasks()" class="sortable"> <span>
<span>Tasks</span> <span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
<span> <span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'tasks'"><i class="fa fa-sort-down fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span> </span>
<span *ngIf="sortDescending === false && sortBy === 'tasks'"><i class="fa fa-sort-down fa-lg"></i></span> </th>
</span> <th (click)="sortByStatus()" class="sortable">
</th> <span>Status</span>
<th (click)="sortByStatus()" class="sortable"> <span>
<span>Status</span> <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
<span> <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
<span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span> <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i class="fa fa-sort-down fa-lg"></i></span>
<span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span> </span>
<span *ngIf="sortDescending === false && sortBy === 'statusid'"><i class="fa fa-sort-down fa-lg"></i></span> </th>
</span> <th class="sortable">
</th> <div class="d-inline-block">
<th class="sortable"> <div class="d-inline-block">
<div class="d-inline-block"> <span (click)="sortByPrio()">Priorität: </span>
<div class="d-inline-block"> <div ngbDropdown class="d-inline-block">
<span (click)="sortByPrio()">Priorität: </span> <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
<div ngbDropdown class="d-inline-block"> <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<option ngbDropdownItem (click)="filterPriority=null">All</option> <option ngbDropdownItem (click)="filterPriority=null">All</option>
<option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option> <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
</div>
</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> </div>
<span (click)="sortByPrio()"> </th>
<span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span> <th (click)="sortByCategory()" class="sortable">
<span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span> <span>Category</span>
<span *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></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> </span>
</div> </th>
</div> <th></th>
</th> </tr>
<th (click)="sortByCategory()" class="sortable"> </thead>
<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> <tbody>
<tr *ngFor="let userstory of filteredItems" [class.table-info]="userstory.id === highlightId"> <tr *ngFor="let userstory of filteredItems" [class.table-info]="userstory.id === highlightId">
<td>{{userstory.id}}</td> <td>{{userstory.id}}</td>
<td>{{userstory.title}}</td> <td>{{userstory.title}}</td>
<td> <td>
<a [routerLink]="['/tasks', {userstoryId: userstory.id}]"> <a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
{{getNumberOfTasks(userstory)}} Tasks {{getNumberOfTasks(userstory)}} Tasks
</a> </a>
</td> </td>
<td> <td>
<a [routerLink]="['/status', {id: userstory.statusid}]"> <a [routerLink]="['/status', {id: userstory.statusid}]">
{{getStatusTitleById(userstory.statusid)}} {{getStatusTitleById(userstory.statusid)}}
</a> </a>
</td> </td>
<td>{{userstory.priority}}</td> <td>{{userstory.priority}}</td>
<td> <td>
<a [routerLink]="['/categories', {id: userstory.categoryid}]"> <a [routerLink]="['/categories', {id: userstory.categoryid}]">
{{getCategoryTitleById(userstory.categoryid)}} {{getCategoryTitleById(userstory.categoryid)}}
</a> </a>
</td> </td>
<td> <td>
<button type="button" rel="tooltip" (click)="openUserstoryForm(userstory)" class="btn btn-success btn-sm btn-icon"> <button type="button" rel="tooltip" (click)="openUserstoryForm(userstory)" class="btn btn-success btn-sm btn-icon">
<i class="fa fa-pencil-alt"></i> <i class="fa fa-pencil-alt"></i>
</button> </button>
<button type="button" rel="tooltip" (click)="deleteUserstory(userstory)" class="btn btn-danger btn-sm btn-icon"> <button type="button" rel="tooltip" (click)="deleteUserstory(userstory)" class="btn btn-danger btn-sm btn-icon">
<i class="fa fa-trash"></i> <i class="fa fa-trash"></i>
</button> </button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>