2016-10-16 17:51:50 -07:00
< ion-view id = "view-confirm" hide-tabs >
2016-09-01 09:36:59 -07:00
< ion-nav-bar class = "bar-royal" >
2016-09-21 10:22:55 -07:00
< ion-nav-title >
{{'Confirm'|translate}}
< / ion-nav-title >
2016-08-30 08:52:28 -07:00
< ion-nav-back-button >
< / ion-nav-back-button >
< / ion-nav-bar >
2016-11-25 12:05:35 -08:00
< ion-content ng-class = "{'add-bottom-for-cta': !insufficientFunds && !noMatchingWallet}" >
2016-10-12 08:45:11 -07:00
< div class = "list" >
< div class = "item head" >
< div class = "sending-label" >
2016-11-08 13:55:02 -08:00
< img src = "img/icon-tx-sent-outline.svg" >
2017-06-20 08:14:21 -07:00
< span translate ng-if = "!tx.sendMax" > Sending< / span >
< span translate ng-if = "tx.sendMax" > Sending maximum amount< / span >
2016-10-12 08:45:11 -07:00
< / div >
< div class = "amount-label" >
2017-06-20 08:14:21 -07:00
< div class = "amount" > {{tx.amountValueStr || '...'}} < span class = "unit" > {{tx.amountUnitStr}}< / span > < / div >
< div class = "alternative" > {{tx.alternativeAmountStr || '...'}}< / div >
2016-10-12 08:45:11 -07:00
< / div >
< / div >
< div class = "info" >
2017-06-20 08:14:21 -07:00
< div class = "item single-line" ng-if = "tx.paypro" >
2016-10-20 11:38:57 -07:00
< span class = "label" translate > Payment Expires:< / span >
< span class = "item-note" ng-if = "!paymentExpired.value" > {{remainingTimeStr.value}}< / span >
< span class = "item-note" ng-if = "paymentExpired.value" ng-style = "{'color': 'red'}" translate > Expired< / span >
< / div >
2017-02-20 07:25:52 -08:00
2016-10-12 08:45:11 -07:00
< div class = "item" >
2017-02-14 14:50:15 -08:00
< span class = "label" translate > To< / span >
2017-02-20 10:06:42 -08:00
< span class = "payment-proposal-to" ng-if = "!recipientType" >
< img src = "img/icon-bitcoin-small.svg" >
2016-10-14 08:59:31 -07:00
2017-06-20 08:14:21 -07:00
< div copy-to-clipboard = "tx.toAddress" ng-if = "!tx.paypro" class = "ellipsis" >
< contact ng-if = "!tx.toName" address = "{{tx.toAddress}}" > < / contact >
< span class = "m15l size-14" ng-if = "tx.toName" > {{tx.toName}}< / span >
2016-10-20 08:34:20 -07:00
< / div >
2016-10-14 08:59:31 -07:00
2017-06-20 08:14:21 -07:00
< div ng-if = "tx.paypro" ng-click = "openPPModal(tx.paypro)" class = "m15l size-14 w100p pointer" >
< i ng-show = "tx.paypro.verified && tx.paypro.caTrusted" class = "ion-locked" style = "color:green" > < / i >
< i ng-show = "!tx.paypro.caTrusted" class = "ion-unlocked" style = "color:red" > < / i >
< span class = "ellipsis" ng-show = "!tx.toName" > {{tx.paypro.domain || tx.paypro.toAddress}}< / span >
< span ng-show = "tx.toName" > {{tx.toName}}< / span >
2016-10-06 15:23:39 -07:00
< / div >
2017-06-20 08:14:21 -07:00
<!-- <contact ng - if="!tx.hasMultiplesOutputs" class="ellipsis" address="{{tx.toAddress}}"></contact>
2016-10-12 08:45:11 -07:00
< span ng-if = "tx.hasMultiplesOutputs" translate > Multiple recipients< / span > -->
< / span >
2017-02-20 10:06:42 -08:00
< div class = "wallet" ng-if = "recipientType == 'wallet'" >
2017-02-20 07:25:52 -08:00
< i class = "icon big-icon-svg" >
2017-05-16 10:21:33 -07:00
< img src = "img/icon-wallet.svg" ng-class = "{'wallet-background-color-default': !toColor}" ng-style = "{'background-color': toColor}" class = "bg" / >
2017-02-20 07:25:52 -08:00
< / i >
2017-06-20 08:14:21 -07:00
< div copy-to-clipboard = "tx.toAddress" class = "ellipsis" >
< contact ng-if = "!tx.toName" address = "{{tx.toAddress}}" > < / contact >
< span ng-if = "tx.toName" class = "wallet-name" > {{tx.toName}}< / span >
2017-02-20 07:25:52 -08:00
< / div >
< / div >
2017-02-22 12:08:51 -08:00
< div ng-if = "recipientType == 'contact' && !isChromeApp" class = "gravatar-contact toggle" ng-click = "toggleAddress()" >
2017-06-20 08:14:21 -07:00
< gravatar class = "send-gravatar" name = "{{tx.toName}}" height = "30" width = "30" email = "{{toEmail}}" > < / gravatar >
< span ng-if = "tx.toName && !showAddress" > {{tx.toName}}< / span >
< span ng-if = "tx.toName && showAddress" > {{tx.toAddress}}< / span >
2017-02-20 07:25:52 -08:00
< / div >
2016-10-12 08:45:11 -07:00
< / div >
2017-06-20 08:14:21 -07:00
< a class = "item item-icon-right" ng-hide = "!tx.sendMax && (insufficientFunds || noMatchingWallet)" ng-click = "showWalletSelector()" >
2017-02-14 14:50:15 -08:00
< span class = "label" translate > From< / span >
2016-12-28 07:55:57 -08:00
< div class = "wallet" ng-if = "wallet" >
2016-10-12 08:45:11 -07:00
< i class = "icon big-icon-svg" >
2017-02-23 13:46:41 -08:00
< img src = "img/icon-wallet.svg" ng-class = "{'wallet-background-color-default': !wallet.color}" ng-style = "{'background-color': wallet.color}" class = "bg" / >
2016-10-12 08:45:11 -07:00
< / i >
< div > {{wallet.name}}< / div >
< / div >
2016-12-28 07:55:57 -08:00
< div class = "wallet" ng-if = "!wallet" >
< i class = "icon big-icon-svg" >
< img src = "img/icon-wallet.svg" ng-style = "{'background-color': 'grey'}" class = "bg" / >
< / i >
< div > ...< / div >
< / div >
2016-10-12 09:15:24 -07:00
< i class = "icon bp-arrow-right" > < / i >
< / a >
2017-05-16 10:21:33 -07:00
< div class = "item item-icon-right" ng-if = "!insufficientFunds && !noMatchingWallet" ng-click = "chooseFeeLevel()" >
2017-06-20 08:14:21 -07:00
< span class = "label" > {{'Fee:' | translate}} {{tx.feeLevel | translate}}< / span >
< span class = "m10l" > {{tx.fee || '...'}}< / span >
2017-05-16 10:21:33 -07:00
< span class = "item-note m10l" >
2017-06-20 08:14:21 -07:00
< span > {{tx.alternativeFeeStr || '...'}} < span class = "fee-rate" ng-if = "tx.feeRatePerStr" translate > - {{tx.feeRatePerStr}} of the transaction< / span > < / span >
2017-05-16 10:21:33 -07:00
< / span >
< i class = "icon bp-arrow-right" > < / i >
< / div >
< a class = "item item-icon-right" ng-if = "!insufficientFunds && !noMatchingWallet" ng-click = "showDescriptionPopup()" >
2016-10-13 06:24:15 -07:00
< span class = "label" translate > Add Memo< / span >
< span class = "item-note m10l" >
2017-06-20 08:14:21 -07:00
{{tx.description}}
2016-10-12 08:45:11 -07:00
< / span >
2016-10-12 09:15:24 -07:00
< i class = "icon bp-arrow-right" > < / i >
< / a >
2016-11-23 06:23:19 -08:00
< div class = "text-center" ng-show = "noMatchingWallet" >
< span class = "badge badge-energized" translate > No wallets available< / span >
< / div >
2016-11-25 12:05:35 -08:00
< div class = "text-center" ng-show = "insufficientFunds" >
2016-11-23 06:23:19 -08:00
< span class = "badge badge-energized" translate > Insufficient funds< / span >
< / div >
2016-10-12 08:45:11 -07:00
< / div >
< / div >
< / ion-content >
2016-11-16 12:35:25 -08:00
< click-to-accept
2016-12-05 06:17:48 -08:00
ng-click="approve(statusChangeHandler)"
2016-12-28 07:11:55 -08:00
ng-if="!isCordova"
2016-12-02 12:18:48 -08:00
click-send-status="sendStatus"
2016-12-28 07:11:55 -08:00
has-wallet-chosen="wallet"
insufficient-funds="insufficientFunds"
no-matching-wallet="noMatchingWallet">
2017-01-16 11:25:12 -08:00
{{buttonText}}
2016-11-16 12:35:25 -08:00
< / click-to-accept >
2016-10-12 08:45:11 -07:00
< slide-to-accept
2017-01-16 11:25:12 -08:00
ng-if="isCordova & & (wallet & & !insufficientFunds & & !noMatchingWallet)"
2016-12-05 06:17:48 -08:00
slide-on-confirm="onConfirm()"
2016-12-02 12:18:48 -08:00
slide-send-status="sendStatus"
2016-12-28 07:11:55 -08:00
has-wallet-chosen="wallet"
insufficient-funds="insufficientFunds"
no-matching-wallet="noMatchingWallet">
2017-01-16 11:25:12 -08:00
{{buttonText}}
2016-10-12 08:45:11 -07:00
< / slide-to-accept >
< slide-to-accept-success
slide-success-show="sendStatus === 'success'"
slide-success-on-confirm="onSuccessConfirm()"
2016-10-20 11:38:57 -07:00
slide-success-hide-on-confirm="true">
2017-01-12 19:02:16 -08:00
< span ng-show = "wallet.m == 1 && (wallet.canSign() || wallet.isPrivKeyExternal())" translate > Payment Sent< / span >
< span ng-show = "wallet.m > 1 && (wallet.canSign() || wallet.isPrivKeyExternal())" translate > Proposal Created< / span >
< span ng-show = "!wallet.canSign() && !wallet.isPrivKeyExternal()" translate > Transaction created< / span >
2016-10-12 08:45:11 -07:00
< / slide-to-accept-success >
2016-10-12 17:13:28 -07:00
< wallet-selector
2016-12-02 12:18:48 -08:00
wallet-selector-title="walletSelectorTitle"
2016-10-12 17:13:28 -07:00
wallet-selector-wallets="wallets"
wallet-selector-selected-wallet="wallet"
2017-06-20 08:14:21 -07:00
wallet-selector-show="walletSelector"
2016-10-20 11:38:57 -07:00
wallet-selector-on-select="onWalletSelect">
2016-10-12 17:13:28 -07:00
< / wallet-selector >
2016-10-12 08:45:11 -07:00
< / ion-view >