2100 - Breeze Updates for ICO. First commit.

Breeze.UI/package.json

@@ -64,7 +64,7 @@
     "zone.js": "0.8.18"
   },
   "devDependencies": {
-    "@angular/cli": "1.6.0",
+    "@angular/cli": "^1.7.4",
     "@angular/compiler-cli": "5.1.0",
     "@angular/language-service": "5.1.0",
     "@types/core-js": "0.9.36",
@@ -73,8 +73,8 @@
     "autoprefixer": "7.2.2",
     "circular-dependency-plugin": "4.3.0",
     "codelyzer": "4.0.2",
-    "copyfiles": "1.2.0",
     "copy-webpack-plugin": "4.2.3",
+    "copyfiles": "1.2.0",
     "cross-env": "5.1.1",
     "css-loader": "0.28.7",
     "cssnano": "3.10.0",
@@ -101,10 +101,11 @@
     "less-loader": "4.0.5",
     "minimist": "1.2.0",
     "mkdirp": "0.5.1",
+    "node-sass": "4.7.2",
     "npm-run-all": "4.1.2",
     "npx": "9.7.1",
-    "node-sass": "4.7.2",
     "popper.js": "1.12.9",
+    "postcss-custom-properties": "^7.0.0",
     "postcss-loader": "2.0.9",
     "postcss-url": "7.3.0",
     "protractor": "5.2.1",

Breeze.UI/src/app/shared/services/api.service.ts

@@ -28,7 +28,7 @@ export class ApiService {
     private headers = new Headers({'Content-Type': 'application/json'});
     private pollingInterval = 3000;
     private bitcoinApiUrl = 'http://localhost:37220/api';
-    private stratisApiUrl = 'http://localhost:37221/api';
+    private stratisApiUrl = 'http://localhost:37221/api' ;
     private currentApiUrl = 'http://localhost:37220/api';
 
     private getCurrentCoin() {

Breeze.UI/src/app/wallet/advanced/advanced-ico/advanced-ico.component.html

+<div class="container" style="border:1px solid lightgray; border-radius: 4px; padding:10px; position: absolute; left:100px; width:50%">
+    <h4>ICO</h4>
+    <div style="margin-top:15px">
+        <div>
+            <label style="font-size:13px;margin-bottom:0px">Extended Public Key</label>
+            <div class="myAddress" *ngIf="extPubKeyLoadingState.success; else elseFeedback"><code style="overflow-wrap: break-word">{{ extPubKey }}</code></div>
+            <ng-template #elseFeedback>
+                <app-feedback [loading]="extPubKeyLoadingState.loading" 
+                              [errored]="extPubKeyLoadingState.errored"
+                              [erroredText]="extPubKeyLoadingState.erroredText"></app-feedback>
+            </ng-template>
+        </div>
+    </div>
+</div>

Breeze.UI/src/app/wallet/advanced/advanced-ico/advanced-ico.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdvancedIcoComponent } from './advanced-ico.component';
+
+describe('AdvancedIcoComponent', () => {
+  let component: AdvancedIcoComponent;
+  let fixture: ComponentFixture<AdvancedIcoComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdvancedIcoComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdvancedIcoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

Breeze.UI/src/app/wallet/advanced/advanced-ico/advanced-ico.component.ts

+import { Component, OnDestroy } from '@angular/core';
+import { Subscription } from 'rxJs/Subscription';
+
+import { AdvancedService } from './../advanced.service';
+import { LoadingState } from './loadingState';
+
+@Component({
+  selector: 'app-advanced-ico',
+  templateUrl: './advanced-ico.component.html',
+  styleUrls: ['./advanced-ico.component.css']
+})
+export class AdvancedIcoComponent implements OnDestroy {
+    private _extPubKey = '';
+    private extPubKeySubs: Subscription;
+    private _extPubKeyLoadingState: LoadingState = new LoadingState("Failed to get ExtPubKey");
+
+    constructor(private advancedService: AdvancedService) { 
+        this.loadExtPubKey();
+    }
+
+    public get extPubKey(): string {
+        return this._extPubKey;
+    }
+
+    public get extPubKeyLoadingState(): LoadingState {
+        return this._extPubKeyLoadingState;
+    }
+
+    ngOnDestroy() {
+        this.extPubKeySubs.unsubscribe();
+    }
+
+    private loadExtPubKey() {
+        this.extPubKeyLoadingState.loading = true;
+        this.extPubKeySubs = this.advancedService.getExtPubKey()
+                                                 .subscribe(x => this.onExtPubKey(x), e => this.extPubKeyLoadingState.errored = true);
+    }
+
+    private onExtPubKey(key: string) {
+        this._extPubKey = key; 
+        this.extPubKeyLoadingState.loading = false;
+    }
+}

Breeze.UI/src/app/wallet/advanced/advanced-ico/loadingState.ts

+
+export class LoadingState {
+    private _loading = false;
+    private _errored = false;
+    private _erroredText = "";
+    
+    constructor(erroredText: string) {
+        this._erroredText = erroredText;
+    }
+
+    public get erroredText(): string {
+        return this._erroredText;
+    }
+
+    public get loading(): boolean {
+        return this._loading;
+    }
+    public set loading(value: boolean) {
+        this._loading = value;
+        if (this._loading) {
+            this._errored = false;
+        }
+    }
+
+    public get errored(): boolean {
+        return this._errored;
+    }
+    public set errored(value: boolean) {
+        this._errored = value;
+        if (this._errored) {
+            this._loading = false;
+        }
+    }
+
+    public get success(): boolean {
+        return !this._loading && !this._errored;
+    }
+}

Breeze.UI/src/app/wallet/advanced/advanced.component.css

+.mainDiv {
+    margin-left: 100px;
+    margin-top: 20px;
+}
\ No newline at end of file

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

+<div class="mainDiv">
+  <app-advanced-ico></app-advanced-ico>
+</div>
\ No newline at end of file

Breeze.UI/src/app/wallet/advanced/advanced.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdvancedComponent } from './advanced.component';
+
+describe('AdvancedComponent', () => {
+  let component: AdvancedComponent;
+  let fixture: ComponentFixture<AdvancedComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdvancedComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdvancedComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

+import { Component, OnInit, OnDestroy } from '@angular/core';
+
+@Component({
+    selector: 'app-advanced',
+    templateUrl: './advanced.component.html',
+    styleUrls: ['./advanced.component.css']
+  })
+  export class AdvancedComponent implements OnInit {
+  
+    constructor() { }
+  
+    ngOnInit() {
+    }
+  
+  }

Breeze.UI/src/app/wallet/advanced/advanced.service.spec.ts

+import { TestBed, inject } from '@angular/core/testing';
+
+import { AdvancedService } from './advanced.service';
+
+describe('AdvancedService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [AdvancedService]
+    });
+  });
+
+  it('should be created', inject([AdvancedService], (service: AdvancedService) => {
+    expect(service).toBeTruthy();
+  }));
+});

