first test sidebar
This commit is contained in:
Tobias Gabelunke
@@ -1,39 +1,73 @@
|
||||
<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 class="container-fluid">
|
||||
|
||||
<nav class="sidebar bg-indigo">
|
||||
<!-- <div class="container"> -->
|
||||
<a class="sidebar-brand" href="/dashboard">Taskboard</a>
|
||||
<ul class="sidebar-nav">
|
||||
<li class="nav-item">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<a class="nav-link" href="/sprints">Sprints</a>
|
||||
</div>
|
||||
<div class=" clearfix"></div>
|
||||
</a>
|
||||
</div>
|
||||
</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 class="nav-item">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<a class="nav-link" href="/userstories">Userstories</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<a class="nav-link" href="/tasks">Tasks</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</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">
|
||||
<h1>Dashboard</h1>
|
||||
<div class="row px-3 py-2">
|
||||
<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 class="row px-3 py-2">
|
||||
<h2>Current sprint</h2>
|
||||
</div>
|
||||
<div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
|
||||
<div class="card-deck">
|
||||
|
||||
<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 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>
|
||||
|
||||
<div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
|
||||
<div class="card-deck">
|
||||
|
||||
<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 class="card-body text-center">
|
||||
<span class="text-2em">
|
||||
{{getRemainingDaysInSprint()}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" *ngFor="let status of usedStatus">
|
||||
<div class="card-header">
|
||||
Userstories: {{status.title}}
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<span class="text-2em">
|
||||
{{getNumberOfUserstoriesByStatus(status)}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="card" *ngFor="let status of usedStatus">
|
||||
<div class="card-header">
|
||||
Userstories: {{status.title}}
|
||||
</div>
|
||||
|
||||
<div class="card-body text-center">
|
||||
<span class="text-2em">
|
||||
{{getNumberOfUserstoriesByStatus(status)}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user