scaffold blocks view

This commit is contained in:
Jason Dreyzehner 2017-06-16 14:00:24 -04:00
parent 8f295786bc
commit f1fafaadf2
8 changed files with 35 additions and 23 deletions

View File

@ -37,7 +37,7 @@
"devDependencies": {
"@angular/cli": "1.0.6",
"@ionic/app-scripts": "1.3.7",
"@ionic/cli-plugin-ionic-angular": "1.2.0",
"@ionic/cli-plugin-ionic-angular": "1.3.1",
"@types/jasmine": "2.5.41",
"@types/node": "7.0.4",
"codecov": "2.2.0",

View File

@ -31,8 +31,10 @@ export class ClickerApp {
// set our app's pages
this.pages = [
{ title: 'Clickers', component: ClickerList },
{ title: 'Goodbye Ionic', component: Page2 },
{ title: 'Blocks', component: ClickerList },
{ title: 'Broadcast Transaction', component: Page2 },
{ title: 'Verify Message', component: Page2 },
{ title: 'Node Status', component: Page2 },
];
}

View File

@ -1,10 +1,10 @@
<ion-menu [content]="content">
<ion-header>
<!--<ion-header>
<ion-toolbar>
<ion-title>Pages</ion-title>
</ion-toolbar>
</ion-header>
</ion-header>-->
<ion-content>
<ion-list>

View File

@ -1,18 +1,31 @@
<ion-header>
<ion-navbar>
<ion-navbar color="primary">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>{{title}}</ion-title>
<ion-buttons end>
<button ion-button icon-only>
<ion-icon name="search"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding>
<clicker-form></clicker-form>
<ion-row *ngFor="let clicker of clickerService.getClickers()" class="clickerList">
<ion-col width-80><clicker-button [clicker]="clicker"></clicker-button></ion-col>
<ion-col>
<button ion-button block color="danger" outline (click)="clickerService.removeClicker(clicker.id)"><ion-icon name="trash"></ion-icon></button>
</ion-col>
</ion-row>
<ion-list>
<ion-item *ngFor="let block of blocks">
<ion-row>
<ion-col>
#{{block.height}}
</ion-col>
<ion-col>
{{block.txlength}} transactions
</ion-col>
<ion-col>
<a *ngIf="block.poolInfo.poolName" href="{{block.poolInfo.url}}">{{block.poolInfo.poolName}}</a>
</ion-col>
</ion-row>
</ion-item>
</ion-list>
</ion-content>

View File

@ -11,10 +11,12 @@ export class ClickerList {
public clickerService: ClickersService;
public title: string;
private nav: NavController;
private blocks: any;
constructor(nav: NavController, clickerService: ClickersService) {
this.nav = nav;
this.clickerService = clickerService;
this.title = 'Clickers';
this.title = 'Blocks';
this.blocks = [{"height":471569,"size":999095,"hash":"00000000000000000007bf61c6cf9efbb1353b919621768b553bd1ffb2948240","time":1497633772,"txlength":2561,"poolInfo":{}},{"height":471568,"size":999994,"hash":"000000000000000000fc2c10f1b4e55c9b86b8f9e804dc66683312b7d7d955dd","time":1497632268,"txlength":2011,"poolInfo":{}},{"height":471567,"size":989172,"hash":"000000000000000000d70effc2ec625999960bd7929d7a4298124456ecb29c23","time":1497632133,"txlength":1651,"poolInfo":{"poolName":"BTCC Pool","url":"https://pool.btcc.com/"}},{"height":471566,"size":998155,"hash":"00000000000000000127cbc53d017400eb9d17122a8ae36986c077ac7eea25fe","time":1497629915,"txlength":1130,"poolInfo":{"poolName":"AntMiner","url":"https://bitmaintech.com/"}},{"height":471565,"size":998103,"hash":"00000000000000000045844f32f6e9fc6e7575bb96eb71a9ce9fba2849892d5e","time":1497629731,"txlength":1986,"poolInfo":{}},{"height":471564,"size":998101,"hash":"0000000000000000009a5b3fc7ac517f8a275be73f4492adb0cb88943f5c1b9e","time":1497629348,"txlength":2378,"poolInfo":{}},{"height":471563,"size":998258,"hash":"00000000000000000048a5506f3415fcf790106a838953e04d86d8f2583ebd6a","time":1497628552,"txlength":1481,"poolInfo":{"poolName":"AntMiner","url":"https://bitmaintech.com/"}},{"height":471562,"size":998257,"hash":"0000000000000000016f6a483730bd9c1c48c8345782b8365762592a475aa330","time":1497628159,"txlength":646,"poolInfo":{"poolName":"AntMiner","url":"https://bitmaintech.com/"}},{"height":471561,"size":999016,"hash":"000000000000000001434fb0e5cc5e521de59bff70c325185a5c67bd5418c61a","time":1497627986,"txlength":1831,"poolInfo":{}},{"height":471560,"size":998229,"hash":"000000000000000000a1782a9d78672672e4291347c47ac3206ed8716bb4952b","time":1497627524,"txlength":791,"poolInfo":{"poolName":"SlushPool","url":"https://slushpool.com/"}},{"height":471559,"size":999152,"hash":"000000000000000000d58ba85b2ddedc1f467b1e1c49c47cf62d4d970dad7ab5","time":1497627347,"txlength":87,"poolInfo":{}},{"height":471558,"size":778220,"hash":"0000000000000000009a4e72a1863e42fdfe1e08e6d547d4528049065d69454c","time":1497627287,"txlength":1685,"poolInfo":{"poolName":"BTCC Pool","url":"https://pool.btcc.com/"}},{"height":471557,"size":707456,"hash":"00000000000000000068a8adc72fc41299105053e6059a3f6dcd2e0dc2fd2fcb","time":1497626859,"txlength":1661,"poolInfo":{"poolName":"BTCC Pool","url":"https://pool.btcc.com/"}}];
}
}

View File

@ -1,5 +1,5 @@
<ion-header>
<ion-navbar>
<ion-navbar color="primary">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
@ -7,7 +7,7 @@
</ion-navbar>
</ion-header>
<ion-content padding class="message bye-ionic">
<ion-content padding class="message">
<button ion-button (click)="showSimpleAlert()">Show Simple Alert</button>
<button ion-button (click)="showMoreAdvancedAlert()">Show More Advanced Alert</button>
</ion-content>

View File

@ -1,8 +1,3 @@
.page2 {
}
.bye-ionic {
background-image: url('../../images/ionic.png');
background-repeat: no-repeat;
}

View File

@ -24,11 +24,11 @@ $font-path: "../assets/fonts";
// The "primary" color is the only required color in the map.
$colors: (
primary: #387ef5,
primary: #8dc429,
secondary: #32db64,
danger: #f53d3d,
light: #f4f4f4,
dark: #222
dark: #373D42
);