Breeze.UI/src/app/wallet/advanced/advanced.service.ts

+import { Injectable } from '@angular/core';
+import { Observable } from 'rxJs/Observable';
+import { HttpClient } from '@angular/common/http'; 
+
+import { GlobalService } from '../../shared/services/global.service';
+
+@Injectable()
+export class AdvancedService {
+    private readonly accountName = 'account 0';
+    private readonly urlPrefix = 'http://localhost:37221/api/Wallet/';
+
+    constructor(private httpClient: HttpClient, private globalService: GlobalService) { }
+
+    public getExtPubKey(): Observable<string> {
+        const walletName = this.globalService.getWalletName();
+        const url = `${this.urlPrefix}extpubkey?WalletName=${walletName}&AccountName=${this.accountName}`;
+        return this.httpClient.get(url).map(x => x.toString());
+    }
+}

Breeze.UI/src/app/wallet/advanced/feedback/feedback.component.html

+<div>
+    <div class="progress" *ngIf="loading"> 
+        <div class="progress-bar progress-bar-striped progress-bar-animated"
+                role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
+            Working...
+        </div>
+    </div>
+    <div class="alert alert-danger" role="alert" *ngIf="errored">
+        {{erroredText}}
+    </div>
+</div>

Breeze.UI/src/app/wallet/advanced/feedback/feedback.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FeedbackComponent } from './feedback.component';
+
+describe('FeedbackComponent', () => {
+  let component: FeedbackComponent;
+  let fixture: ComponentFixture<FeedbackComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FeedbackComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FeedbackComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

Breeze.UI/src/app/wallet/advanced/feedback/feedback.component.ts

+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-feedback',
+  templateUrl: './feedback.component.html',
+  styleUrls: ['./feedback.component.css']
+})
+export class FeedbackComponent {
+    private _loading = false;
+    private _errored = false;
+    private _erroredText = "Failed";
+
+    @Input()
+    public set loading(value: boolean) {
+        this._loading = value;
+    }
+    public get loading(): boolean {
+        return this._loading;
+    } 
+
+    @Input()
+    public set errored(value: boolean) {
+        this._errored = value;
+    }
+    public get errored(): boolean {
+        return this._errored;
+    }
+
+    @Input()
+    public set erroredText(value: string) {
+        this._erroredText = value;
+    }
+    public get erroredText(): string {
+        return this._erroredText;
+    }
+}

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

