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

An OWS Wallet applet plugin for Coinbase.

<ion-view id="wallet" show-tabs>
  <ion-nav-bar class="bar-coinbase" ng-style="{'background-color': wallet.color}">
    <ion-nav-title>{{wallet.name}}</ion-nav-title>
    <ion-nav-back-button>
    </ion-nav-back-button>
  </ion-nav-bar>
  <ion-header-bar class="bar-subheader has-header">
  	<span>
	    <div class="header-group" ng-style="{'background-color': wallet.color}">
		    <div class="amount">
	        {{wallet.format().balance}}
		    </div>
		    <div class="altAmount">
	        {{wallet.format().balanceAlternative}}
		    </div>
		    <div class="error" ng-if="wallet.error">
	        {{wallet.error}}
		    </div>
		  </div>
	    <div class="button-group row">
	    	<span class="col col-50">
		      <button class="button button-block button-primary" ng-style="{'background-color': wallet.color}"
		      	ui-sref="tabs.buy-sell-amount({action: 'buy', walletId: wallet.id, currency: wallet.currency})" translate>
		        Buy
		      </button>
		    </span>
	    	<span class="col">
		      <button class="button button-block button-primary" ng-style="{'background-color': wallet.color}"
		      	ui-sref="tabs.buy-sell-amount({action: 'sell', walletId: wallet.id, currency: wallet.currency})" translate>
		      	Sell
		      </button>
		    </span>
	    </div>
	  </span>
  </ion-header-bar>
  <ion-content>
  	<ion-list>
			<div class="item item-divider" ng-show="pendingTransactions.length > 0">
				Pending Transactions
			</div>
      <div class="item item-icon-left has-detail" ng-repeat="tx in pendingTransactions 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': wallet.color}"></div> Pending
          	</p>
          </span>
        </span>
      </div>
    </ion-list>	
		<ows-wallet-transactions transactions="wallet.transactions" on-click="openTxDetail" style-icon-confirming="background: {{wallet.color}}"
			style-icon-received="background: {{wallet.color}}" style-icon-sent="background: {{wallet.color}}"
			style-icon-moved="background: {{wallet.color}}">
		<ows-wallet-transactions>
  </ion-content>
</ion-view>