Changes spinner color

Adds spinner to wallet
Updates Angular
Updates AngularCLI
Updates Typescript
This commit is contained in:
GloriousCode
2017-11-02 16:43:24 +11:00
parent 50f6fd8aaf
commit aeb0ed3399
8 changed files with 911 additions and 183 deletions

View File

@@ -12,9 +12,13 @@
<h3>Wallet</h3>
</mat-list-item>
<mat-list-item routerLink="trading" routerLinkActive="trading-highlight">
<mat-icon>history</mat-icon>&nbsp;
<mat-icon>add_shopping_cart</mat-icon>&nbsp;
<h3>Trading</h3>
</mat-list-item>
<mat-list-item routerLink="history" routerLinkActive="history-highlight">
<mat-icon>history</mat-icon>&nbsp;
<h3>History</h3>
</mat-list-item>
<mat-list-item routerLink="settings" routerLinkActive="settings-highlight">
<mat-icon>settings</mat-icon>&nbsp;
<h3>Settings</h3>

View File

@@ -21,7 +21,11 @@
}
.trading-highlight {
color: red !important;
color: orangered !important;
}
.history-highlight {
color: blue !important;
}
.wallet-highlight {

View File

@@ -1,5 +1,5 @@
<div class="loading-spinner" *ngIf="settings === null">
<mat-progress-spinner mode="indeterminate"></mat-progress-spinner>
<mat-progress-spinner color="accent" mode="indeterminate"></mat-progress-spinner>
</div>
<div *ngIf="settings !== null">

View File

@@ -1,3 +1,6 @@
<div class="loading-spinner" *ngIf="wallet === null">
<mat-progress-spinner color="accent" mode="indeterminate"></mat-progress-spinner>
</div>
<mat-accordion *ngIf="wallet !== null">
<mat-expansion-panel [expanded]="true">
<mat-expansion-panel-header>

View File

@@ -22,6 +22,7 @@ export class WalletComponent implements OnInit {
};
constructor(private websocketHandler: WebsocketHandlerService) {
this.wallet= null;
this.ws = websocketHandler;
this.ws.messages.subscribe(msg => {
if (msg.Event === 'GetPortfolio') {

View File

@@ -1,5 +1,5 @@
<div class="loading-spinner" *ngIf="tickerCards === null || tickerCards.length === 0">
<mat-progress-spinner mode="indeterminate"></mat-progress-spinner>
<mat-progress-spinner color="accent" mode="indeterminate"></mat-progress-spinner>
</div>
<mat-grid-list cols="4" rowHeight="4:3" >
<mat-grid-tile *ngFor="let ticker of tickerCards">