first test sidebar

src/app/app.component.html

@@ -1,4 +1,36 @@
+<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>
+        </li>
+        <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> -->
+</nav>
+
 <router-outlet></router-outlet>
+
 <div class=" fixed-plugin">
   <div class=" show-dropdown" ngbDropdown>
     <a data-toggle="dropdown" ngbDropdownToggle>
@@ -36,4 +68,6 @@
       </li>
     </ul>
   </div>
-  </div>
+</div>
+
+</div>

src/app/dashboard/dashboard.component.html

@@ -1,14 +1,13 @@
-<div class="container-fluid">
 
-    <div class="row px-3 py-2">
+<div class="row px-3 py-2">
   <h1>Dashboard</h1>
-    </div>
+</div>
 
-    <div class="row px-3 py-2">
+<div class="row px-3 py-2">
   <h2>Current sprint</h2>
-    </div>
+</div>
 
-    <div class="row">
+<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">
@@ -24,13 +23,11 @@
   <div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
     <div class="card-deck">
 
-        <div 
+      <div class="card"
-          class="card"
             [class.border-danger]="getSprintUrgency() == 0"
             [class.border-warning]="getSprintUrgency() == 1"
             [class.border-success]="getSprintUrgency() == 2"
-          *ngIf="getRemainingDaysInSprint() !== undefined"
+            *ngIf="getRemainingDaysInSprint() !== undefined">
-        >
         <div class="card-header">
           Days remaining
         </div>
@@ -55,6 +52,4 @@
     </div>
   </div>
 
-    </div>
-
 </div>