merge feature/sidebar
This commit is contained in:
Jakob Fahr
commit
594839d2ff
@ -7,6 +7,7 @@ import { SprintTableComponent } from './sprint-table/sprint-table.component';
|
|||||||
// import { DashboardComponent } from './dashboard/dashboard.component';
|
// import { DashboardComponent } from './dashboard/dashboard.component';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const routes: Routes = [
|
const routes: Routes = [
|
||||||
{ path: 'tasks', component: TaskTableComponent },
|
{ path: 'tasks', component: TaskTableComponent },
|
||||||
{ path: 'userstories', component: UserstoryTableComponent },
|
{ path: 'userstories', component: UserstoryTableComponent },
|
||||||
|
|||||||
@ -0,0 +1,22 @@
|
|||||||
|
.sidebar {
|
||||||
|
width: 150px;
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
margin-top: 10px;
|
||||||
|
bottom: 0;
|
||||||
|
opacity: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover:not(.active) {
|
||||||
|
font-size: 1.15em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
position: relative;
|
||||||
|
float: right;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
@ -1,39 +1,75 @@
|
|||||||
<router-outlet></router-outlet>
|
<div class="container-fluid">
|
||||||
<div class=" fixed-plugin">
|
|
||||||
<div class=" show-dropdown" ngbDropdown>
|
<div class="sidebar">
|
||||||
<a data-toggle="dropdown" ngbDropdownToggle>
|
<div class="logo">
|
||||||
<i class="fa fa-cog fa-2x"></i>
|
<a class="simple-text logo-normal">
|
||||||
|
Taskboard
|
||||||
</a>
|
</a>
|
||||||
<ul ngbDropdownMenu>
|
</div>
|
||||||
<!--
|
<ul class="nav">
|
||||||
<li class=" header-title">Sidebar Background</li>
|
<li class="active ">
|
||||||
<li class=" adjustments-line">
|
<a href="/dashboard">
|
||||||
<a class=" switch-trigger background-color" href="javascript:void(0)">
|
<p>Dashboard</p>
|
||||||
<div class=" badge-colors text-center">
|
|
||||||
<span
|
|
||||||
class=" badge filter badge-danger"
|
|
||||||
[ngClass]="{'active':sidebarColor==='red'}" (click)="changeSidebarColor('red')"
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
class=" badge filter badge-primary"
|
|
||||||
[ngClass]="{'active':sidebarColor==='primary'}" (click)="changeSidebarColor('primary')"
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
<span class=" badge filter badge-info" [ngClass]="{'active':sidebarColor==='blue'}" (click)="changeSidebarColor('blue')"> </span>
|
|
||||||
<span class=" badge filter badge-success" [ngClass]="{'active':sidebarColor==='green'}" (click)="changeSidebarColor('green')">
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class=" clearfix"></div>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
-->
|
<li>
|
||||||
<li class=" adjustments-line text-center color-change">
|
<a href="/sprints">
|
||||||
<span class=" color-label"> LIGHT MODE </span>
|
<p>Sprints</p>
|
||||||
<span class=" badge light-badge mr-2" (click)="changeDashboardColor('white-content')"> </span>
|
</a>
|
||||||
<span class=" badge dark-badge ml-2" (click)="changeDashboardColor('black-content')"> </span>
|
</li>
|
||||||
<span class=" color-label"> DARK MODE </span>
|
<li>
|
||||||
|
<a href="/userstories">
|
||||||
|
<p>Userstories</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/tasks">
|
||||||
|
<p>Tasks</p>
|
||||||
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<router-outlet></router-outlet>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class=" fixed-plugin">
|
||||||
|
<div class=" show-dropdown" ngbDropdown>
|
||||||
|
<a data-toggle="dropdown" ngbDropdownToggle>
|
||||||
|
<i class="fa fa-cog fa-2x"></i>
|
||||||
|
</a>
|
||||||
|
<ul ngbDropdownMenu>
|
||||||
|
<!--
|
||||||
|
<li class=" header-title">Sidebar Background</li>
|
||||||
|
<li class=" adjustments-line">
|
||||||
|
<a class=" switch-trigger background-color" href="javascript:void(0)">
|
||||||
|
<div class=" badge-colors text-center">
|
||||||
|
<span
|
||||||
|
class=" badge filter badge-danger"
|
||||||
|
[ngClass]="{'active':sidebarColor==='red'}" (click)="changeSidebarColor('red')"
|
||||||
|
>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
class=" badge filter badge-primary"
|
||||||
|
[ngClass]="{'active':sidebarColor==='primary'}" (click)="changeSidebarColor('primary')"
|
||||||
|
>
|
||||||
|
</span>
|
||||||
|
<span class=" badge filter badge-info" [ngClass]="{'active':sidebarColor==='blue'}" (click)="changeSidebarColor('blue')"> </span>
|
||||||
|
<span class=" badge filter badge-success" [ngClass]="{'active':sidebarColor==='green'}" (click)="changeSidebarColor('green')">
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class=" clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
-->
|
||||||
|
<li class=" adjustments-line text-center color-change">
|
||||||
|
<span class=" color-label"> LIGHT MODE </span>
|
||||||
|
<span class=" badge light-badge mr-2" (click)="changeDashboardColor('white-content')"> </span>
|
||||||
|
<span class=" badge dark-badge ml-2" (click)="changeDashboardColor('black-content')"> </span>
|
||||||
|
<span class=" color-label"> DARK MODE </span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|||||||
@ -92,6 +92,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -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%;
|
||||||
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
<div class="content">
|
||||||
<h3>
|
<h3>
|
||||||
Sprints
|
Sprints
|
||||||
</h3>
|
</h3>
|
||||||
@ -7,30 +7,30 @@
|
|||||||
<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>
|
||||||
|
|||||||
@ -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%;
|
||||||
|
}
|
||||||
|
|||||||
@ -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}}
|
||||||
>
|
>
|
||||||
</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>
|
||||||
|
|
||||||
|
|||||||
@ -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%;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user