Add links to sidebar.

This commit is contained in:
Spencer Ofwiti 2020-11-25 10:11:20 +03:00
parent 233eb9525a
commit d448083cec
4 changed files with 48 additions and 9 deletions

View File

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

View File

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

View File

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

View File

@ -3,8 +3,10 @@
<nav> <nav>
<div class="sidebar-header"> <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> </div>
<ul class="list-unstyled components"> <ul class="list-unstyled components">
@ -14,12 +16,36 @@
<span> Dashboard </span> <span> Dashboard </span>
</a> </a>
</li> </li>
<li>
<a routerLink="/accounts" routerLinkActive="active" appMenuSelection>
<i class="fa fa-users"></i>
<span> Accounts </span>
</a>
</li>
<li> <li>
<a routerLink="/tx" routerLinkActive="active" appMenuSelection> <a routerLink="/tx" routerLinkActive="active" appMenuSelection>
<i class="fa fa-briefcase"></i> <i class="fa fa-exchange"></i>
<span> Transactions </span> <span> Transactions </span>
</a> </a>
</li> </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> </ul>
</nav> </nav>
</div> </div>