first test sidebar
This commit is contained in:
Tobias Gabelunke
parent
a27de02468
commit
b83c719948
@ -1,39 +1,73 @@
|
|||||||
<router-outlet></router-outlet>
|
<div class="container-fluid">
|
||||||
<div class=" fixed-plugin">
|
|
||||||
<div class=" show-dropdown" ngbDropdown>
|
<nav class="sidebar bg-indigo">
|
||||||
<a data-toggle="dropdown" ngbDropdownToggle>
|
<!-- <div class="container"> -->
|
||||||
<i class="fa fa-cog fa-2x"></i>
|
<a class="sidebar-brand" href="/dashboard">Taskboard</a>
|
||||||
</a>
|
<ul class="sidebar-nav">
|
||||||
<ul ngbDropdownMenu>
|
<li class="nav-item">
|
||||||
<!--
|
<div class="card">
|
||||||
<li class=" header-title">Sidebar Background</li>
|
<div class="card-body">
|
||||||
<li class=" adjustments-line">
|
<a class="nav-link" href="/sprints">Sprints</a>
|
||||||
<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>
|
||||||
<div class=" clearfix"></div>
|
</div>
|
||||||
</a>
|
|
||||||
</li>
|
</li>
|
||||||
-->
|
<li class="nav-item">
|
||||||
<li class=" adjustments-line text-center color-change">
|
<div class="card">
|
||||||
<span class=" color-label"> LIGHT MODE </span>
|
<div class="card-body">
|
||||||
<span class=" badge light-badge mr-2" (click)="changeDashboardColor('white-content')"> </span>
|
<a class="nav-link" href="/userstories">Userstories</a>
|
||||||
<span class=" badge dark-badge ml-2" (click)="changeDashboardColor('black-content')"> </span>
|
</div>
|
||||||
<span class=" color-label"> DARK MODE </span>
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<a class="nav-link" href="/tasks">Tasks</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
</nav>
|
||||||
|
|
||||||
|
<router-outlet></router-outlet>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|||||||
@ -1,60 +1,55 @@
|
|||||||
<div class="container-fluid">
|
|
||||||
|
|
||||||
<div class="row px-3 py-2">
|
<div class="row px-3 py-2">
|
||||||
<h1>Dashboard</h1>
|
<h1>Dashboard</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row px-3 py-2">
|
||||||
|
<h2>Current sprint</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
Userstories
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<canvas id="done-stories-chart"></canvas>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row px-3 py-2">
|
<div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
|
||||||
<h2>Current sprint</h2>
|
<div class="card-deck">
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="card"
|
||||||
|
[class.border-danger]="getSprintUrgency() == 0"
|
||||||
<div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
|
[class.border-warning]="getSprintUrgency() == 1"
|
||||||
<div class="card">
|
[class.border-success]="getSprintUrgency() == 2"
|
||||||
<div class="card-header">
|
*ngIf="getRemainingDaysInSprint() !== undefined">
|
||||||
Userstories
|
<div class="card-header">
|
||||||
</div>
|
Days remaining
|
||||||
<div class="card-body">
|
|
||||||
<canvas id="done-stories-chart"></canvas>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="card-body text-center">
|
||||||
|
<span class="text-2em">
|
||||||
<div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
|
{{getRemainingDaysInSprint()}}
|
||||||
<div class="card-deck">
|
</span>
|
||||||
|
|
||||||
<div
|
|
||||||
class="card"
|
|
||||||
[class.border-danger]="getSprintUrgency() == 0"
|
|
||||||
[class.border-warning]="getSprintUrgency() == 1"
|
|
||||||
[class.border-success]="getSprintUrgency() == 2"
|
|
||||||
*ngIf="getRemainingDaysInSprint() !== undefined"
|
|
||||||
>
|
|
||||||
<div class="card-header">
|
|
||||||
Days remaining
|
|
||||||
</div>
|
|
||||||
<div class="card-body text-center">
|
|
||||||
<span class="text-2em">
|
|
||||||
{{getRemainingDaysInSprint()}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="card" *ngFor="let status of usedStatus">
|
<div class="card" *ngFor="let status of usedStatus">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
Userstories: {{status.title}}
|
Userstories: {{status.title}}
|
||||||
</div>
|
|
||||||
<div class="card-body text-center">
|
|
||||||
<span class="text-2em">
|
|
||||||
{{getNumberOfUserstoriesByStatus(status)}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<span class="text-2em">
|
||||||
|
{{getNumberOfUserstoriesByStatus(status)}}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user