d0zingcat/gocryptotrader
1
0
Fork 0
mirror of https://github.com/d0zingcat/gocryptotrader.git synced 2026-06-03 23:16:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Visual changes (#108)

Browse Source 
* Basic dynamically added buy-sell component

* Adds a basic component to display ticker info on the top right of the
GUI

* Dashboard with actual components

* Adds AM charts

* More fake component data
Better handling of dashboard blocks

* Attempting to make the dashboard scalable

* Fixes dashboard sizing
Adjusts dashboard widget margins

* Gets a chart!

* Buy sell updates

* Sprucing the buy sell components

Updates material

Fix up git Pr issues
This commit is contained in:
Scott
2018-03-26 12:57:05 +11:00
committed by Adrian Gallagher
parent cc4c8a0203
commit b8e4f497a3
46 changed files with 1845 additions and 317 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/app/shared/orders/orders.component.html
View File

@@ -1,5 +1,16 @@
<mat-card class="orders-card" flex="33">
<mat-card-header>
<mat-card-title>Orders</mat-card-title>
</mat-card-header>
</mat-card>
<div class="mat-row-container">
<div class="mat-table">
<div class="mat-header-row">
<div class="mat-header-cell">Count</div>
<div class="mat-header-cell">Amount</div>
<div class="mat-header-cell">Total</div>
<div class="mat-header-cell">Price</div>
</div>
<div class="mat-row" *ngFor="let order of orders">
<div class="mat-cell">{{order.count}}</div>
<div class="mat-cell">{{order.amount}}</div>
<div class="mat-cell">{{order.total}}</div>
<div class="mat-cell">{{order.price}}</div>
</div>
</div>
</div>

46
web/src/app/shared/orders/orders.component.ts
View File

@@ -6,10 +6,54 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./orders.component.scss']
})
export class OrdersComponent implements OnInit {
public orders:Order[] = [];
constructor() { }
ngOnInit() {
var item = new Order();
item.amount = 12;
item.price = 23;
item.total = 3;
item.count = 3;
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
this.orders.push(item);
}
}
export class Order {
public count:number;
public total:number;
public price:number;
public amount:number;
}