copay/public/views/amazon.html

<div class="topbar-container">
  <nav ng-controller="topbarController as topbar"
       class="tab-bar">
    <section class="left-small">
      <a class="p10"
         ng-click="topbar.goHome()">
        <span class="text-close">Close</span>
      </a>
    </section>

    <section class="right-small">
      <a class="p10" ui-sref="buyAmazon">
        <i class="fi-shopping-cart size-24"></i>
      </a>
    </section>

    <section class="middle tab-bar-section">
      <h1 class="title ellipsis">
        Gift cards
      </h1>
    </section>
  </nav>
</div>

<div class="content amazon p20b" ng-controller="amazonController as amazon">

  <div ng-init="amazon.init()">

    <div class="box-notification text-center size-12 text-warning" ng-show="amazon.sandbox">
      <i class="fi-info"></i>
      Sandbox version. Only for testing purpose
    </div>

    <div class="m20t text-center" ng-click="amazon.init()">
      <img src="img/GCs-logo-cllb.png" alt="Amazon.com Gift Card" width="200">
      <div class="size-10 m5t text-gray"><b>Only</b> redeemable on www.amazon.com (USA website)</div>
    </div>

    <div ng-if="!amazon.giftCards" class="m20t text-center size-12"> 

      <div class="row">
        <div class="columns">
          <button class="m20t button black round expand" 
                  ui-sref="buyAmazon">
            Buy now
          </button>
        </div>
      </div>

      <div class="text-left p10h m30v">
        Amazon.com Gift Cards never expire and can be redeemed towards millions of items at 
        <a ng-click="$root.openExternalLink('https://www.amazon.com')">www.amazon.com</a>
      </div>
    </div>

    <div ng-if="amazon.giftCards">
      <h4 class="title">Your cards</h4>
      <div ng-repeat="(id, item) in amazon.giftCards | orderObjectBy:'date':true track by $index"
           ng-click="amazon.openCardModal(item)"
        class="row collapse last-transactions-content size-12">
        <div class="large-2 medium-2 small-2 columns">
          <img src="img/a-smile_color_btn.png" alt="{{id}}" width="40">
        </div>
        <div class="large-4 medium-4 small-4 columns m5t size-18">
          {{item.cardInfo.value.amount | currency : '$ ' : 2}}
        </div>
        <div class="large-5 medium-5 small-5 columns text-right m10t">
          <span class="text-warning" ng-if="item.status == 'FAILURE'">Error</span>
          <span class="text-secondary" ng-if="item.status == 'RESEND'">Resend is required</span>
          <span class="text-gray" ng-if="item.status == 'SUCCESS'">{{item.date * 1000 | amTimeAgo}}</span>
        </div>
        <div class="large-1 medium-1 small-1 columns text-right m10t">
          <i class="icon-arrow-right3 size-18"></i>
        </div>
      </div>
    </div>
  </div>

  <div class="extra-margin-bottom"></div>
</div>