Wallet/www/views/addresses.html

<ion-view hide-tabs id="addresses" class="addr">
  <ion-nav-bar class="bar-royal">
    <ion-nav-title>{{'Wallet Addresses' | translate}}</ion-nav-title>
    <ion-nav-back-button>
    </ion-nav-back-button>
  </ion-nav-bar>

  <ion-content>
    <div class="addr-list list">
      <div class="text-center padding size-42">
        <i class="icon ion-ios-ionic-outline"></i>
      </div>

      <div class="addr-explanation">
        <div class="addr-description">
          Each bitcoin wallet can generate billions of addresses from your 12-word backup. A new address is automatically generated and shown each time your recive a payment. <a ng-click="showInformation()" ng-if="!showInfo" translate>Why?</a>
        </div>
      </div>

      <div class="addr-explanation" ng-if="showInfo">
        <div class="addr-description">
          It's a good idea to avoid reusing addresses-this both protects your privacy and keeps your bitcoins secure against hypothetical attacks by quantum computers. <a ng-click="showInformation()" translate>Hide</a>
        </div>
      </div>

      <div class="list">
        <div class="item item-divider item-icon-right" ng-click="addNewAddress()" translate>
          Unused Addresses
          <i class="icon ion-ios-plus-empty"></i>
        </div>

        <div ng-if="unusedAddresses[0]">
          <div class="item" ng-repeat="uAddress in unusedAddresses track by $index">
            {{uAddress.address}}
            <div class="addr-path">
              {{uAddress.path}} {{uAddress.createdOn * 1000 | amDateFormat:'MMMM Do YYYY, hh:mm a'}}
            </div>
          </div>
        </div>

        <div ng-if="!unusedAddresses[0]">
          <span class="item" translate>Not unused addresses available</span>
        </div>

        <div class="item item-divider" translate>
          Addresses With Balance
        </div>

        <div class="item" ng-repeat="addr in addresses track by $index">
          {{addr.address}}
          <div class="addr-balance">{{addr.balanceStr}}</div>
        </div>
      </div>
    </div>
  </ion-content>
</ion-view>