121 lines
6.1 KiB
HTML
121 lines
6.1 KiB
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-overlay qr-overlay--{{ 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, 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"><formatted-amount value="{{ paymentReceivedAmount }}" currency="{{paymentReceivedCoin}}"></formatted-amount></span>
|
|
<span ng-if="displayBalanceAsFiat && paymentReceivedAlternativeAmount" class="payment-received-amount"><formatted-amount value="{{ paymentReceivedAlternativeAmount }}"></formatted-amount></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">
|
|
<span translate>Address Type</span>:
|
|
</div>
|
|
<select ng-model="bchAddressType.type" ng-change="displayAddress(bchAddressType.type)">
|
|
<option value="cashaddr" translate>Cash Address</option>
|
|
<option value="legacy" translate>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> <formatted-amount value="{{wallet.status.totalBalanceAlternative}}" currency="{{wallet.status.alternativeIsoCode}}"></formatted-amount></span>
|
|
<span ng-if="!displayBalanceAsFiat && !wallet.balanceHidden"> <formatted-amount value="{{wallet.status.totalBalanceStr}}"></formatted-amount> </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>
|
|
|
|
</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>
|