Add links to sidebar.

src/app/shared/_directives/menu-selection.directive.spec.ts

@@ -1,8 +1,16 @@
 import { MenuSelectionDirective } from './menu-selection.directive';
+import {ElementRef, Renderer2} from '@angular/core';
 
 describe('MenuSelectionDirective', () => {
+  let elementRef: ElementRef;
+  let renderer: Renderer2;
+
+  beforeEach(() => {
+    // renderer = new
+  });
+
   it('should create an instance', () => {
-    const directive = new MenuSelectionDirective();
+    const directive = new MenuSelectionDirective(elementRef, renderer);
     expect(directive).toBeTruthy();
   });
 });

src/app/shared/_directives/menu-toggle.directive.spec.ts

@@ -1,8 +1,11 @@
 import { MenuToggleDirective } from './menu-toggle.directive';
+import {ElementRef, Renderer2} from '@angular/core';
 
 describe('MenuToggleDirective', () => {
+  let elementRef: ElementRef;
+  let renderer: Renderer2;
   it('should create an instance', () => {
-    const directive = new MenuToggleDirective();
+    const directive = new MenuToggleDirective(elementRef, renderer);
     expect(directive).toBeTruthy();
   });
 });

src/app/shared/shared.module.ts

@@ -6,6 +6,7 @@ import { SidebarComponent } from './sidebar/sidebar.component';
 import { MenuSelectionDirective } from './_directives/menu-selection.directive';
 import { MenuToggleDirective } from './_directives/menu-toggle.directive';
 import {RouterModule} from '@angular/router';
+import {MatIconModule} from '@angular/material/icon';
 
 
 
@@ -25,7 +26,8 @@ import {RouterModule} from '@angular/router';
   ],
     imports: [
         CommonModule,
-    RouterModule
+        RouterModule,
+        MatIconModule
     ]
 })
 export class SharedModule { }

src/app/shared/sidebar/sidebar.component.html

@@ -3,8 +3,10 @@
   <nav>
 
     <div class="sidebar-header">
-      <h3>CIC - Staff Client</h3>
+      <h3>
-      <strong>CIC</strong>
+        <img width="200px" src="assets/images/CIC-Logo-white.png" alt="CIC Admin Dashboard">
+      </h3>
+      <strong>CICADA</strong>
     </div>
 
     <ul class="list-unstyled components">
@@ -14,12 +16,36 @@
           <span> Dashboard </span>
         </a>
       </li>
+      <li>
+        <a routerLink="/accounts" routerLinkActive="active" appMenuSelection>
+          <i class="fa fa-users"></i>
+          <span> Accounts </span>
+        </a>
+      </li>
       <li>
         <a routerLink="/tx" routerLinkActive="active" appMenuSelection>
-          <i class="fa fa-briefcase"></i>
+          <i class="fa fa-exchange"></i>
           <span> Transactions </span>
         </a>
       </li>
+      <li>
+        <a routerLink="/tokens" routerLinkActive="active" appMenuSelection>
+          <i class="fa fa-money"></i>
+          <span> Tokens </span>
+        </a>
+      </li>
+      <li>
+        <a routerLink="/settings" routerLinkActive="active" appMenuSelection>
+          <i class="fa fa-cog"></i>
+          <span> Settings </span>
+        </a>
+      </li>
+      <li>
+        <a routerLink="/admin" routerLinkActive="active" appMenuSelection>
+          <i class="fa fa-user-secret"></i>
+          <span> Admin </span>
+        </a>
+      </li>
     </ul>
   </nav>
 </div>