mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #8056 from Gamboster/fix/integrationsViews
[v4] Fix: integrations views
This commit is contained in:
commit
e55dfe42d4
|
@ -1,17 +1,14 @@
|
||||||
<ion-header>
|
<ion-header>
|
||||||
|
|
||||||
<ion-navbar>
|
<ion-navbar>
|
||||||
<ion-title>Details</ion-title>
|
<ion-title>Details</ion-title>
|
||||||
<ion-buttons start>
|
<ion-buttons start>
|
||||||
<button (click)="cancel()" ion-button>
|
<button (click)="close()" ion-button>
|
||||||
{{'Close' | translate}}
|
{{'Close' | translate}}
|
||||||
</button>
|
</button>
|
||||||
</ion-buttons>
|
</ion-buttons>
|
||||||
</ion-navbar>
|
</ion-navbar>
|
||||||
|
|
||||||
</ion-header>
|
</ion-header>
|
||||||
|
|
||||||
|
|
||||||
<ion-content>
|
<ion-content>
|
||||||
<div class="header-modal">
|
<div class="header-modal">
|
||||||
<img src="assets/img/amazon/a_generic.jpg" alt="Amazon.com Gift Card" (click)="refreshGiftCard()">
|
<img src="assets/img/amazon/a_generic.jpg" alt="Amazon.com Gift Card" (click)="refreshGiftCard()">
|
||||||
|
@ -69,11 +66,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box-notification warning" *ngIf="card.status == 'FAILURE' || card.status == 'RESEND'">
|
<div class="box-notification assertive" *ngIf="card.status == 'FAILURE' || card.status == 'RESEND'">
|
||||||
There was a failure to the create gift card. Please, contact BitPay support.
|
There was a failure to the create gift card. Please, contact BitPay support.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ion-list class="steps" *ngIf="card.claimCode && card.cardStatus == 'Fulfilled'">
|
<ion-list *ngIf="card.claimCode && card.cardStatus == 'Fulfilled'" class="steps">
|
||||||
<ion-item-divider>To redeem your gift card, follow these steps:</ion-item-divider>
|
<ion-item-divider>To redeem your gift card, follow these steps:</ion-item-divider>
|
||||||
|
|
||||||
<ion-item>
|
<ion-item>
|
||||||
|
@ -97,26 +94,20 @@
|
||||||
<a (click)="openExternalLink('https://www.amazon.com/gc-redeem')">www.amazon.com/gc-redeem</a>. If you have questions regarding the BitPay Introductory offer, please contact BitPay.
|
<a (click)="openExternalLink('https://www.amazon.com/gc-redeem')">www.amazon.com/gc-redeem</a>. If you have questions regarding the BitPay Introductory offer, please contact BitPay.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="steps-info">
|
|
||||||
*
|
|
||||||
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> is not a sponsor of this promotion. Except as required by law,
|
|
||||||
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> Gift Cards ("GCs") cannot be transferred for value or redeemed for cash. GCs may be used only for
|
|
||||||
purchases of eligible goods at
|
|
||||||
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> or certain of its affiliated websites. For complete terms and conditions, see
|
|
||||||
<a (click)="openExternalLink('https://www.amazon.com/gc-legal')">www.amazon.com/gc-legal</a>. GCs are issued by ACI Gift Cards, Inc., a Washington corporation. All Amazon ®,
|
|
||||||
™ & © are IP of
|
|
||||||
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a>, Inc. or its affiliates. No expiration date or service fees.
|
|
||||||
</div>
|
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
|
||||||
<button ion-item block *ngIf="card.status == 'FAILURE' || card.cardStatus == 'Canceled' || card.cardStatus == 'Expired' || card.status == 'expired'"
|
|
||||||
class="button-footer assertive" (click)="remove()">Remove</button>
|
|
||||||
<button ion-item block *ngIf="card.status == 'SUCCESS' && card.cardStatus == 'Fulfilled'" class="assertive"
|
|
||||||
(click)="cancelGiftCard()">Cancel</button>
|
|
||||||
|
|
||||||
|
|
||||||
</ion-list>
|
</ion-list>
|
||||||
|
<div padding class="steps-info">
|
||||||
|
*
|
||||||
|
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> is not a sponsor of this promotion. Except as required by law,
|
||||||
|
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> Gift Cards ("GCs") cannot be transferred for value or redeemed for cash. GCs may be used only for purchases
|
||||||
|
of eligible goods at
|
||||||
|
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> or certain of its affiliated websites. For complete terms and conditions, see
|
||||||
|
<a (click)="openExternalLink('https://www.amazon.com/gc-legal')">www.amazon.com/gc-legal</a>. GCs are issued by ACI Gift Cards, Inc., a Washington corporation. All Amazon ®, ™
|
||||||
|
& © are IP of
|
||||||
|
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a>, Inc. or its affiliates. No expiration date or service fees.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button ion-item block text-center *ngIf="card.status == 'FAILURE' || card.cardStatus == 'Canceled' || card.cardStatus == 'Expired' || card.status == 'expired'"
|
||||||
</ion-content>
|
class="button-footer assertive" (click)="remove()">Remove</button>
|
||||||
|
<button ion-item block text-center *ngIf="card.status == 'SUCCESS' && card.cardStatus == 'Fulfilled'" class="assertive" (click)="cancelGiftCard()">Cancel</button>
|
||||||
|
</ion-content>
|
|
@ -19,14 +19,14 @@ page-amazon-card-details {
|
||||||
ion-item {
|
ion-item {
|
||||||
padding: 0px 16px 0px 16px;
|
padding: 0px 16px 0px 16px;
|
||||||
}
|
}
|
||||||
.steps-info {
|
|
||||||
font-size: 12px;
|
|
||||||
white-space: normal;
|
|
||||||
color: #666;
|
|
||||||
line-height: 22px;
|
|
||||||
}
|
|
||||||
button {
|
button {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.steps-info {
|
||||||
|
font-size: 12px;
|
||||||
|
white-space: normal;
|
||||||
|
color: #666;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -55,7 +55,7 @@ export class AmazonCardDetailsPage {
|
||||||
this.amazonProvider.savePendingGiftCard(this.card, {
|
this.amazonProvider.savePendingGiftCard(this.card, {
|
||||||
remove: true
|
remove: true
|
||||||
}, (err: any) => {
|
}, (err: any) => {
|
||||||
this.cancel();
|
this.close();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -84,7 +84,7 @@ export class AmazonCardDetailsPage {
|
||||||
this.amazonProvider.savePendingGiftCard(newData, {
|
this.amazonProvider.savePendingGiftCard(newData, {
|
||||||
remove: true
|
remove: true
|
||||||
}, (err: any) => {
|
}, (err: any) => {
|
||||||
this.cancel();
|
this.close();
|
||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -100,7 +100,7 @@ export class AmazonCardDetailsPage {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
public cancel(): void {
|
public close(): void {
|
||||||
this.viewCtrl.dismiss();
|
this.viewCtrl.dismiss();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,81 +1,78 @@
|
||||||
<ion-header>
|
<ion-header>
|
||||||
|
|
||||||
<ion-navbar>
|
<ion-navbar>
|
||||||
<ion-title>Amazon.com Gift Cards</ion-title>
|
<ion-title>Amazon.com Gift Cards</ion-title>
|
||||||
</ion-navbar>
|
</ion-navbar>
|
||||||
|
|
||||||
</ion-header>
|
</ion-header>
|
||||||
|
|
||||||
<ion-content *ngIf="!giftCards" no-bounce>
|
<ion-content no-bounce>
|
||||||
<div class="box-notification warning" *ngIf="network == 'testnet'">
|
<div class="container" *ngIf="!giftCards">
|
||||||
Sandbox version. Only for testing purpose.
|
<div class="box-notification warning" *ngIf="network == 'testnet'">
|
||||||
</div>
|
Sandbox version. Only for testing purpose.
|
||||||
<div class="center-header">
|
|
||||||
<div class="logo">
|
|
||||||
<img src="assets/img/amazon/GCs-logo-cllb.png" alt="Amazon.com Gift Card">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="description" padding>Gift Cards are only redeemable on Amazon.com (US website). Cards never expire and can be redeemed towards millions of
|
<div class="center-header">
|
||||||
items.
|
<div class="logo">
|
||||||
</div>
|
<img src="assets/img/amazon/GCs-logo-cllb.png" alt="Amazon.com Gift Card">
|
||||||
<div *ngIf="!showOauthForm">
|
|
||||||
<button ion-button outline block (click)="goTo('Amount')" no-low-fee>Buy a Gift Card</button>
|
|
||||||
<button ion-button clear small block color="dark" (click)="openExternalLink('https://www.amazon.com')">Visit Amazon.com →</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ion-content>
|
|
||||||
|
|
||||||
<ion-content *ngIf="giftCards" no-bounce>
|
|
||||||
<div class="box-notification warning" *ngIf="network == 'testnet'">
|
|
||||||
Sandbox version. Only for testing purpose.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="integration-giftCard-logo">
|
|
||||||
<img src="assets/img/amazon/GCs-logo-cllb.png" alt="Amazon.com Gift Card">
|
|
||||||
<div class="subtitle">
|
|
||||||
<b>Only</b> redeemable on www.amazon.com (US website).
|
|
||||||
</div>
|
|
||||||
<button color="dark" ion-button clear icon-right no-low-fee (click)="goTo('Amount')">
|
|
||||||
Buy Gift Card
|
|
||||||
<ion-icon name="arrow-forward"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-item-divider>Your cards</ion-item-divider>
|
|
||||||
<button ion-item *ngFor="let item of (giftCards | keys : 'date') | orderBy : ['-order']" (click)="openCardModal(item.value)">
|
|
||||||
<div class="amazon-card">
|
|
||||||
<img src="assets/img/amazon/a-smile_color_btn.png" alt="" class="avatar">
|
|
||||||
<div class="card-info">
|
|
||||||
<h2 *ngIf="item.value.amount">
|
|
||||||
{{item.value.amount | currency : '$ ' : 2}} {{item.value.currency}}
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
<span class="text-gray">{{item.value.date | amTimeAgo}}</span>
|
|
||||||
<span *ngIf="updatingPending[item.value.invoiceId]">...</span>
|
|
||||||
<span *ngIf="!updatingPending[item.value.invoiceId]">
|
|
||||||
<span class="assertive" *ngIf="item.value.status == 'FAILURE' || item.value.status == 'RESEND'">Error</span>
|
|
||||||
<span class="assertive" *ngIf="item.value.status == 'expired'">Expired</span>
|
|
||||||
<span class="assertive" *ngIf="item.value.status == 'invalid'">Still waiting confirmation
|
|
||||||
(Use higher fees setting to faster delivery)
|
|
||||||
</span>
|
|
||||||
<span class="text-gray" *ngIf="item.value.status == 'PENDING'">Pending to confirmation</span>
|
|
||||||
<span class="assertive" *ngIf="item.value.status == 'SUCCESS' && item.value.cardStatus == 'Canceled'">Canceled</span>
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</button>
|
<div class="description" padding>Gift Cards are only redeemable on Amazon.com (US website). Cards never expire and can be redeemed towards millions
|
||||||
<ion-item-divider></ion-item-divider>
|
of items.
|
||||||
</ion-list>
|
</div>
|
||||||
<div *ngIf="giftCards" class="integration-giftCard-info">
|
<div *ngIf="!showOauthForm">
|
||||||
*
|
<button ion-button outline block (click)="goTo('Amount')" no-low-fee>Buy a Gift Card</button>
|
||||||
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> is not a sponsor of this promotion. Except as required by law,
|
<button ion-button clear small block color="dark" (click)="openExternalLink('https://www.amazon.com')">Visit Amazon.com →</button>
|
||||||
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> Gift Cards ("GCs") cannot be transferred for value or redeemed for cash. GCs may be used only for purchases
|
</div>
|
||||||
of eligible goods at
|
</div>
|
||||||
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> or certain of its affiliated websites. For complete terms and conditions, see
|
|
||||||
<a (click)="openExternalLink('https://www.amazon.com/gc-legal')">www.amazon.com/gc-legal</a>. GCs are issued by ACI Gift Cards, Inc., a Washington corporation. All Amazon ®, ™
|
|
||||||
& © are IP of
|
|
||||||
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a>, Inc. or its affiliates. No expiration date or service fees.
|
|
||||||
</div>
|
</div>
|
||||||
</ion-content>
|
<div class="container" *ngIf="giftCards">
|
||||||
|
<div class="box-notification warning" *ngIf="network == 'testnet'">
|
||||||
|
Sandbox version. Only for testing purpose.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="integration-giftCard-logo">
|
||||||
|
<img src="assets/img/amazon/GCs-logo-cllb.png" alt="Amazon.com Gift Card">
|
||||||
|
<div class="subtitle">
|
||||||
|
<b>Only</b> redeemable on www.amazon.com (US website).
|
||||||
|
</div>
|
||||||
|
<button color="dark" ion-button clear icon-right no-low-fee (click)="goTo('Amount')">
|
||||||
|
Buy Gift Card
|
||||||
|
<ion-icon name="arrow-forward"></ion-icon>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ion-list>
|
||||||
|
<ion-item-divider>Your cards</ion-item-divider>
|
||||||
|
<button ion-item *ngFor="let item of (giftCards | keys : 'date') | orderBy : ['-order']" (click)="openCardModal(item.value)">
|
||||||
|
<div class="amazon-card">
|
||||||
|
<img src="assets/img/amazon/a-smile_color_btn.png" alt="" class="avatar">
|
||||||
|
<div class="card-info">
|
||||||
|
<h2 *ngIf="item.value.amount">
|
||||||
|
{{item.value.amount | currency : '$ ' : 2}} {{item.value.currency}}
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<span class="text-gray">{{item.value.date | amTimeAgo}}</span>
|
||||||
|
<span *ngIf="updatingPending[item.value.invoiceId]">...</span>
|
||||||
|
<span *ngIf="!updatingPending[item.value.invoiceId]">
|
||||||
|
<span class="assertive" *ngIf="item.value.status == 'FAILURE' || item.value.status == 'RESEND'">Error</span>
|
||||||
|
<span class="assertive" *ngIf="item.value.status == 'expired'">Expired</span>
|
||||||
|
<span class="assertive" *ngIf="item.value.status == 'invalid'">Still waiting confirmation (Use higher fees setting to faster delivery)
|
||||||
|
</span>
|
||||||
|
<span class="text-gray" *ngIf="item.value.status == 'PENDING'">Pending to confirmation</span>
|
||||||
|
<span class="assertive" *ngIf="item.value.status == 'SUCCESS' && item.value.cardStatus == 'Canceled'">Canceled</span>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
<ion-item-divider></ion-item-divider>
|
||||||
|
</ion-list>
|
||||||
|
<div *ngIf="giftCards" class="integration-giftCard-info">
|
||||||
|
*
|
||||||
|
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> is not a sponsor of this promotion. Except as required by law,
|
||||||
|
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> Gift Cards ("GCs") cannot be transferred for value or redeemed for cash. GCs may be used only for purchases
|
||||||
|
of eligible goods at
|
||||||
|
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a> or certain of its affiliated websites. For complete terms and conditions, see
|
||||||
|
<a (click)="openExternalLink('https://www.amazon.com/gc-legal')">www.amazon.com/gc-legal</a>. GCs are issued by ACI Gift Cards, Inc., a Washington corporation. All Amazon ®, ™
|
||||||
|
& © are IP of
|
||||||
|
<a (click)="openExternalLink('http://amazon.com')">Amazon.com</a>, Inc. or its affiliates. No expiration date or service fees.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ion-content>
|
|
@ -3,6 +3,9 @@ page-amazon {
|
||||||
background: #f4a460;
|
background: #f4a460;
|
||||||
margin: 0rem;
|
margin: 0rem;
|
||||||
}
|
}
|
||||||
|
.container {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.center-header {
|
.center-header {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -1,67 +1,66 @@
|
||||||
<ion-header>
|
<ion-header>
|
||||||
|
|
||||||
<ion-navbar>
|
<ion-navbar>
|
||||||
<ion-title>{{'Mercado Livre Brazil Gift Cards'|translate}}s</ion-title>
|
<ion-title>{{'Mercado Livre Brazil Gift Cards'|translate}}s</ion-title>
|
||||||
</ion-navbar>
|
</ion-navbar>
|
||||||
|
|
||||||
</ion-header>
|
</ion-header>
|
||||||
|
|
||||||
<ion-content *ngIf="!giftCards" no-bounce>
|
<ion-content no-bounce>
|
||||||
<div class="box-notification warning" *ngIf="network == 'testnet'">
|
<div class="container" *ngIf="!giftCards">
|
||||||
Sandbox version. Only for testing purpose.
|
<div class="box-notification warning" *ngIf="network == 'testnet'">
|
||||||
</div>
|
Sandbox version. Only for testing purpose.
|
||||||
<div class="center-header">
|
|
||||||
<div class="logo">
|
|
||||||
<img src="assets/img/mercado-libre/mlbr.svg" alt="Mercado Libre">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="description" translate padding>
|
<div class="center-header">
|
||||||
<b>Only</b> redeemable on Mercado Livre (Brazil)
|
<div class="logo">
|
||||||
</div>
|
<img src="assets/img/mercado-libre/mlbr.svg" alt="Mercado Libre">
|
||||||
<div *ngIf="!showOauthForm">
|
|
||||||
<button ion-button outline block (click)="goTo('Amount')" no-low-fee translate>Buy a Gift Card</button>
|
|
||||||
<button ion-button clear small block color="dark" (click)="openExternalLink('https://www.mercadolivre.com.br')" translate>Visit mercadolivre.com.br →</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ion-content>
|
|
||||||
|
|
||||||
<ion-content *ngIf="giftCards" no-bounce>
|
|
||||||
<div class="box-notification warning" *ngIf="network == 'testnet'">
|
|
||||||
Sandbox version. Only for testing purpose.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="integration-giftCard-logo">
|
|
||||||
<img src="assets/img/mercado-libre/mlbr.svg" alt="Mercado Libre">
|
|
||||||
<div class="subtitle" translate>
|
|
||||||
<b>Only</b> redeemable on Mercado Livre (Brazil)
|
|
||||||
</div>
|
|
||||||
<button color="dark" ion-button clear icon-right no-low-fee (click)="goTo('Amount')">
|
|
||||||
<span translate>Buy Gift Card</span>
|
|
||||||
<ion-icon name="arrow-forward"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-item-divider>{{'Your Gift Cards'|translate}}</ion-item-divider>
|
|
||||||
<button ion-item *ngFor="let item of (giftCards | keys : 'date') | orderBy : ['-order']" (click)="openCardModal(item.value)">
|
|
||||||
<div class="mercado-libre-card">
|
|
||||||
<img src="assets/img/mercado-libre/meli-card-24px.png" alt="" class="avatar">
|
|
||||||
<div class="card-info">
|
|
||||||
<div class="amount">
|
|
||||||
<h2 *ngIf="item.value.amount">
|
|
||||||
{{item.value.amount | currency : '$ ' : 2}} {{item.value.currency}}
|
|
||||||
</h2>
|
|
||||||
<span>
|
|
||||||
<span class="assertive" *ngIf="item.value.status == 'FAILURE'">Error</span>
|
|
||||||
<span class="dark" *ngIf="item.value.status == 'expired'">Invoice expired</span>
|
|
||||||
<span class="calm" *ngIf="item.value.status == 'invalid'">Still pending</span>
|
|
||||||
<span class="positive" *ngIf="item.value.status == 'PENDING'">Pending</span>
|
|
||||||
<span class="assertive" *ngIf="item.value.cardStatus == 'inactive'" translate>Inactive</span>
|
|
||||||
<span class="assertive" *ngIf="item.value.cardStatus == 'expired'" translate>Expired</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<span class="dark">{{item.value.date | amTimeAgo}}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</button>
|
<div class="description" translate padding>
|
||||||
</ion-list>
|
<b>Only</b> redeemable on Mercado Livre (Brazil)
|
||||||
</ion-content>
|
</div>
|
||||||
|
<div *ngIf="!showOauthForm">
|
||||||
|
<button ion-button outline block (click)="goTo('Amount')" no-low-fee translate>Buy a Gift Card</button>
|
||||||
|
<button ion-button clear small block color="dark" (click)="openExternalLink('https://www.mercadolivre.com.br')" translate>Visit mercadolivre.com.br →</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container" *ngIf="giftCards">
|
||||||
|
<div class="box-notification warning" *ngIf="network == 'testnet'">
|
||||||
|
Sandbox version. Only for testing purpose.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="integration-giftCard-logo">
|
||||||
|
<img src="assets/img/mercado-libre/mlbr.svg" alt="Mercado Libre">
|
||||||
|
<div class="subtitle" translate>
|
||||||
|
<b>Only</b> redeemable on Mercado Livre (Brazil)
|
||||||
|
</div>
|
||||||
|
<button color="dark" ion-button clear icon-right no-low-fee (click)="goTo('Amount')">
|
||||||
|
<span translate>Buy Gift Card</span>
|
||||||
|
<ion-icon name="arrow-forward"></ion-icon>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ion-list>
|
||||||
|
<ion-item-divider>{{'Your Gift Cards'|translate}}</ion-item-divider>
|
||||||
|
<button ion-item *ngFor="let item of (giftCards | keys : 'date') | orderBy : ['-order']" (click)="openCardModal(item.value)">
|
||||||
|
<div class="mercado-libre-card">
|
||||||
|
<img src="assets/img/mercado-libre/meli-card-24px.png" alt="" class="avatar">
|
||||||
|
<div class="card-info">
|
||||||
|
<div class="amount">
|
||||||
|
<h2 *ngIf="item.value.amount">
|
||||||
|
{{item.value.amount | currency : '$ ' : 2}} {{item.value.currency}}
|
||||||
|
</h2>
|
||||||
|
<span>
|
||||||
|
<span class="assertive" *ngIf="item.value.status == 'FAILURE'">Error</span>
|
||||||
|
<span class="dark" *ngIf="item.value.status == 'expired'">Invoice expired</span>
|
||||||
|
<span class="calm" *ngIf="item.value.status == 'invalid'">Still pending</span>
|
||||||
|
<span class="positive" *ngIf="item.value.status == 'PENDING'">Pending</span>
|
||||||
|
<span class="assertive" *ngIf="item.value.cardStatus == 'inactive'" translate>Inactive</span>
|
||||||
|
<span class="assertive" *ngIf="item.value.cardStatus == 'expired'" translate>Expired</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<span class="dark">{{item.value.date | amTimeAgo}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</ion-list>
|
||||||
|
</div>
|
||||||
|
</ion-content>
|
|
@ -3,7 +3,9 @@ page-mercado-libre {
|
||||||
background: #ffc900;
|
background: #ffc900;
|
||||||
margin: 0rem;
|
margin: 0rem;
|
||||||
}
|
}
|
||||||
|
.container {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.center-header {
|
.center-header {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -32,7 +32,7 @@ export class ShapeshiftDetailsPage {
|
||||||
this.shapeshiftProvider.saveShapeshift(this.ssData, {
|
this.shapeshiftProvider.saveShapeshift(this.ssData, {
|
||||||
remove: true
|
remove: true
|
||||||
}, function (err) {
|
}, function (err) {
|
||||||
this.cancel();
|
this.close();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4,47 +4,47 @@
|
||||||
</ion-navbar>
|
</ion-navbar>
|
||||||
</ion-header>
|
</ion-header>
|
||||||
|
|
||||||
<ion-content *ngIf="!shifts.data" no-bounce>
|
<ion-content no-bounce>
|
||||||
<div class="center-header">
|
<div class="container" *ngIf="!shifts.data">
|
||||||
<img src="assets/img/shapeshift/logo-shapeshift.svg" width="200" alt="Shapeshift">
|
<div class="center-header">
|
||||||
<div padding>
|
<img src="assets/img/shapeshift/logo-shapeshift.svg" width="200" alt="Shapeshift">
|
||||||
<h4>The Safest, Fastest Asset Exchange on Earth</h4>
|
<div padding>
|
||||||
<p>Trade any leading blockchain asset for any other. Protection by Design. No Account Needed.</p>
|
<h4>The Safest, Fastest Asset Exchange on Earth</h4>
|
||||||
</div>
|
<p>Trade any leading blockchain asset for any other. Protection by Design. No Account Needed.</p>
|
||||||
<button ion-button outline no-low-fee (click)="goTo('Shift')">Start</button>
|
|
||||||
<button ion-button clear small color="light" (click)="openExternalLink('https://shapeshift.io')">Visit Shapeshift.io →</button>
|
|
||||||
</div>
|
|
||||||
</ion-content>
|
|
||||||
|
|
||||||
|
|
||||||
<ion-content *ngIf="shifts.data" no-bounce>
|
|
||||||
|
|
||||||
<div class="main-header">
|
|
||||||
<img src="assets/img/shapeshift/logo-shapeshift.svg" width="180" (click)="update()">
|
|
||||||
<button ion-button clear icon-right no-low-fee (click)="goTo('Shift')">
|
|
||||||
Shift
|
|
||||||
<ion-icon name="arrow-forward"></ion-icon>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ion-list>
|
|
||||||
<ion-item-divider>Transactions</ion-item-divider>
|
|
||||||
<button ion-item *ngFor="let item of shifts.data | keys" (click)="openShiftModal(item.value)">
|
|
||||||
<ion-label>
|
|
||||||
<div class="ellipsis">{{item.value.title || item.value.address}}</div>
|
|
||||||
<div class="status">
|
|
||||||
<span class="assertive" *ngIf="item.value.status == 'failed'">Failed</span>
|
|
||||||
<span class="balanced" *ngIf="item.value.status == 'complete'">Completed</span>
|
|
||||||
<span class="royal" *ngIf="item.value.status == 'received'">Pending</span>
|
|
||||||
<span class="calm" *ngIf="item.value.status == 'no_deposits'">Pending</span>
|
|
||||||
</div>
|
|
||||||
</ion-label>
|
|
||||||
<div item-content text-end>
|
|
||||||
<div class="text-bold">{{ item.value.amount }}</div>
|
|
||||||
<div class="date calm">{{item.value.date | amTimeAgo}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</button>
|
<button ion-button outline no-low-fee (click)="goTo('Shift')">Start</button>
|
||||||
</ion-list>
|
<button ion-button clear small color="light" (click)="openExternalLink('https://shapeshift.io')">Visit Shapeshift.io →</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container" *ngIf="shifts.data">
|
||||||
|
<div class="main-header">
|
||||||
|
<img src="assets/img/shapeshift/logo-shapeshift.svg" width="180" (click)="update()">
|
||||||
|
<button ion-button clear icon-right no-low-fee (click)="goTo('Shift')">
|
||||||
|
Shift
|
||||||
|
<ion-icon name="arrow-forward"></ion-icon>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ion-list>
|
||||||
|
<ion-item-divider>Transactions</ion-item-divider>
|
||||||
|
<button ion-item *ngFor="let item of shifts.data | keys" (click)="openShiftModal(item.value)">
|
||||||
|
<ion-label>
|
||||||
|
<div class="ellipsis">{{item.value.title || item.value.address}}</div>
|
||||||
|
<div class="status">
|
||||||
|
<span class="assertive" *ngIf="item.value.status == 'failed'">Failed</span>
|
||||||
|
<span class="balanced" *ngIf="item.value.status == 'complete'">Completed</span>
|
||||||
|
<span class="royal" *ngIf="item.value.status == 'received'">Pending</span>
|
||||||
|
<span class="calm" *ngIf="item.value.status == 'no_deposits'">Pending</span>
|
||||||
|
</div>
|
||||||
|
</ion-label>
|
||||||
|
<div item-content text-end>
|
||||||
|
<div class="text-bold">{{ item.value.amount }}</div>
|
||||||
|
<div class="date calm">{{item.value.date | amTimeAgo}}</div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</ion-list>
|
||||||
|
</div>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
|
|
||||||
<ion-footer *ngIf="shifts.data" class="shift-problems">
|
<ion-footer *ngIf="shifts.data" class="shift-problems">
|
||||||
|
@ -52,4 +52,4 @@
|
||||||
<a (click)="openExternalLink('https://shapeshift.zendesk.com/hc/en-us/requests/new')">
|
<a (click)="openExternalLink('https://shapeshift.zendesk.com/hc/en-us/requests/new')">
|
||||||
Contact the ShapeShift support team.
|
Contact the ShapeShift support team.
|
||||||
</a>
|
</a>
|
||||||
</ion-footer>
|
</ion-footer>
|
|
@ -1,4 +1,7 @@
|
||||||
page-shapeshift {
|
page-shapeshift {
|
||||||
|
.container {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.center-header {
|
.center-header {
|
||||||
h4 {
|
h4 {
|
||||||
color: color($colors, light);
|
color: color($colors, light);
|
||||||
|
|
Loading…
Reference in New Issue