Skip to content

Commit 3d50203

Browse files
bitjsonbitjson
committed
feat(insight): block detail view
1 parent de5cbd1 commit 3d50203

20 files changed

+412
-134
lines changed

‎packages/bitcore-node/src/types/Block.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
export type IBlock = {
22
chain: string;
3+
confirmations?: number;
34
network: string;
45
height: number;
56
hash: string;

‎packages/insight/package-lock.json‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎packages/insight/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252
"@ionic-native/splash-screen": "5.0.0-beta.15",
5353
"@ionic-native/status-bar": "5.0.0-beta.15",
5454
"@ionic/angular": "^4.0.0-beta.12",
55+
"angular-pipes": "^9.0.0",
5556
"backoff-rxjs": "0.0.10",
5657
"core-js": "^2.5.3",
5758
"fast-deep-equal": "^2.0.1",

‎packages/insight/src/app/app-routing.module.ts‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import {
99
const routes: Routes = [
1010
{
1111
path: '',
12-
redirectTo: `${environment.initialChain.code}/home`,
12+
redirectTo: `${environment.initialChain.code}`,
1313
pathMatch: 'full'
1414
},
1515
{
@@ -18,11 +18,6 @@ const routes: Routes = [
1818
children: [
1919
{
2020
path: '',
21-
redirectTo: `home`,
22-
pathMatch: 'full'
23-
},
24-
{
25-
path: 'home',
2621
loadChildren: './home/home.module#HomePageModule'
2722
},
2823
{

‎packages/insight/src/app/app.component.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,11 @@
99
<ion-menu-toggle auto-hide="false">
1010
<ion-item
1111
[routerDirection]="'root'"
12-
[routerLink]="['/' + (config.currentChain$ | async).code + '/home']"
12+
[routerLink]="['/' + (config.currentChain$ | async).code]"
13+
[routerLinkActiveOptions]="{exact: true}"
1314
routerLinkActive="active"
1415
>
15-
<ion-label>Home</ion-label>
16+
<ion-label>Chain</ion-label>
1617
</ion-item>
1718
<ion-item
1819
[routerDirection]="'root'"

‎packages/insight/src/app/app.component.scss‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,3 +7,8 @@
77
border-left: 3px solid rgba(119, 209, 255, 0.79);
88
}
99
}
10+
11+
ion-header.header-md:after {
12+
background: none;
13+
border-top: 1px solid lighten(#3d3d4d, 50%);
14+
}

‎packages/insight/src/app/block/block.page.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<ion-header>
1+
<ion-header no-border>
22
<ion-toolbar>
33
<ion-buttons slot="start">
44
<ion-menu-button></ion-menu-button>

‎packages/insight/src/app/blocks/blocks.page.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<ion-header>
1+
<ion-header no-border>
22
<ion-toolbar>
33
<ion-buttons slot="start">
44
<ion-menu-button></ion-menu-button>

‎packages/insight/src/app/home/home.page.html‎

Lines changed: 72 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,70 +1,76 @@
1-
<ion-header>
2-
<ion-toolbar>
3-
<ion-buttons slot="start">
4-
<ion-menu-button></ion-menu-button>
5-
</ion-buttons>
6-
<ion-title>
7-
Bitcoin Cash
8-
</ion-title>
9-
</ion-toolbar>
1+
<ion-header no-border>
2+
<ion-toolbar>
3+
<ion-buttons slot="start">
4+
<ion-menu-button></ion-menu-button>
5+
</ion-buttons>
6+
<ion-title>Bitcoin Cash</ion-title>
7+
</ion-toolbar>
108
</ion-header>
119

1210
<ion-content padding>
13-
<ion-grid>
14-
<ion-row>
15-
<ion-col size="12" size-md>
16-
<div class="placeholder top-element">
17-
signs of life
18-
</div>
19-
</ion-col>
20-
<ion-col size="12" size-md>
21-
<div class="placeholder top-element">
22-
last 6 blocks
23-
</div>
24-
</ion-col>
25-
</ion-row>
26-
<ion-row>
27-
<ion-col size="12" size-md>
28-
<div class="placeholder top-element">
29-
transaction activity measured in USD
30-
</div>
31-
</ion-col>
32-
</ion-row>
33-
<ion-row>
34-
<ion-col size="12" size-md>
35-
<div class="placeholder heatmap">
36-
2018 day-by-day heatmap
37-
</div>
38-
</ion-col>
39-
</ion-row>
40-
<ion-row>
41-
<ion-col size="12" size-md>
42-
<div class="placeholder heatmap">
43-
2017 day-by-day heatmap
44-
</div>
45-
</ion-col>
46-
</ion-row>
47-
<ion-row>
48-
<ion-col size="12" size-md>
49-
<div class="placeholder heatmap">
50-
2016 day-by-day heatmap
51-
</div>
52-
</ion-col>
53-
</ion-row>
54-
<ion-row>
55-
<ion-col size="12" size-md>
56-
<div class="placeholder heatmap">
57-
2015 day-by-day heatmap
58-
</div>
59-
</ion-col>
60-
</ion-row>
61-
<ion-row>
62-
<ion-col size="12" size-md>
63-
<div class="placeholder heatmap">
64-
load earlier button
65-
</div>
66-
</ion-col>
67-
</ion-row>
68-
</ion-grid>
11+
<ion-grid>
12+
<ion-row>
13+
<ion-col
14+
size="12"
15+
size-md
16+
>
17+
<div class="placeholder top-element">signs of life</div>
18+
</ion-col>
19+
<ion-col
20+
size="12"
21+
size-md
22+
>
23+
<div class="placeholder top-element">last 6 blocks</div>
24+
</ion-col>
25+
</ion-row>
26+
<ion-row>
27+
<ion-col
28+
size="12"
29+
size-md
30+
>
31+
<div class="placeholder top-element">transaction activity measured in USD</div>
32+
</ion-col>
33+
</ion-row>
34+
<ion-row>
35+
<ion-col
36+
size="12"
37+
size-md
38+
>
39+
<div class="placeholder heatmap">2018 day-by-day heatmap</div>
40+
</ion-col>
41+
</ion-row>
42+
<ion-row>
43+
<ion-col
44+
size="12"
45+
size-md
46+
>
47+
<div class="placeholder heatmap">2017 day-by-day heatmap</div>
48+
</ion-col>
49+
</ion-row>
50+
<ion-row>
51+
<ion-col
52+
size="12"
53+
size-md
54+
>
55+
<div class="placeholder heatmap">2016 day-by-day heatmap</div>
56+
</ion-col>
57+
</ion-row>
58+
<ion-row>
59+
<ion-col
60+
size="12"
61+
size-md
62+
>
63+
<div class="placeholder heatmap">2015 day-by-day heatmap</div>
64+
</ion-col>
65+
</ion-row>
66+
<ion-row>
67+
<ion-col
68+
size="12"
69+
size-md
70+
>
71+
<div class="placeholder heatmap">load earlier button</div>
72+
</ion-col>
73+
</ion-row>
74+
</ion-grid>
6975

70-
</ion-content>
76+
</ion-content>

‎packages/insight/src/app/not-found/not-found.page.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<ion-header>
1+
<ion-header no-border>
22
<ion-toolbar>
33
<ion-buttons slot="start">
44
<ion-menu-button></ion-menu-button>

0 commit comments

Comments
 (0)