@owstack/ows-wallet-applet-coinbase/plugin/components/account/account.html

An OWS Wallet applet plugin for Coinbase.

<ion-view id="account" show-tabs>
  <ion-nav-bar class="bar-coinbase">
    <ion-nav-title>{{account.isCryptoCurrency ? account.currency.name : account.currency.code}}</ion-nav-title>
    <ion-nav-back-button>
    </ion-nav-back-button>
    <ion-nav-buttons side="secondary">
    	<span ng-if="account.isCryptoCurrency">
	      <button class="button button-nav-bar button-receive" ng-click="openReceive()"></button>
	      <button class="button button-nav-bar button-send" ng-click="openSend()"></button>
	    </span>
    </ion-nav-buttons>
  </ion-nav-bar>
  <ion-header-bar class="bar-subheader has-header">
  	<span>
	    <div class="amount-group">
		    <div class="amount">
	        {{format(account.balance.amount, account.balance.currency).localized_u}}
		    </div>
		    <div class="altAmount" ng-if="account.isCryptoCurrency">
	        {{format(account.balance.altAmount, account.balance.altCurrency).localized_u}}
		    </div>
		  </div>
	    <div class="button-group row">
	    	<span class="col col-50">
		      <button class="button button-block button-primary" ui-sref="tabs.buy-sell-amount({action: 'buy', accountId: account.id})">
		        {{account.isCryptoCurrency ? ('Buy' | translate) : ('Deposit' | translate)}}
		      </button>
		    </span>
	    	<span class="col">
		      <button class="button button-block button-primary" ui-sref="tabs.buy-sell-amount({action: 'sell', accountId: account.id})">
		      	{{account.isCryptoCurrency ? ('Sell' | translate) : ('Withdraw' | translate)}}
		      </button>
		    </span>
	    </div>
	  </span>
  </ion-header-bar>
  <ion-content>
  	<ion-list>
      <div class="item item-icon-left has-detail" ng-repeat="tx in transactions track by $index">
      	<i src="none"></i>
        <img svg="fill: {{account.currency.color}}" ng-src="img/icon-tx-{{tx.type || 'default'}}.svg">
				<span>
	        <h2>{{tx.title}}</h2>
	        <p>{{trim(tx.subtitle)}}</p>
	      </span>
        <span class="item-note two-lines">
          <h2 ng-class="{'received': tx.amount > 0}">{{format(tx.amount, tx.currency).localized_u}}</h2>
          <span ng-if="tx.status != 'pending'">
          	<p>{{format(tx.altAmount, tx.altCurrency).localized_u}}</p>
          </span>
          <span ng-if="tx.status == 'pending'">
          	<p>
	          	<div class="status-dot" ng-style="{'background': account.currency.color}"></div> Pending
          	</p>
          </span>
        </span>
      </div>
    </ion-list>
  </ion-content>
</ion-view>