Wallet/www/views/addresses.html

<ion-view id="addresses" class="addr" hide-tabs>
  <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-buttons side="secondary">
      <button class="button back-button" ng-click="init()">
        <i class="icon ion-ios-refresh-empty"></i>
      </button>
    </ion-nav-buttons>
  </ion-nav-bar>

  <ion-content>
    <div ng-include="'views/includes/walletItem.html'"></div>

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

      <div class="addr-explanation" ng-if="showInfo">
        <div class="addr-description">
          <span translate>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.</span>&nbsp;
          <a ng-click="showInformation()" translate>Hide</a>
        </div>
      </div>

      <div class="list">
        <div class="item view-all" ng-click="scan()">
          <span translate>Scan addresses for funds</span>
        </div>
        <div class="item item-icon-right view-all" ng-if="viewAll.value" ng-click="viewAllAddresses()">
          <span translate>View All Addresses</span>
          <i class="icon ion-ios-arrow-thin-right"></i>
        </div>

        <div ng-if="showAddressTypes" class="item item-input item-select">
          <div class="view-all input-label" translate>
            Address type
          </div>
          <select ng-model="addressType.type">
            <option value="cashaddr">Cash Address</option>
            <option value="legacy">Legacy</option>
            <option value="bitpay">BitPay</option>
          </select>
        </div>

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

        <div ng-if="loading" class="updating">
          <ion-spinner class="spinner-dark recent" icon="crescent"></ion-spinner>
          <span translate>Loading addresses...</span>
        </div>

        <div ng-if="latestUnused[0]">
          <div class="box-error" ng-if="gapReached">
            <h5 translate>Unused Addresses Limit</h5>
            <p><span translate>The maximum number of consecutive unused addresses (20) has been reached. When one of your unused addresses receives a payment, a new address will be generated and shown in your Receive tab.</span>&nbsp;<a ng-click="readMore()" ng-if="!showMore" translate>Read more</a></p>
            <p ng-if="showMore"><span translate>The restore process will stop when 20 addresses are generated in a row which contain no funds. To safely generate more addresses, make a payment to one of the unused addresses which has already been generated.</span>&nbsp;<a ng-click="readMore()" translate>Read less</a></p>
          </div>

          <div class="item" ng-repeat="u in latestUnused track by $index" copy-to-clipboard="wallet.coin == 'bch' ? (addressType.type == 'cashaddr' ? 'bitcoincash:' : '') + u.translatedAddresses[addressType.type] : u.address">
            {{wallet.coin == 'bch' ? u.translatedAddresses[addressType.type] : u.address}}
            <div class="addr-path">
              {{u.path}} {{u.createdOn * 1000 | amDateFormat:'MMMM Do YYYY, hh:mm a'}}
            </div>
          </div>
        </div>

        <div ng-if="latestWithBalance[0]">
          <div class="item item-divider" translate>
            Addresses With Balance
          </div>

          <div class="item" ng-repeat="w in latestWithBalance track by $index" copy-to-clipboard="wallet.coin == 'bch' ? (addressType.type == 'cashaddr' ? 'bitcoincash:' : '') + w.translatedAddresses[addressType.type] : w.address">
            {{wallet.coin == 'bch' ? w.translatedAddresses[addressType.type] : w.address}}
            <div class="addr-path">
              {{w.path}} {{w.createdOn * 1000 | amDateFormat:'MMMM Do YYYY, hh:mm a'}}
            </div>
            <div class="addr-balance">{{w.balanceStr}}</div>            
          </div>
        </div>


        <div ng-if="allUtxosNb">
          <div class="item item-divider" translate>
            Wallet Inputs
          </div>

          <div class="item" >
            <span translate> Total wallet inputs </span>
            <div class="addr-path">
              {{allUtxosNb}} [{{allUtxosSum}}]
            </div>
          </div>
          <div class="item" >
            <span  translate> Low amount inputs </span>
            <div class="addr-path">
              {{lowUtxosNb}} [{{ lowUtxosSum }}]
            </div>
          </div>

          <div class="item" >
            <span translate> Approximate Bitcoin network fee to transfer wallet's balance (with normal priority) </span>
            <div class="addr-path">
              {{minFeePer}} [{{minFee}}]
            </div>
          </div>

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