Highlight current active coin

Breeze.UI/src/app/wallet/sidebar/sidebar.component.html

@@ -2,11 +2,11 @@
   <aside id="sidebar">
     <!-- menu-->
     <ul class="list-unstyled menu">
-      <li class="active" (click)="loadBitcoinWallet()">
+      <li (click)="loadBitcoinWallet()" [class.active]="bitcoinActive">
         <img src="../../../assets/images/ico_bitcoin.svg" alt="Bitcoin">
         <span class="bar"></span>
       </li>
-      <li (click)="loadStratisWallet()">
+      <li (click)="loadStratisWallet()" [class.active]="!bitcoinActive">
         <img src="../../../assets/images/ico_stratis.svg" alt="Stratis">
         <span class="bar"></span>
       </li>

Breeze.UI/src/app/wallet/sidebar/sidebar.component.ts

@@ -13,20 +13,32 @@ import { GlobalService } from '../../shared/services/global.service';
 export class SidebarComponent implements OnInit {
 
   constructor(private globalService: GlobalService, private router: Router, private modalService: NgbModal) { }
+  private bitcoinActive: Boolean;
 
   ngOnInit() {
+    if (this.globalService.getCoinName() === "Bitcoin") {
+      this.bitcoinActive = true;
+    } else if (this.globalService.getCoinName() === "Stratis") {
+      this.bitcoinActive = false;
+    }
   }
 
   private loadBitcoinWallet() {
+    this.toggleClass();
     this.globalService.setCoinName("Bitcoin");
     this.router.navigate(['/wallet']);
   }
 
   private loadStratisWallet() {
+    this.toggleClass();
     this.globalService.setCoinName("Stratis");
     this.router.navigate(['/wallet/stratis-wallet']);
   }
 
+  private toggleClass(){
+    this.bitcoinActive = !this.bitcoinActive;
+  }
+
   private logOut() {
     const modalRef = this.modalService.open(LogoutConfirmationComponent);
   }