Wallet/www/views/tab-receive.html

<ion-view id="tab-receive" show-tabs>
  <ion-nav-bar class="bar-royal">
    <ion-nav-title>{{'Receive' | translate}}</ion-nav-title>
    <ion-nav-buttons side="secondary">
      <button class="button-share ng-hide" ng-show="wallets[0] && showShareButton" ng-click="shareAddress()">
        <i class="icon"
        ng-class="{
          'ion-ios-upload-outline': showShareButton == 'iOS',
          'ion-android-share-alt': showShareButton != 'iOS'
        }"></i>
      </button>
    </ion-nav-buttons>
  </ion-nav-bar>
  <ion-content scroll="false">
    <article class="list card padding text-center" ng-if="!wallets[0]">
      <span translate>No Wallet</span>
    </article>
    <article class="address" ng-if="wallets[0]">
      <div class="address-info" class="text-center" ng-if="wallet && !wallet.isComplete()">
        <div class="incomplete">
          <div class="title">
            <span translate>Incomplete wallet</span>
          </div>
          <div class="subtitle">
            <span translate>All signing devices must be added to this multisig wallet before bitcoin addresses can be created.</span>
          </div>
          <button class="button button-standard button-primary" ng-click="goCopayers()" translate>Open wallet</button>
        </div>
      </div>
      <div class="address-info" ng-if="wallet && wallet.isComplete()">
        <div ng-show="!showingPaymentReceived">
          <div>
            <button ng-show="addr" class="button button-standard button-small" ng-click="requestSpecificAmount()">
              <span translate>Request Specific Amount</span>
            </button><br/><br/>
          </div>
          <div copy-to-clipboard="wallet.coin == 'bch' && bchAddressType.type == 'cashaddr' ? 'bitcoincash:' + addr : addr">
            <span ng-show="shouldShowReceiveAddressFromHardware()">
              <button class="button button-standard button-primary" ng-click="showReceiveAddressFromHardware()">
                <span translate>Show address</span>
              </button>
            </span>

            <qrcode class="qr-icon qr-icon--{{ wallet.coin }}" ng-if="addr" size="220" data="{{ protocolHandler }}:{{addr}}" color="#334"></qrcode>
            <div class="address-label">
              <span class="ellipsis">{{addr}}</span>
              <ion-spinner ng-show="!addr" class="spinner-dark" icon="crescent"></ion-spinner>
            </div>
          </div>
          <div>
            <button ng-show="addr" class="button-address" ng-click="setAddress(true)">
              <span translate>Generate new address</span>
            </button><br/>
          </div>
        </div>
        <!-- animation for payment received -->
        <div class="payment-received-container" ng-show="showingPaymentReceived" ng-click="hidePaymentScreen()">
          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
            <circle class="path circle" fill="none" stroke="#19B234" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/>
            <polyline class="path check" fill="none" stroke="#19B234" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/>
          </svg>
          <p class="success animated fadeIn">
            <br/>Payment Received!
            <span ng-if="!(displayBalanceAsFiat && paymentReceivedAlternativeAmount)" class="payment-received-amount">{{ paymentReceivedAmount }} <span class="payment-received-currency">{{ paymentReceivedCoin }}</span></span>
            <span ng-if="displayBalanceAsFiat && paymentReceivedAlternativeAmount" class="payment-received-amount">{{ paymentReceivedAlternativeAmount }}</span></span>
            Return To Address<br/>
          </p>
        </div>
        <!-- end of animation -->
        <div ng-show="addr && wallet.coin == 'bch' && !showingPaymentReceived">
          <label class="item-input item-select">
            <div class="input-label" translate>
              Address Type:
            </div>
            <select ng-model="bchAddressType.type" ng-change="displayAddress(bchAddressType.type)">
              <option value="cashaddr">Cash Address</option>
              <option value="legacy">Legacy</option>
              <option value="bitpay">BitPay</option>
            </select>
          </label>
        </div>
      </div>
    </article>

    <div class="backup" ng-if="wallets[0] && wallet && wallet.isComplete() && wallet.needsBackup" ng-click="openBackupNeededModal()">
      <i class="icon ion-alert"></i>
      <span translate>Wallet not backed up</span>
      <i class="icon ion-ios-arrow-thin-right"></i>
    </div>

    <div class="wallet-selector" ng-click="showWalletSelector()" ng-if="wallets[0] && wallet">
      <a ng-if="wallet" class="item item-sub item-icon-left item-big-icon-left item-icon-right">
        <i class="icon big-icon-svg" ng-include="'views/includes/walletIcon.html'"></i>
        <span>
          {{wallet.name || wallet.id}}
        </span>
        <p>
          <span ng-if="displayBalanceAsFiat && !wallet.balanceHidden" translate> {{wallet.status.totalBalanceAlternative}} {{wallet.status.alternativeIsoCode}} </span>
          <span ng-if="!displayBalanceAsFiat && !wallet.balanceHidden"> {{wallet.status.totalBalanceStr}} </span>

          <span ng-if="wallet.balanceHidden" translate>[Balance Hidden]</span>
          <span class="tab-home__wallet__multisig-number" ng-if="wallet.n > 1">
            {{wallet.m}}-of-{{wallet.n}}
          </span>
          <span class="assertive" ng-if="wallet.error">{{wallet.error}}</span>
          &nbsp;
        </p>
        <i ng-if="!singleWallet" class="icon bp-arrow-right"></i>
      </a>
    </div>

  </ion-content>
  <wallet-selector
  wallet-selector-title="walletSelectorTitle"
  wallet-selector-wallets="wallets"
  wallet-selector-selected-wallet="wallet"
  wallet-selector-show="showWallets"
  wallet-selector-on-select="onWalletSelect"
  wallet-selector-display-balance-as-fiat="displayBalanceAsFiat">
</wallet-selector>
</ion-view>