mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #8031 from gabrielbazan7/ref/txtxpdetails
[V4] REF: UI tx and txp details
This commit is contained in:
commit
4ec2ee4793
|
@ -5,8 +5,7 @@
|
||||||
</ion-header>
|
</ion-header>
|
||||||
|
|
||||||
<ion-content no-bounce>
|
<ion-content no-bounce>
|
||||||
<ion-card *ngIf="btx">
|
<div *ngIf="btx" padding>
|
||||||
<ion-card-content>
|
|
||||||
<div class="sending-label" *ngIf="btx.confirmations > 0">
|
<div class="sending-label" *ngIf="btx.confirmations > 0">
|
||||||
<img class="sending-img" src="assets/img/tx-action/icon-sent.svg" width="40" *ngIf="btx.action === 'sent'">
|
<img class="sending-img" src="assets/img/tx-action/icon-sent.svg" width="40" *ngIf="btx.action === 'sent'">
|
||||||
<img class="sending-img" src="assets/img/tx-action/icon-received.svg" width="40" *ngIf="btx.action === 'received'">
|
<img class="sending-img" src="assets/img/tx-action/icon-received.svg" width="40" *ngIf="btx.action === 'received'">
|
||||||
|
@ -34,8 +33,7 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ion-card-content>
|
</div>
|
||||||
</ion-card>
|
|
||||||
|
|
||||||
<ion-list *ngIf="btx">
|
<ion-list *ngIf="btx">
|
||||||
<ion-item *ngIf="btx.action === 'sent'">
|
<ion-item *ngIf="btx.action === 'sent'">
|
||||||
|
|
|
@ -13,8 +13,7 @@
|
||||||
|
|
||||||
<ion-content no-bounce>
|
<ion-content no-bounce>
|
||||||
|
|
||||||
<ion-card>
|
<div padding>
|
||||||
<ion-card-content>
|
|
||||||
<div class="sending-label">
|
<div class="sending-label">
|
||||||
<img class="sending-img" src="assets/img/icon-tx-sent-outline.svg">
|
<img class="sending-img" src="assets/img/icon-tx-sent-outline.svg">
|
||||||
<span translate>Sending</span>
|
<span translate>Sending</span>
|
||||||
|
@ -23,38 +22,31 @@
|
||||||
<div class="amount">{{tx.amountStr}}</div>
|
<div class="amount">{{tx.amountStr}}</div>
|
||||||
<div class="alternative" *ngIf="tx.alternativeAmountStr">{{tx.alternativeAmountStr}}</div>
|
<div class="alternative" *ngIf="tx.alternativeAmountStr">{{tx.alternativeAmountStr}}</div>
|
||||||
</div>
|
</div>
|
||||||
</ion-card-content>
|
</div>
|
||||||
</ion-card>
|
|
||||||
|
|
||||||
<ion-card *ngIf="tx.removed">
|
<ion-item *ngIf="tx.removed" text-wrap>
|
||||||
<ion-card-content>
|
|
||||||
<span translate>The payment was removed by creator</span>
|
<span translate>The payment was removed by creator</span>
|
||||||
</ion-card-content>
|
</ion-item>
|
||||||
</ion-card>
|
|
||||||
|
|
||||||
<ion-card *ngIf="tx.status != 'pending'">
|
<div *ngIf="tx.status != 'pending'">
|
||||||
<ion-card-content>
|
|
||||||
<div *ngIf="tx.status == 'accepted' && !tx.isGlidera">
|
<div *ngIf="tx.status == 'accepted' && !tx.isGlidera">
|
||||||
<div translate>Payment accepted, but not yet broadcasted</div>
|
<ion-item text-wrap translate>Payment accepted, but not yet broadcasted</ion-item>
|
||||||
<button ion-button block type="button" (click)="broadcast(tx)" [disabled]="loading">
|
<button ion-item class="btn-broadcast" icon-left (click)="broadcast(tx)" [disabled]="loading">
|
||||||
<ion-icon name="cloud-upload"></ion-icon>
|
<ion-icon name="cloud-upload"></ion-icon>
|
||||||
<span translate>Broadcast Payment</span>
|
<span translate>Broadcast Payment</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="tx.status == 'accepted' && tx.isGlidera">
|
<ion-item *ngIf="tx.status == 'accepted' && tx.isGlidera" text-wrap>
|
||||||
<div translate>Payment accepted. It will be broadcasted by Glidera. In case there is a problem, it can be deleted 6 hours after
|
<span translate>Payment accepted. It will be broadcasted by Glidera. In case there is a problem, it can be deleted 6 hours after it
|
||||||
it was created.</div>
|
was created.</span>
|
||||||
|
</ion-item>
|
||||||
|
<ion-item *ngIf="tx.status == 'broadcasted'" text-wrap translate>Payment Sent</ion-item>
|
||||||
|
<ion-item *ngIf="tx.status =='rejected'" text-wrap translate>Payment Rejected</ion-item>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="tx.status == 'broadcasted'" translate>Payment Sent</div>
|
|
||||||
<div *ngIf="tx.status =='rejected'" translate>Payment Rejected</div>
|
|
||||||
</ion-card-content>
|
|
||||||
</ion-card>
|
|
||||||
|
|
||||||
<ion-card *ngIf="!currentSpendUnconfirmed && tx.hasUnconfirmedInputs">
|
<ion-item *ngIf="!currentSpendUnconfirmed && tx.hasUnconfirmedInputs">
|
||||||
<ion-card-content>
|
|
||||||
<span translate>Warning: this transaction has unconfirmed inputs</span>
|
<span translate>Warning: this transaction has unconfirmed inputs</span>
|
||||||
</ion-card-content>
|
</ion-item>
|
||||||
</ion-card>
|
|
||||||
|
|
||||||
<ion-list>
|
<ion-list>
|
||||||
<ion-item class="container-to">
|
<ion-item class="container-to">
|
||||||
|
@ -101,7 +93,6 @@
|
||||||
<div>
|
<div>
|
||||||
<div class="wallet" *ngIf="wallet">
|
<div class="wallet" *ngIf="wallet">
|
||||||
<img class="icon-wallet" src="assets/img/icon-wallet.svg" />
|
<img class="icon-wallet" src="assets/img/icon-wallet.svg" />
|
||||||
<!-- TODO ng-include="'views/includes/walletIcon.html'" -->
|
|
||||||
<div>{{wallet.name}}</div>
|
<div>{{wallet.name}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -140,5 +140,8 @@ page-txp-details {
|
||||||
.btn-remove {
|
.btn-remove {
|
||||||
color: color($colors, danger);
|
color: color($colors, danger);
|
||||||
}
|
}
|
||||||
|
.btn-broadcast {
|
||||||
|
color: color($colors, primary);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue