|
|
|
@ -28,7 +28,7 @@
|
|
|
|
|
<mat-progress-bar *ngIf="apiCallStatus?.status === apiCallStatusEnum.INITIATED" mode="indeterminate"></mat-progress-bar>
|
|
|
|
|
<table mat-table #table fxFlex="100" [dataSource]="payments" matSort [ngClass]="{'overflow-auto error-border': errorMessage !== '','overflow-auto': true}">
|
|
|
|
|
<ng-container matColumnDef="status">
|
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header matTooltip="Status" matTooltipPosition="right"></th>
|
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before" matTooltip="Status" matTooltipPosition="right"></th>
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span *ngIf="payment.status === 'complete'" class="dot green" matTooltip="Completed" matTooltipPosition="right"></span>
|
|
|
|
|
<span *ngIf="payment.status !== 'complete'" class="dot yellow" matTooltip="Failed" matTooltipPosition="right"></span>
|
|
|
|
@ -47,7 +47,7 @@
|
|
|
|
|
<ng-container matColumnDef="payment_hash">
|
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Payment Hash</th>
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.payment_hash}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</td>
|
|
|
|
@ -55,7 +55,7 @@
|
|
|
|
|
<ng-container matColumnDef="bolt11">
|
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Invoice</th>
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.bolt11}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</td>
|
|
|
|
@ -63,7 +63,7 @@
|
|
|
|
|
<ng-container matColumnDef="label">
|
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Label</th>
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.label}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</td>
|
|
|
|
@ -71,7 +71,7 @@
|
|
|
|
|
<ng-container matColumnDef="destination">
|
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Destination</th>
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.destination}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</td>
|
|
|
|
@ -79,7 +79,7 @@
|
|
|
|
|
<ng-container matColumnDef="memo">
|
|
|
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Memo</th>
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.memo}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</td>
|
|
|
|
@ -148,7 +148,7 @@
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-container matColumnDef="group_payment_hash">
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.payment_hash}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span *ngIf="payment.is_expanded">
|
|
|
|
@ -160,11 +160,11 @@
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-container matColumnDef="group_bolt11">
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.bolt11}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span *ngIf="payment.is_expanded">
|
|
|
|
|
<span *ngFor="let mpp of payment?.mpps" fxLayoutAlign="start center" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span *ngFor="let mpp of payment?.mpps" fxLayoutAlign="start center" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child"></span>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
@ -172,11 +172,11 @@
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-container matColumnDef="group_label">
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.label}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span *ngIf="payment.is_expanded">
|
|
|
|
|
<span *ngFor="let mpp of payment?.mpps" fxLayoutAlign="start center" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span *ngFor="let mpp of payment?.mpps" fxLayoutAlign="start center" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child"></span>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
@ -184,11 +184,11 @@
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-container matColumnDef="group_destination">
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.destination}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span *ngIf="payment.is_expanded">
|
|
|
|
|
<span *ngFor="let mpp of payment?.mpps" fxLayoutAlign="start center" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span *ngFor="let mpp of payment?.mpps" fxLayoutAlign="start center" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child"></span>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
@ -196,11 +196,11 @@
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-container matColumnDef="group_memo">
|
|
|
|
|
<td mat-cell *matCellDef="let payment">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span fxLayout="row" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child">{{payment?.memo}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span *ngIf="payment.is_expanded">
|
|
|
|
|
<span *ngFor="let mpp of payment?.mpps" fxLayoutAlign="start center" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '30rem'}">
|
|
|
|
|
<span *ngFor="let mpp of payment?.mpps" fxLayoutAlign="start center" class="ellipsis-parent mpp-row-span" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : colWidth}">
|
|
|
|
|
<span class="ellipsis-child"></span>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|