2015-03-06 07:00:10 -08:00
< nav class = "tab-bar" >
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-04-11 13:12:44 -07:00
< h1 class = "title ellipsis" ng-style = "{'color':color}" 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-05-18 12:21:36 -07:00
< h4 class = "title m0" translate > Details< / h4 >
2015-03-06 07:00:10 -08:00
< ul class = "no-bullet size-14 m0" >
2015-10-20 13:16:47 -07:00
< li ng-if = "!tx.hasMultiplesOutputs"
class="line-b p10 oh"
2015-08-20 12:43:03 -07:00
ng-click="copyAddress(tx.toAddress)">
< span class = "text-gray" translate > To< / span > :
2015-10-22 14:43:32 -07:00
< contact class = "right enable_text_select" address = "{{tx.toAddress}}" > < / contact >
2015-08-20 12:43:03 -07:00
< / li >
< li class = "line-b p10" >
< span ng-show = "tx.hasMultiplesOutputs" class = "text-gray" translate > Total< / span >
< span ng-show = "!tx.hasMultiplesOutputs" class = "text-gray" translate > Amount< / span > :
< span class = "right" > {{tx.amountStr}}
< span ng-show = "tx.alternativeAmountStr" class = "label gray radius" > {{tx.alternativeAmountStr}}< / span >
< / span >
< / li >
< li class = "line-b p10 oh" >
< span class = "text-gray" translate > Note< / span > :
< 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">
< span class = "text-gray" translate > Recipients< / span > :
< 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" >
< 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-04-22 11:19:08 -07: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-04-22 11:19:08 -07: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-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-04-22 11:19:08 -07: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-04-22 11:19:08 -07: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" >
< span class = "text-gray" > Merchant Message:< / span >
< span class = "db" > {{tx.paypro.pr.pd.memo}}< / span >
< / li >
< / ul >
< / div >
< div ng-if = "tx.actions[0] && !txRejected && !txBroadcasted" >
2015-05-18 12:21:36 -07:00
< h4 class = "title m0" translate > Participants< / 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-05-13 06:56:08 -07:00
{{ac.copayerName}} < span ng-if = "ac.copayerId == copayerId" > ({{'Me'|translate}})< / span >
2015-03-06 07:00:10 -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 >
< i ng-if = "!ac.type" class = "fi-loop" > < / i >
< / span >
< / li >
< / ul >
< / div >
2015-09-03 13:34:42 -07:00
< div class = "box-notification m20t" ng-show = "error" >
2015-03-06 07:00:10 -08:00
< span class = "text-warning size-14" >
{{error|translate}}
< / span >
< / div >
2015-04-21 22:48:00 -07:00
< div class = "row column m20t text-center text-warning" ng-if = "tx.removed" translate >
2015-05-18 12:21:36 -07:00
The payment was removed by creator
2015-04-24 06:32:00 -07:00
< / div >
2015-03-06 07:00:10 -08:00
< div class = "row m20t" ng-if = "tx.pendingForUs" >
< div class = "large-5 medium-5 small-6 columns" >
2015-05-30 19:22:15 -07:00
< button class = "button outline round dark-gray expand" ng-click = "reject(tx);"
2015-03-06 07:00:10 -08:00
ng-disabled="loading">
2015-04-24 06:32:00 -07:00
< i class = "fi-x" > < / i >
2015-03-06 07:00:10 -08:00
< span translate > Reject< / span >
< / button >
< / div >
2015-07-15 18:10:59 -07:00
< div class = "large-5 medium-5 small-6 columns text-right" ng-show = "canSign" >
2015-05-30 19:22:15 -07:00
< button class = "button primary round expand" ng-click = "sign(tx)"
2015-04-24 06:32:00 -07:00
ng-style="{'background-color':color}"
2015-03-06 07:00:10 -08:00
ng-disabled="loading">
2015-04-24 06:32:00 -07:00
< i class = "fi-check" > < / i >
2015-05-18 12:21:36 -07:00
< span translate > Accept< / span >
2015-03-06 07:00:10 -08:00
< / button >
< / div >
< / div >
2015-09-03 13:34:42 -07:00
< div class = "text-center text-gray m20t" ng-show = "tx.status != 'pending'" >
2015-09-08 18:39:33 -07:00
< div ng-show = "tx.status=='accepted' && !tx.isGlidera" >
2015-09-08 17:11:13 -07:00
< div class = "m10b size-12" translate > Payment accepted, but not yet broadcasted< / div >
2015-10-20 13:16:47 -07:00
2015-05-16 20:34:26 -07:00
< button class = "primary round"
2015-04-17 14:10:22 -07:00
ng-click="broadcast(tx)"
2015-09-08 18:39:33 -07:00
ng-disabled="loading"
> < i class = "fi-upload-cloud" > < / i >
2015-05-18 12:21:36 -07:00
< span translate > Broadcast Payment< / span >
2015-04-17 14:10:22 -07:00
< / button >
< / div >
2015-09-08 18:39:33 -07:00
< div ng-show = "tx.status=='accepted' && tx.isGlidera" >
2015-09-09 11:51:28 -07:00
< div class = "m10 size-12" 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 >
2015-09-08 18:39:33 -07:00
< / div >
2015-04-24 06:32:00 -07:00
< div class = "text-success m10t"
2015-04-17 14:10:22 -07:00
ng-show="tx.status=='broadcasted'" translate>
2015-11-12 13:06:40 -08:00
Payment Sent
2015-03-06 07:00:10 -08:00
< / div >
2015-08-14 12:56:13 -07:00
< div class = "text-center text-warning m10t"
2015-04-16 08:14:23 -07:00
ng-show="tx.status=='rejected'" translate>
2015-11-12 13:06:40 -08:00
Payment Rejected
2015-03-06 07:00:10 -08:00
< / div >
< / div >
2015-04-21 22:48:00 -07:00
2015-11-14 13:08:04 -08:00
< div class = "columns text-center m20t" ng-if = "tx.canBeRemoved && isShared" >
2015-09-08 18:39:33 -07:00
< div class = "text-gray size-12 m20b" ng-if = "!tx.isGlidera" 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)"
2015-06-18 07:17:35 -07:00
ng-disabled="loading" ng-show="tx.canBeRemoved">
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 >