copay/public/views/tab-home.html

<ion-view>
  <ion-nav-bar class="bar-stable">
    <ion-nav-title>Home</ion-nav-title>
  </ion-nav-bar>

  <ion-content class="padding" ng-controller="tabHomeController" ng-init="updateAllWallets(); nextStep()">

    <div class="card">
      <div class="item item-divider  item-icon-right">
        Recent Activity
        <i class="icon ion-ios-arrow-right" ui-sref="activity"></i>
      </div>
      <div ng-if="fetchingNotifications" class="item text-center">
        <ion-spinner icon="lines"></ion-spinner>
        <div translate>Updating activity. Please stand by</div>
      </div>
      <div ng-if="!fetchingNotifications">
        <a class="item" ng-repeat="x in notifications" ng-click="x.action()">
          <span ng-include="'views/includes/walletActivity.html'"></span>
        </a>
        <div class="item" ng-show="!notifications[0]">
          <span translate>Nothing to show here.</span>
        </div>
      </div>
    </div>

    <div class="list card" ng-hide="!wallets[0]">
      <div class="item item-icon-right item-heading">
        Wallets
        <a ui-sref="tabs.add"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
      </div>
      <a ng-repeat="wallet in wallets track by $index"
         class="item item-icon-left item-big-icon-left item-icon-right"
         ui-sref="tabs.details({'walletId': wallet.id})">
        <i class="icon big-icon-svg">
          <img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}"/>
        </i>
        <h2>{{wallet.name || wallet.id}}</h2>
        <span  ng-show="wallet.n > 1" class="text-light">
          {{wallet.m}}-of-{{wallet.n}}
        </span>
        <span class="badge badge-assertive" ng-show="!wallet.isComplete()" translate>
          Incomplete
        </span>
        <p ng-show="wallet.isComplete() && !wallet.balanceHidden">
          {{wallet.status.availableBalanceStr}}
        </p>
        <p ng-show="wallet.isComplete() && wallet.balanceHidden">
          <strong class="size-12" translate>[Balance Hidden]</strong>
        </p>
        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
      </a>
      <a ui-sref="bitpayCard.main" ng-show="externalServices.BitpayCard" class="item item-icon-left">
        <i class="icon ion-card"></i>
        <h2>BitPay Card</h2>
      </a>
      <a ui-sref="amazon.main" ng-show="externalServices.AmazonGiftCards" class="item item-icon-left">
        <i class="icon ion-ios-cart"></i>
        <h2>Gift Cards</h2>
      </a>
    </div>

    <div class="list card" ng-show="externalServices.BuyAndSell && (glideraEnabled || coinbaseEnabled)">
      <div class="item item-heading">
        Buy & Sell Bitcoin
      </div>
      <a ng-show="glideraEnabled" ui-sref="glidera.main" class="item item-icon-right">
        <img src="img/glidera-logo.png" width="90"/>
        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
      </a>
      <!-- disable coinbase for this release -->
      <!-- <a ng-show="coinbaseEnabled" ui-sref="exchange.coinbase" class="item">
        <img src="img/coinbase-logo.png" width="90"> TODO
      </a> -->
    </div>

    <div class="list card"
         ng-show="!externalServices.AmazonGiftCards || !externalServices.BitpayCard || !externalServices.BuyAndSell || !wallets[1]">
      <div class="item item-heading">
        Next steps
      </div>
      <a ng-show="!wallets[1]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right">
       <i class="icon big-icon-svg">
         <img class="icon-create-wallet"/>
       </i>
        <span>Create a bitcoin wallet</span>
        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
      </a>
      <a ng-show="!externalServices.BuyAndSell" ui-sref="buyandsell" class="item item-icon-left item-big-icon-left item-icon-right">
       <i class="icon big-icon-svg">
         <img class="icon-buy-bitcoin"/>
       </i>
        <span>Buy Bitcoin</span>
        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
      </a>
      <a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right">
       <i class="icon big-icon-svg">
         <img class="icon-bitpay-card"/>
       </i>
        <span>Add BitPay Card</span>
        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
      </a>
      <a ui-sref="amazon.main" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right">
        <i class="icon big-icon-svg">
          <img class="icon-gift"/>
        </i>
        <span>Add Amazon Gift Card</span>
        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
      </a>
    </div>

  </ion-content>
</ion-view>