machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactord blockchain is rendering, block arrow location propagation and keynavigation.

Browse Source
This commit is contained in:
softsimon
2020-03-22 17:44:36 +07:00
parent 69827843c9
commit 78e41fc3d3
15 changed files with 131 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/blockchain/blockchain.component.html
View File

@@ -1,7 +1,7 @@
<div class="text-center" class="blockchain-wrapper">
<div class="position-container">
<app-mempool-blocks [markIndex]="markMempoolBlockIndex" [txFeePerVSize]="markHeight ? 0 : txFeePerVSize"></app-mempool-blocks>
<app-blockchain-blocks [markHeight]="markHeight"></app-blockchain-blocks>
<app-mempool-blocks></app-mempool-blocks>
<app-blockchain-blocks></app-blockchain-blocks>
<div id="divider" *ngIf="!isLoading; else loadingTmpl"></div>

10
frontend/src/app/components/blockchain/blockchain.component.ts
View File

@@ -1,8 +1,7 @@
import { Component, OnInit, OnDestroy, Input } from '@angular/core';
import { Component, OnInit, OnDestroy } from '@angular/core';
import { Subscription } from 'rxjs';
import { take } from 'rxjs/operators';
import { StateService } from 'src/app/services/state.service';
import { Router } from '@angular/router';
@Component({
selector: 'app-blockchain',
@@ -10,12 +9,6 @@ import { Router } from '@angular/router';
styleUrls: ['./blockchain.component.scss']
})
export class BlockchainComponent implements OnInit, OnDestroy {
@Input() position: 'middle' | 'top' = 'middle';
@Input() markHeight: number;
@Input() txFeePerVSize: number;
@Input() markMempoolBlockIndex = -1;
txTrackingSubscription: Subscription;
blocksSubscription: Subscription;
txTrackingLoading = false;
@@ -24,7 +17,6 @@ export class BlockchainComponent implements OnInit, OnDestroy {
constructor(
private stateService: StateService,
private router: Router,
) {}
ngOnInit() {