copay-crown

Version:
A Secure Crown Wallet
80 lines (67 loc) • 2.48 kB
HTML
<ion-header>

  <ion-navbar>
    <ion-title>Details</ion-title>
    <ion-buttons start>
      <button (click)="close()" ion-button>
        {{'Close' | translate}}
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content>
  <div class="header-modal">
    <img src="assets/img/mercado-libre/giftcard-pt.svg" alt="Mercado Livre Brazil Gift Card">
    <div class="header-modal-amount">
      {{'Gift Card Amount:' | translate }}
      <span class="text-bold">
        {{card.amount | currency : '$ ' : 2}} {{card.currency}}
      </span>
    </div>
    <div translate>
      Created {{card.date | amTimeAgo}}
    </div>

    <div>
      <div *ngIf="card.cardStatus == 'active'">
        <div *ngIf="card.pin">
          Claim code:
          <span class="text-bold" copy-to-clipboard="{{card.pin}}">{{card.pin}}</span>
        </div>
        <button class="redeem" ion-button outline (click)="openRedeemLink()" translate>
          Redeem Now
        </button>
      </div>

      <div *ngIf="card.cardStatus == 'inactive'">
        <span class="assertive" translate>Inactive</span>
        <div class="card-status-desc" translate>Gift Card is not available to use anymore</div>
      </div>

      <div *ngIf="card.cardStatus == 'expired'">
        <span class="assertive" translate>Expired</span>
        <div class="card-status-desc" translate>Gift Card is not available to use anymore</div>
      </div>

      <div *ngIf="card.status">
        <span class="positive" *ngIf="card.status == 'PENDING'" translate>
          Pending
        </span>
        <span class="calm" *ngIf="card.status=='invalid'" translate>
          Still pending
        </span>
        <span class="assertive" *ngIf="card.status == 'FAILURE'" translate>
          Error
        </span>
        <span class="dark" *ngIf="card.status == 'expired'" translate>
          Invoice expired
        </span>
      </div>
    </div>
  </div>

  <ion-list>
    <button class="links" ion-item (click)="openExternalLink(card.invoiceUrl)">
      <span translate>See invoice &rarr;</span>
    </button>

    <button class="links" ion-item *ngIf="card.status == 'FAILURE'" (click)="openSupportWebsite()">
      <span>{{'Help & Support' | translate }} &rarr;</span>
    </button>

    <button ion-item block *ngIf="card.cardStatus == 'inactive' || card.cardStatus == 'expired' || card.status == 'expired'"
      class="assertive" (click)="remove()">Remove</button>
  </ion-list>

</ion-content>