@@ -11,7 +11,6 @@ import { SendComponent } from '../send/send.component';
 import { ReceiveComponent } from '../receive/receive.component';
 import { TransactionDetailsComponent } from '../transaction-details/transaction-details.component';
 
-import { Observable } from 'rxjs/Rx';
 import { Subscription } from 'rxjs/Subscription';
 
 @Component({

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

@@ -8,7 +8,6 @@ import { ModalService } from '../../shared/services/modal.service';
 import { WalletInfo } from '../../shared/classes/wallet-info';
 import { TransactionInfo } from '../../shared/classes/transaction-info';
 
-import { Observable } from 'rxjs/Rx';
 import { Subscription } from 'rxjs/Subscription';
 
 import { TransactionDetailsComponent } from '../transaction-details/transaction-details.component';

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

@@ -8,6 +8,9 @@
         <li class="nav-item">
           <a class="nav-link" routerLink="history" [routerLinkActive]="['is-active']">History</a>
         </li>
+        <li class="nav-item">
+          <a class="nav-link" routerLink="advanced" [routerLinkActive]="['is-active']">Advanced</a>
+        </li>
       </ul>
       <!-- /ul-->
       <div class="ml-auto d-flex align-items-center">

Breeze.UI/src/app/wallet/status-bar/status-bar.component.ts

 import { Component, OnInit, OnDestroy } from '@angular/core';
 
-import { Observable } from 'rxjs/Rx';
 import { Subscription } from 'rxjs/Subscription';
 
 import { ApiService } from '../../shared/services/api.service';
@@ -27,7 +26,7 @@ export class StatusBarComponent implements OnInit {
   constructor(private apiService: ApiService, private globalService: GlobalService, private genericModalService: ModalService) { }
 
   ngOnInit() {
-    this.startSubscriptions();
+    this.startSubscriptions() ;
   }
 
   ngOnDestroy() {

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

@@ -2,24 +2,25 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
 import { WalletComponent }   from './wallet.component';
-import { SendComponent } from './send/send.component';
-import { ReceiveComponent } from './receive/receive.component';
 import { HistoryComponent } from './history/history.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
+import { AdvancedComponent } from './advanced/advanced.component'
 
 const routes: Routes = [
   { path: '', component: WalletComponent,
     children: [
       { path: '', redirectTo:'dashboard', pathMatch:'full' },
-      { path: 'dashboard', component: DashboardComponent},
-      { path: 'history', component: HistoryComponent}
+      { path: 'dashboard', component: DashboardComponent },
+      { path: 'history', component: HistoryComponent },
+      { path: 'advanced', component: AdvancedComponent }
     ]
   },
   { path: 'stratis-wallet', component: WalletComponent,
   children: [
     { path: '', redirectTo:'dashboard', pathMatch:'full' },
-    { path: 'dashboard', component: DashboardComponent},
-    { path: 'history', component: HistoryComponent}
+    { path: 'dashboard', component: DashboardComponent },
+    { path: 'history', component: HistoryComponent },
+    { path: 'advanced', component: AdvancedComponent }
   ]
 }
 ];

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

@@ -3,6 +3,7 @@ import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { ClipboardModule } from 'ngx-clipboard';
+import { HttpClientModule } from '@angular/common/http';
 
 import { WalletComponent } from './wallet.component';
 import { MenuComponent } from './menu/menu.component';
@@ -13,10 +14,15 @@ import { SharedModule } from '../shared/shared.module';
 import { WalletRoutingModule } from './wallet-routing.module';
 import { SidebarComponent } from './sidebar/sidebar.component';
 import { StatusBarComponent } from './status-bar/status-bar.component';
-import { TransactionDetailsComponent } from './transaction-details/transaction-details.component';
+import { AdvancedComponent } from './advanced/advanced.component';
+import { AdvancedIcoComponent } from './advanced/advanced-ico/advanced-ico.component';
+
+import { AdvancedService } from '../wallet/advanced/advanced.service';
+import { FeedbackComponent } from './advanced/feedback/feedback.component';
 
 @NgModule({
   imports: [
+    HttpClientModule,
     CommonModule,
     ClipboardModule,
     FormsModule,
@@ -31,7 +37,13 @@ import { TransactionDetailsComponent } from './transaction-details/transaction-d
     DashboardComponent,
     HistoryComponent,
     SidebarComponent,
-    StatusBarComponent
+    StatusBarComponent,
+    AdvancedComponent,
+    AdvancedIcoComponent,
+    FeedbackComponent
+  ],
+  providers: [
+    AdvancedService
   ],
   exports: []
 })

Breeze.UI/webpack.config.js

@@ -238,7 +238,7 @@ function getPlugins() {
 }
 
 module.exports = {
-  "devtool": "source-map",
+  "devtool": "eval-source-map",
   "externals": {
     "electron": "require('electron')",
     "buffer": "require('buffer')",