82 lines
2.8 KiB
HTML
82 lines
2.8 KiB
HTML
<ion-modal-view ng-controller="mercadoLibreCardDetailsController">
|
|
<ion-header-bar align-title="center" class="bar-royal">
|
|
<button class="button button-back button-clear" ng-click="cancel()">
|
|
Close
|
|
</button>
|
|
<h1 class="title">Details</h1>
|
|
</ion-header-bar>
|
|
|
|
<ion-content>
|
|
|
|
<div class="header-modal text-center">
|
|
<img src="img/mercado-libre/giftcard-pt.svg" alt="Mercado Libre Gift Card" width="230" ng-click="refreshGiftCard()">
|
|
|
|
<div class="m10t">
|
|
Gift Card Amount:
|
|
<span class="text-bold">
|
|
{{card.amount | currency : '$ ' : 2}}
|
|
</span>
|
|
</div>
|
|
|
|
|
|
<div class="m10t">
|
|
<span translate>Created</span>
|
|
{{card.date | amTimeAgo}}
|
|
</div>
|
|
|
|
|
|
<div ng-show="card.pin">
|
|
<div ng-show="card.cardStatus !== 'inactive' && card.cardStatus !== 'expired'">
|
|
Claim code: <span class="text-bold" copy-to-clipboard="card.pin">{{card.pin}}</span>
|
|
</div>
|
|
<div class="m10t" ng-show="card.status == 'active'">
|
|
<button class="button button-positive"
|
|
ng-click="openExternalLink('https://www.mercadolivre.com.br/redeem?pin=' + card.pin)">
|
|
Redeem Now
|
|
</button>
|
|
</div>
|
|
<div class="m10t" ng-show="card.cardStatus == 'inactive'">
|
|
<div class="m10t">
|
|
Status:
|
|
<span class="text-bold">
|
|
Inactive
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ng-show="!card.pin">
|
|
<div class="m10t">
|
|
Status:
|
|
<span class="text-bold" ng-show="card.status == 'PENDING'">
|
|
PENDING
|
|
</span>
|
|
<span class="text-bold" ng-show="card.status=='invalid'">
|
|
STILL PENDING
|
|
</span>
|
|
|
|
<span class="text-bold" ng-show="card.status == 'FAILURE' || card.status == 'RESEND'">
|
|
FAILURE
|
|
</span>
|
|
<span class="text-bold" ng-show="card.status == 'expired'">
|
|
EXPIRED
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="m10t text-center">
|
|
<a class="button button-clear button-calm" ng-click="openExternalLink(card.invoiceUrl)">See invoice</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-notification warning" ng-show="card.status == 'FAILURE' || card.status == 'RESEND'">
|
|
There was a failure to the create gift card. Please, contact BitPay support.
|
|
</div>
|
|
|
|
<div class="list text-center">
|
|
<a class="item" ng-show="card.status == 'FAILURE' || card.cardStatus == 'Canceled'
|
|
|| card.cardStatus == 'Expired' || card.status == 'expired'" ng-click="remove()">
|
|
<span class="assertive">Remove</span>
|
|
</a>
|
|
</div>
|
|
|
|
</ion-content>
|
|
</ion-modal-view>
|