81 lines
2.7 KiB
HTML
81 lines
2.7 KiB
HTML
<div class="container-fluid">
|
|
|
|
<div class="sidebar">
|
|
<!--
|
|
Tip 1: You can change the color of the sidebar using: data-color="blue | green | orange | red"
|
|
-->
|
|
<div class="sidebar-wrapper">
|
|
<div class="logo">
|
|
<a href="javascript:void(0)" class="simple-text logo-normal">
|
|
Taskboard
|
|
</a>
|
|
</div>
|
|
<ul class="nav" data-color="blue">
|
|
<li class="active ">
|
|
<a href="/dashboard">
|
|
<p>Dashboard</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/sprints">
|
|
<p>Sprints</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/userstories">
|
|
<p>Userstories</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/tasks">
|
|
<p>Tasks</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
|
|
<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>
|