2015-12-01 12:16:39 -08:00
< nav class = "tab-bar" ng-style = "{'background-color':color}" >
2015-05-07 07:07:33 -07:00
< section class = "left-small" >
2015-05-11 12:33:40 -07:00
< a ng-click = "cancel()" >
2015-05-16 20:34:26 -07:00
< i class = "icon-arrow-left3 icon-back" > < / i >
2015-05-11 12:33:40 -07:00
< span class = "text-back" translate > Back< / span >
2015-03-06 07:00:10 -08:00
< / a >
< / section >
< section class = "middle tab-bar-section" >
2015-12-01 12:16:39 -08:00
< h1 class = "title ellipsis" translate >
2015-05-18 12:21:36 -07:00
Payment Proposal
2015-03-06 07:00:10 -08:00
< / h1 >
< / section >
< / nav >
2015-11-23 07:56:43 -08:00
< div class = "modal-content fix-modals-touch"
ng-swipe-disable-mouse
ng-swipe-right="cancel()"
ng-init="updateCopayerList()">
2015-12-03 08:43:59 -08:00
< div class = "payment-proposal-head"
ng-style="{'background-color':color}">
< div class = "size-36" > {{tx.amountStr}}< / div >
< div class = "size-14 text-light" ng-show = "tx.alternativeAmountStr" > {{tx.alternativeAmountStr}}< / div >
< i class = "db fi-arrow-down size-24 m10v" > < / i >
< span class = "payment-proposal-to"
2016-02-16 11:13:50 -08:00
ng-click="copyToClipboard(tx.toAddress)">
2015-12-03 12:55:46 -08:00
< i class = "fi-bitcoin left" > < / i >
2016-01-20 06:15:44 -08:00
< contact ng-if = "!tx.hasMultiplesOutputs" class = "dib enable_text_select ellipsis m5t m5b size-14" address = "{{tx.toAddress}}" > < / contact >
2015-12-03 08:43:59 -08:00
< span ng-if = "tx.hasMultiplesOutputs" translate >
Multiple recipients
2015-08-20 12:43:03 -07:00
< / span >
2015-12-03 08:43:59 -08:00
< / span >
< / div >
< div class = "oh" >
2016-01-27 11:41:12 -08:00
< div class = "box-notification" ng-show = "error" >
2015-12-03 08:43:59 -08:00
< span class = "text-warning size-14" >
{{error|translate}}
< / span >
< / div >
2016-01-27 11:41:12 -08:00
< div class = "row" ng-if = "tx.removed" >
< div class = "column m20t text-center text-warning size-12" translate >
The payment was removed by creator
< / div >
2015-12-03 08:43:59 -08:00
< / div >
2016-01-27 11:41:12 -08:00
< div class = "row p20t white" ng-if = "tx.pendingForUs" >
2016-01-21 04:55:28 -08:00
< div class = "large-6 medium-6 small-6 columns" ng-show = "isShared" >
2015-12-03 08:43:59 -08:00
< button class = "button outline round dark-gray expand" ng-click = "reject(tx);"
ng-disabled="loading">
< i class = "fi-x" > < / i >
< span translate > Reject< / span >
< / button >
< / div >
2015-12-03 12:55:46 -08:00
< div class = "large-6 medium-6 small-6 columns text-right" ng-show = "canSign" >
2015-12-03 08:43:59 -08:00
< button class = "button primary round expand" ng-click = "sign(tx)"
ng-style="{'background-color':color}"
ng-disabled="loading">
< i class = "fi-check" > < / i >
< span translate > Accept< / span >
< / button >
< / div >
< / div >
< div class = "text-center text-gray size-12 m20t" ng-show = "tx.status != 'pending'" >
< div ng-show = "tx.status=='accepted' && !tx.isGlidera" >
< div class = "m10b" translate > Payment accepted, but not yet broadcasted< / div >
< button class = "primary round m0"
ng-style="{'background-color':color}"
ng-click="broadcast(tx)"
ng-disabled="loading"
> < i class = "fi-upload-cloud" > < / i >
< span translate > Broadcast Payment< / span >
< / button >
< / div >
< div ng-show = "tx.status=='accepted' && tx.isGlidera" >
< div class = "m10h" translate > Payment accepted. It will be broadcasted by Glidera. In case there is a problem, it can be deleted 6 hours after it was created.< / div >
< / div >
< div class = "text-success"
ng-show="tx.status=='broadcasted'" translate>
Payment Sent
< / div >
< div class = "text-warning"
ng-show="tx.status=='rejected'" translate>
Payment Rejected
< / div >
< / div >
< / div >
< h4 class = "title m0" translate > Details< / h4 >
< ul class = "no-bullet size-14 m0" >
2015-12-03 13:06:45 -08:00
< li class = "line-b p10 oh" ng-show = "tx.message" >
2015-12-03 08:43:59 -08:00
< span class = "text-gray" translate > Note< / span >
2015-08-20 12:43:03 -07:00
< span class = "right" > {{tx.message}}< / span >
< / li >
2015-10-20 13:16:47 -07:00
< li ng-show = "tx.hasMultiplesOutputs" class = "line-b p10 oh"
2015-08-20 12:43:03 -07:00
ng-click="showMultiplesOutputs = !showMultiplesOutputs">
2015-12-03 08:43:59 -08:00
< span class = "text-gray" translate > Recipients< / span >
2015-08-20 12:43:03 -07:00
< span class = "right" > {{tx.recipientCount}}
< i ng-show = "showMultiplesOutputs" class = "icon-arrow-up3 size-24" > < / i >
< i ng-show = "!showMultiplesOutputs" class = "icon-arrow-down3 size-24" > < / i >
< / span >
< / li >
< div class = "line-b" ng-show = "tx.hasMultiplesOutputs && showMultiplesOutputs"
ng-repeat="output in tx.outputs"
2015-07-02 11:06:37 -07:00
ng-include="'views/includes/output.html'">
< / div >
2015-08-20 12:43:03 -07:00
2015-06-22 07:33:53 -07:00
< li class = "line-b p10" >
2015-12-03 08:43:59 -08:00
< span class = "text-gray" translate > Fee< / span >
2015-08-20 12:43:03 -07:00
< span class = "right" > {{tx.feeStr}}< / span >
2015-10-20 13:16:47 -07:00
< / li >
2015-03-06 07:00:10 -08:00
< li class = "line-b p10" >
2015-12-03 08:43:59 -08:00
< span class = "text-gray" translate > Time< / span >
2015-03-06 07:00:10 -08:00
< span class = "right" >
< time > {{ (tx.ts || tx.createdOn ) * 1000 | amTimeAgo}}< / time >
< / span >
< / li >
< li class = "line-b p10 oh" >
2015-12-03 08:43:59 -08:00
< span class = "text-gray" translate > Created by< / span >
2015-03-06 07:00:10 -08:00
< span class = "right" > {{tx.creatorName}}< / span >
< / li >
< / ul >
2015-08-11 14:55:47 -07:00
< div class = "p10 text-center size-12" ng-show = "!currentSpendUnconfirmed && tx.hasUnconfirmedInputs" >
< span class = "text-warning" translate > Warning: this transaction has unconfirmed inputs< / span >
< / div >
2015-12-03 08:43:59 -08:00
2015-03-06 07:00:10 -08:00
< div ng-if = "tx.paypro" >
2015-04-22 11:19:08 -07:00
< h4 class = "title m0" translate > Payment details< / h4 >
2015-03-06 07:00:10 -08:00
< ul class = "no-bullet size-14 m0" >
< li class = "line-b p10" >
2015-12-03 08:43:59 -08:00
< span class = "text-gray" translate > To< / span >
2015-03-06 07:00:10 -08:00
< span class = "right" >
2015-04-24 06:32:00 -07:00
< span >
2015-03-06 07:00:10 -08:00
< span ng-show = "tx.merchant.pr.ca" > < i class = "fi-lock" > < / i > {{tx.paypro.domain}}< / span >
< span ng-show = "!tx.merchant.pr.ca" > < i class = "fi-unlock" > < / i > {{tx.paypro.domain}}< / span >
< / span >
< contact address = "{{tx.toAddress}}" ng-hide = "tx.merchant" > < / contact >
< / span >
< / li >
< li class = "line-b p10" >
2015-12-03 08:43:59 -08:00
< span class = "text-gray" translate > Expires< / span >
2015-03-06 07:00:10 -08:00
< span class = "right" >
< time > {{tx.paypro.expirationDate | amTimeAgo }}< / time >
< / span >
< / li >
< li class = "line-b p10" >
2015-12-03 08:43:59 -08:00
< span class = "text-gray" > Merchant Message< / span >
2015-03-06 07:00:10 -08:00
< span class = "db" > {{tx.paypro.pr.pd.memo}}< / span >
< / li >
< / ul >
< / div >
< div ng-if = "tx.actions[0] && !txRejected && !txBroadcasted" >
2015-12-03 13:22:17 -08:00
< h4 class = "title m0" >
2015-12-03 08:43:59 -08:00
< div class = "right size-12 text-gray m10r" >
{{tx.requiredSignatures}}/{{tx.walletN}}
< / div >
< span translate > Participants< / span >
< / h4 >
2015-03-06 07:00:10 -08:00
< ul class = "no-bullet size-14 m0" >
< li class = "line-b p10 text-gray" ng-repeat = "ac in tx.actions" >
< i class = "icon-contact size-24" > < / i >
2015-12-03 10:11:23 -08:00
< span class = "right" >
< i ng-if = "ac.type == 'reject'" class = "fi-x icon-sign x db" > < / i >
< i ng-if = "ac.type == 'accept'" class = "fi-check icon-sign check db" > < / i >
2015-03-06 07:00:10 -08:00
< / span >
2015-12-03 10:11:23 -08:00
{{ac.copayerName}} < span ng-if = "ac.copayerId == copayerId" > ({{'Me'|translate}})< / span >
2015-03-06 07:00:10 -08:00
< / li >
< / ul >
2015-12-03 08:43:59 -08:00
< / div >
2015-04-21 22:48:00 -07:00
2016-01-20 10:25:54 -08:00
< div class = "columns text-center m20t" ng-if = "tx.canBeRemoved || (tx.status == 'accepted' && !tx.broadcastedOn)" >
< div class = "text-gray size-12 m20b" ng-show = "!tx.isGlidera && isShared" translate >
2015-06-17 12:54:14 -07:00
* A payment proposal can be deleted if 1) you are the creator, and no other copayer has signed, or 2) 24 hours have passed since the proposal was created.
2015-04-28 09:58:19 -07:00
< / div >
2015-09-03 13:34:42 -07:00
< button class = "tiny round outline dark-gray warning" ng-click = "remove(tx)"
2016-01-20 10:25:54 -08:00
ng-disabled="loading">
2015-04-24 06:56:37 -07:00
< i class = "fi-trash size-14 m5r" > < / i >
2015-05-18 12:21:36 -07:00
< span translate > Delete Payment Proposal< / span >
2015-04-21 22:48:00 -07:00
< / button >
< / div >
2015-05-29 12:30:17 -07:00
< div class = "extra-margin-bottom" > < / div >
2015-03-06 07:00:10 -08:00
< / div >