You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
1.0 KiB
TypeScript
28 lines
1.0 KiB
TypeScript
import { Component, OnChanges, Input } from '@angular/core';
|
|
|
|
@Component({
|
|
selector: 'rtl-balances-info',
|
|
templateUrl: './balances-info.component.html',
|
|
styleUrls: ['./balances-info.component.scss']
|
|
})
|
|
export class BalancesInfoComponent implements OnChanges {
|
|
@Input() balances = { onchain: 0, lightning: 0 };
|
|
@Input() flgInfoUpdate = false;
|
|
@Input() cardHeight = '';
|
|
flgBalanceUpdated = false;
|
|
totalBalances = [{'name': 'Lightning', 'value': 0}, {'name': 'On-chain', 'value': 0}];
|
|
maxBalanceValue = 0;
|
|
xAxisLabel = 'Balance';
|
|
graphView = [200, 120];
|
|
|
|
constructor() {}
|
|
|
|
ngOnChanges() {
|
|
this.graphView = [200, Math.floor(+this.cardHeight.substring(0, this.cardHeight.length-2))*2];
|
|
this.totalBalances = [{'name': 'Lightning', 'value': this.balances.lightning}, {'name': 'On-chain', 'value': this.balances.onchain}];
|
|
this.maxBalanceValue = (this.balances.lightning > this.balances.onchain) ? this.balances.lightning : this.balances.onchain;
|
|
Object.assign(this, this.totalBalances);
|
|
}
|
|
|
|
}
|