Shahana Farooqui
5 years ago
parent
ff1b7ca74c
commit
f02229479e
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
!function(e){function r(r){for(var n,u,i=r[0],c=r[1],f=r[2],p=0,s=[];p<i.length;p++)u=i[p],Object.prototype.hasOwnProperty.call(o,u)&&o[u]&&s.push(o[u][0]),o[u]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return a.push.apply(a,f||[]),t()}function t(){for(var e,r=0;r<a.length;r++){for(var t=a[r],n=!0,i=1;i<t.length;i++)0!==o[t[i]]&&(n=!1);n&&(a.splice(r--,1),e=u(u.s=t[0]))}return e}var n={},o={0:0},a=[];function u(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,u),t.l=!0,t.exports}u.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var a,i=document.createElement("script");i.charset="utf-8",i.timeout=120,u.nc&&i.setAttribute("nonce",u.nc),i.src=function(e){return u.p+""+({}[e]||e)+"."+{1:"df8a42ae5fabe34ad893",6:"a1943945ee3a0771b4c1",7:"63b61d1fac84e4da25ba"}[e]+".js"}(e);var c=new Error;a=function(r){i.onerror=i.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+a+")",c.name="ChunkLoadError",c.type=n,c.request=a,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){a({type:"timeout",target:i})}),12e4);i.onerror=i.onload=a,document.head.appendChild(i)}return Promise.all(r)},u.m=e,u.c=n,u.d=function(e,r,t){u.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,r){if(1&r&&(e=u(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(u.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)u.d(t,n,(function(r){return e[r]}).bind(null,n));return t},u.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(r,"a",r),r},u.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},u.p="",u.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var l=c;t()}([]);
|
||||||
@ -1 +0,0 @@
|
|||||||
!function(e){function r(r){for(var n,a,i=r[0],c=r[1],l=r[2],p=0,s=[];p<i.length;p++)a=i[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,l||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++)0!==o[t[i]]&&(n=!1);n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={0:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+""+({}[e]||e)+"."+{1:"dbfa80f5eb3d9dedcde5",6:"b9be31044349c6986abe",7:"c5834861d28d8736cb69"}[e]+".js"}(e);var c=new Error;u=function(r){i.onerror=i.onload=null,clearTimeout(l);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:i})}),12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,(function(r){return e[r]}).bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="",a.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=r,i=i.slice();for(var l=0;l<i.length;l++)r(i[l]);var f=c;t()}([]);
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,21 +1,16 @@
|
|||||||
<div fxLayout="column" fxFlex="40" fxLayoutAlign="start start">
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch">
|
||||||
<div fxFlex="33">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Lightning</h4>
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Lightning</h4>
|
||||||
<div class="foreground-secondary-text">{{balances.lightning | number}} (Sats)</div>
|
<div class="dashboard-info-value">{{balances.lightning | number}} Sats</div>
|
||||||
|
<mat-progress-bar class="dashboard-progress-bar" mode="determinate" value="{{balances.lightning/balances.total*100}}"></mat-progress-bar>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="25" fxLayoutAlign="start start"></div>
|
<div>
|
||||||
<div fxFlex="33">
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">On-chain</h4>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">On-chain</h4>
|
<div class="dashboard-info-value">{{balances.onchain | number}} Sats</div>
|
||||||
<div class="foreground-secondary-text">{{balances.onchain | number}} (Sats)</div>
|
<mat-progress-bar class="dashboard-progress-bar" mode="determinate" value="{{balances.onchain/balances.total*100}}"></mat-progress-bar>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Total</h4>
|
||||||
|
<div class="dashboard-info-value">{{balances.total | number}} Sats</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div fxLayout="column" fxFlex="60" fxLayoutAlign="start start" *ngIf="flgInfoUpdate">
|
|
||||||
<ngx-charts-pie-chart class="balances-info-pie-chart" style="margin-top: -5rem;"
|
|
||||||
[view]="graphView"
|
|
||||||
[explodeSlices]="true"
|
|
||||||
[legend]="true"
|
|
||||||
[legendTitle]="''"
|
|
||||||
[legendPosition]="'below'"
|
|
||||||
[results]="totalBalances">
|
|
||||||
</ngx-charts-pie-chart>
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,27 +1,13 @@
|
|||||||
import { Component, OnChanges, Input } from '@angular/core';
|
import { Component, Input } from '@angular/core';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'rtl-balances-info',
|
selector: 'rtl-balances-info',
|
||||||
templateUrl: './balances-info.component.html',
|
templateUrl: './balances-info.component.html',
|
||||||
styleUrls: ['./balances-info.component.scss']
|
styleUrls: ['./balances-info.component.scss']
|
||||||
})
|
})
|
||||||
export class BalancesInfoComponent implements OnChanges {
|
export class BalancesInfoComponent {
|
||||||
@Input() balances = { onchain: 0, lightning: 0 };
|
@Input() balances = { onchain: 0, lightning: 0, total: 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() {}
|
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);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,15 +1,5 @@
|
|||||||
.mat-progress-bar.dashboard-progress-bar {
|
|
||||||
height: 6px;
|
|
||||||
min-height: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dashboard-divider {
|
|
||||||
margin-top: 4rem;
|
|
||||||
border-top-width: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.channels-capacity-scroll {
|
.channels-capacity-scroll {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,28 +1,36 @@
|
|||||||
<div fxLayout="column" fxFlex="50" fxLayoutAlign="center start">
|
<div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch">
|
||||||
<div fxFlex="33">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Active</h4>
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Active</h4>
|
||||||
<div class="foreground-secondary-text"><span class="dot tiny-dot green"></span>{{(channelsStatus.active.channels || 0) | number}}</div>
|
<div class="dashboard-info-value"><span class="dot tiny-dot green"></span>{{(channelsStatus.active.channels || 0) | number}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="33">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Pending</h4>
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Pending</h4>
|
||||||
<div class="foreground-secondary-text"><span class="dot tiny-dot yellow"></span>{{(channelsStatus.pending.channels || 0) | number}}</div>
|
<div class="dashboard-info-value"><span class="dot tiny-dot yellow"></span>{{(channelsStatus.pending.channels || 0) | number}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="34">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Inactive</h4>
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Inactive</h4>
|
||||||
<div class="foreground-secondary-text"><span class="dot tiny-dot red"></span>{{(channelsStatus.inactive.channels || 0) | number}}</div>
|
<div class="dashboard-info-value"><span class="dot tiny-dot grey"></span>{{(channelsStatus.inactive.channels || 0) | number}}</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Closing</h4>
|
||||||
|
<div class="dashboard-info-value"><span class="dot tiny-dot red"></span>{{(channelsStatus.closing.channels || 0) | number}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxLayout="column" fxFlex="50" fxLayoutAlign="center start">
|
<div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch">
|
||||||
<div fxFlex="33">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Capacity</h4>
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Capacity</h4>
|
||||||
<div class="foreground-secondary-text">{{(channelsStatus.active.capacity || 0) | number}} (Sats)</div>
|
<div class="dashboard-info-value">{{(channelsStatus.active.capacity || 0) | number}} Sats</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="33">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Capacity</h4>
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Capacity</h4>
|
||||||
<div class="foreground-secondary-text">{{(channelsStatus.pending.capacity || 0) | number}} (Sats)</div>
|
<div class="dashboard-info-value">{{(channelsStatus.pending.capacity || 0) | number}} Sats</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="34">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Capacity</h4>
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Capacity</h4>
|
||||||
<div class="foreground-secondary-text">{{(channelsStatus.inactive.capacity || 0) | number}} (Sats)</div>
|
<div class="dashboard-info-value">{{(channelsStatus.inactive.capacity || 0) | number}} Sats</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 fxLayoutAlign="start" class="dashboard-info-title">Capacity</h4>
|
||||||
|
<div class="dashboard-info-value">{{(channelsStatus.closing.capacity || 0) | number}} Sats</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,17 +1,17 @@
|
|||||||
<div fxLayout="column" fxFlex="100" fxLayoutAlign="center start">
|
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch">
|
||||||
<div fxFlex="33">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Alias</h4>
|
<h4 class="dashboard-info-title">Alias</h4>
|
||||||
<div class="foreground-secondary-text">
|
<div class="dashboard-info-value">
|
||||||
{{information.alias}}
|
{{information.alias}}
|
||||||
<span class="dot ml-1" [ngStyle]="{'backgroundColor': information.color}"></span>
|
<span class="dashboard-node-dot dot" [ngStyle]="{'backgroundColor': information.color}"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="33">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Implementation</h4>
|
<h4 class="dashboard-info-title">Implementation</h4>
|
||||||
<div class="foreground-secondary-text">{{(information.lnImplementation || information.version) ? information.lnImplementation + ' v' + information.version : ''}}</div>
|
<div class="dashboard-info-value">{{(information.lnImplementation || information.version) ? information.lnImplementation + ' v' + information.version : ''}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="34">
|
<div>
|
||||||
<h4 fxLayoutAlign="start" class="font-bold-500">Chain</h4>
|
<h4 class="dashboard-info-title">Chain</h4>
|
||||||
<span class="overflow-wrap foreground-secondary-text" *ngFor="let chain of chains">{{chain}}</span>
|
<span class="overflow-wrap dashboard-info-value" *ngFor="let chain of chains">{{chain}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -0,0 +1,32 @@
|
|||||||
|
$mat-white: (
|
||||||
|
50 : #ffffff,
|
||||||
|
100 : #ffffff,
|
||||||
|
200 : #eeeeee,
|
||||||
|
300 : #eeeeee,
|
||||||
|
400 : #bbbbbb,
|
||||||
|
500 : #aaaaaa,
|
||||||
|
600 : #999999,
|
||||||
|
700 : #888888,
|
||||||
|
800 : #777777,
|
||||||
|
900 : #666666,
|
||||||
|
A100 : #555555,
|
||||||
|
A200 : #444444,
|
||||||
|
A400 : #333333,
|
||||||
|
A700 : #222222,
|
||||||
|
contrast: (
|
||||||
|
50 : #000000,
|
||||||
|
100 : #000000,
|
||||||
|
200 : #000000,
|
||||||
|
300 : #000000,
|
||||||
|
400 : #000000,
|
||||||
|
500 : #000000,
|
||||||
|
600 : #000000,
|
||||||
|
700 : #000000,
|
||||||
|
800 : #000000,
|
||||||
|
900 : #000000,
|
||||||
|
A100 : #000000,
|
||||||
|
A200 : #000000,
|
||||||
|
A400 : #000000,
|
||||||
|
A700 : #000000,
|
||||||
|
)
|
||||||
|
);
|
||||||
Loading…
Reference in New Issue