File

src/app/shared/sidebar/sidebar.component.ts

Implements

OnInit

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector app-sidebar
styleUrls ./sidebar.component.scss
templateUrl ./sidebar.component.html

Index

Methods

Constructor

constructor()

Methods

ngOnInit
ngOnInit()
Returns : void
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-sidebar',
  templateUrl: './sidebar.component.html',
  styleUrls: ['./sidebar.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class SidebarComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {}
}
<!-- ========== Left Sidebar Start ========== -->
<div id="sidebar">
  <nav>

    <div class="sidebar-header">
      <h3>
        <img class="full-width" src="assets/images/CIC-Logo-white.png" alt="CIC Admin Dashboard">
      </h3>
      <strong>CICADA</strong>
    </div>

    <ul class="list-unstyled components">
      <li>
        <a routerLink="/home" routerLinkActive="active" appMenuSelection>
          <i class="fa fa-home"></i>
          <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-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>
<!-- Left Sidebar End -->

./sidebar.component.scss

Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""