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

Updates everything to latest stable,rc and beta versions of Angular, cli, material, webpack yeahhhh

Browse Source
This commit is contained in:
gloriousCode
2017-11-19 19:58:06 +11:00
parent 8984df24ad
commit 6d2aa311c8
11 changed files with 1272 additions and 1567 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/app/app.component.scss
View File

@@ -1,5 +1,5 @@
.container {
height: 96vmax;
height: 100vmax;
}
.main {
@@ -14,6 +14,12 @@
.sidebar {
width: 14%;
position: fixed;
margin-top: 64px;
}
.navbar {
position: fixed;
}
.dashboard-highlight {

72
web/src/app/pages/dashboard/dashboard.component.html
View File

@@ -1,17 +1,63 @@
<mat-grid-list cols="3" rowHeight="300px">
<mat-grid-tile [colspan]="1" [rowspan]="2">
<app-trade-history></app-trade-history>
</mat-grid-tile>
<mat-grid-tile [colspan]="2" [rowspan]="1">
<app-price-history></app-price-history>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="1">
<app-my-orders></app-my-orders>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="1">
<app-orders></app-orders>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="2">
<mat-card class="full-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
HI
</mat-card-content>
<mat-card-actions>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="2" [rowspan]="1">
<mat-card class="full-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
HI
</mat-card-content>
<mat-card-actions>
<button mat-button>EXPAND</button>
</mat-card-actions>
<mat-card-footer>lkasdjf; la</mat-card-footer>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="1">
<mat-card class="full-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
HI
</mat-card-content>
<mat-card-actions>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="1">
<mat-card class="full-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
HI
</mat-card-content>
<mat-card-actions>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card>
</mat-grid-tile>
</mat-grid-list>
<app-all-enabled-currency-tickers></app-all-enabled-currency-tickers>
<app-all-enabled-currency-tickers></app-all-enabled-currency-tickers>

13
web/src/app/pages/dashboard/dashboard.component.scss
View File

@@ -1,10 +1,9 @@
app-trade-history, app-orders, app-price-history, app-my-orders {
height:100%;
width:100%;
margin: 15px;
.full-card {
margin: 10px;
width: 100%;
}
.my-orders-card, .orders-card,.trade-history-card,.price-history-card {
height: 90%;
width:90%;
::ng-deep mat-grid-tile.mat-grid-tile .mat-figure {
align-items: initial;
/*vertical alignment*/
}

17
web/src/app/pages/home/home.component.html
View File

@@ -1 +1,16 @@
<h1>Howdy!</h1>
<mat-card class="example-card">
<mat-card-header>
<div class="example-header-image"></div>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
<p>
The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan. A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally bred for hunting.
</p>
</mat-card-content>
<mat-card-actions>
<button mat-button>LIKE</button>
<button mat-button>SHARE</button>
</mat-card-actions>
</mat-card>

3
web/src/app/pages/home/home.component.scss
View File

@@ -0,0 +1,3 @@
.example-card {
width: 400px;
}

10
web/src/app/services/sidebar/sidebar.service.ts
View File

@@ -20,7 +20,9 @@ export class SidebarService {
* @returns Promise<MatSidnavToggleResult>
*/
public open(): Promise<MatDrawerToggleResult> {
return this.sidenav.open();
this.sidenav.open();
return;
}
/**
@@ -29,7 +31,8 @@ export class SidebarService {
* @returns Promise<MatSidnavToggleResult>
*/
public close(): Promise<MatDrawerToggleResult> {
return this.sidenav.close();
this.sidenav.close();
return;
}
/**
@@ -40,6 +43,7 @@ export class SidebarService {
* @returns {Promise<MatSidnavToggleResult>}
*/
public toggle(isOpen?: boolean): Promise<MatDrawerToggleResult> {
return this.sidenav.toggle(isOpen);
this.sidenav.toggle(isOpen);
return;
}
}

12
web/src/styles.scss
View File

@@ -27,23 +27,21 @@ body {
margin: 0px auto !important;
}
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
flex-basis: 0;
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
flex-basis: 0;
}
.mat-expansion-panel-header-description {
justify-content: space-between;
align-items: center;
justify-content: space-between;
align-items: center;
}
.mat-expansion-panel-spacing {
margin: 16px auto !important;
width: 85%;
}
.mat-drawer {
background: none !important;
}