Add notation and abbreviation pipes

Breeze.UI/src/app/app.module.ts

@@ -3,8 +3,6 @@ import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { HttpModule } from '@angular/http';
 
-import { SetupModule } from './setup/setup.module';
-import { WalletModule } from './wallet/wallet.module';
 import { SharedModule } from './shared/shared.module';
 
 import { AppRoutingModule } from './app-routing.module';

Breeze.UI/src/app/setup/setup.module.ts

@@ -13,7 +13,7 @@ import { RecoverComponent } from './recover/recover.component';
   imports: [
     CommonModule,
     SetupRoutingModule,
-    SharedModule
+    SharedModule.forRoot()
   ],
   declarations: [
     CreateComponent,

Breeze.UI/src/app/shared/pipes/coin-abbreviation.pipe.spec.ts

+import { CoinAbbreviationPipe } from './coin-abbreviation.pipe';
+
+describe('CoinAbbreviationPipe', () => {
+  it('create an instance', () => {
+    const pipe = new CoinAbbreviationPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

Breeze.UI/src/app/shared/pipes/coin-abbreviation.pipe.ts

+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'coinAbbreviation'
+})
+export class CoinAbbreviationPipe implements PipeTransform {
+
+  transform(value: any): any {
+    if (!value) return value;
+
+    let abbreviationAdded = value + " BTC"
+    return abbreviationAdded;
+  }
+}

Breeze.UI/src/app/shared/pipes/coin-notation.pipe.spec.ts

+import { CoinNotationPipe } from './coin-notation.pipe';
+
+describe('CoinNotationPipe', () => {
+  it('create an instance', () => {
+    const pipe = new CoinNotationPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

Breeze.UI/src/app/shared/pipes/coin-notation.pipe.ts

+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'coinNotation'
+})
+export class CoinNotationPipe implements PipeTransform {
+
+  transform(value: any): any {
+    if (!value) return value;
+
+    let coinNotation = Number(value).toFixed(8);
+    return coinNotation;
+  }
+}

Breeze.UI/src/app/shared/shared.module.ts

 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { CoinNotationPipe } from './pipes/coin-notation.pipe';
+import { CoinAbbreviationPipe } from './pipes/coin-abbreviation.pipe';
 
 @NgModule({
   imports: [CommonModule],
-  declarations: [],
-  exports: []
+  declarations: [CoinNotationPipe, CoinAbbreviationPipe],
+  exports: [CoinNotationPipe, CoinAbbreviationPipe]
 })
 
 export class SharedModule {
   static forRoot(): ModuleWithProviders {
     return {
       ngModule: SharedModule,
-      providers: [ ]
+      providers: []
     };
   }
 }

Breeze.UI/src/app/wallet/menu/dashboard.component.html

-<p>Balance: {{confirmedBalance}}</p>
-<p>Unconfirmed: {{unconfirmedBalance}}<p>
\ No newline at end of file
+<p>Balance: {{confirmedBalance | coinNotation | coinAbbreviation}}</p>
+<p>Unconfirmed: {{unconfirmedBalance | coinNotation | coinAbbreviation}}<p>

Breeze.UI/src/app/wallet/menu/dashboard.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { CoinNotationPipe } from '../../shared/pipes/coin-notation.pipe';
+import { CoinAbbreviationPipe } from '../../shared/pipes/coin-abbreviation.pipe';
 
 import { DashboardComponent } from './dashboard.component';
 

Breeze.UI/src/app/wallet/wallet.module.ts

@@ -9,12 +9,14 @@ import { SendComponent } from './send/send.component';
 import { ReceiveComponent } from './receive/receive.component';
 import { HistoryComponent } from './history/history.component';
 
+import {SharedModule} from '../shared/shared.module';
 import { WalletRoutingModule } from './wallet-routing.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
+    SharedModule.forRoot(),
     ReactiveFormsModule,
     WalletRoutingModule
   ],