Merge pull request #3095 from cmgustavo/bug/modal-txp-05
Fixes txp modals for single outputs
This commit is contained in:
commit
0791c3fc32
8 changed files with 128 additions and 119 deletions
|
|
@ -1,24 +1,14 @@
|
|||
<div class="ng-animate-disabled row collapse">
|
||||
<li ng-if="output.isSummary" class="line-b p10 oh" ng-click="toggleOutputDetails(output)">
|
||||
<span class="text-gray" translate>Recipients</span>:
|
||||
<span class="right enable_text_select">{{output.recipientCount}}
|
||||
<i ng-show="output.showDetails" class="icon-arrow-up3 size-24"></i>
|
||||
<i ng-show="!output.showDetails" class="icon-arrow-down3 size-24"></i>
|
||||
</span>
|
||||
</li>
|
||||
<li ng-if="!output.isSummary" class="line-b p10 oh" ng-click="copyAddress(output.toAddress)">
|
||||
<span class="text-gray" translate>To</span>:
|
||||
<span class="right enable_text_select">{{output.toAddress || output.address}}</span>
|
||||
</li>
|
||||
<li class="line-b p10">
|
||||
<span ng-show="output.isSummary" class="text-gray" translate>Total</span>
|
||||
<span ng-show="!output.isSummary" class="text-gray" translate>Amount</span>:
|
||||
<span class="right">{{output.amountStr}}
|
||||
<span ng-show="output.alternativeAmountStr" class="label gray radius">{{output.alternativeAmountStr}}</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Note</span>:
|
||||
<span class="right">{{output.message}}</span>
|
||||
</li>
|
||||
</div>
|
||||
<li class="p10 oh" ng-click="copyAddress(output.toAddress)">
|
||||
<span class="text-gray" translate>To</span>:
|
||||
<span class="right enable_text_select">{{output.toAddress || output.address}}</span>
|
||||
</li>
|
||||
<li class="p10">
|
||||
<span class="text-gray" translate>Amount</span>:
|
||||
<span class="right">{{output.amountStr}}
|
||||
<span ng-show="output.alternativeAmountStr" class="label gray radius">{{output.alternativeAmountStr}}</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="p10 oh">
|
||||
<span class="text-gray" translate>Note</span>:
|
||||
<span class="right">{{output.message}}</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -11,18 +11,19 @@
|
|||
<time class="right size-12 text-gray m5t">{{ (tx.ts || tx.createdOn ) * 1000 | amTimeAgo}}</time>
|
||||
</div>
|
||||
<div class="ellipsis size-14">
|
||||
<span ng-if="!tx.showSingle">
|
||||
<span ng-if="tx.hasMultiplesOutputs">
|
||||
<span translate>Recipients</span>:
|
||||
<span>{{tx.outputs.length}}</span>
|
||||
<span>{{tx.recipientCount}}</span>
|
||||
</span>
|
||||
<span ng-if="tx.showSingle">
|
||||
<span ng-if="!tx.hasMultiplesOutputs">
|
||||
<span translate>To</span>:
|
||||
<span ng-if="tx.merchant">
|
||||
<span ng-show="tx.merchant.pr.ca"><i class="fi-lock"></i> {{tx.merchant.domain}}</span>
|
||||
<span ng-show="!tx.merchant.pr.ca"><i class="fi-unlock"></i> {{tx.merchant.domain}}</span>
|
||||
</span>
|
||||
<contact address="{{tx.toAddress}}" ng-hide="tx.merchant"> </contact>
|
||||
{{tx.toAddress}}
|
||||
<span ng-if="!tx.merchant">
|
||||
{{tx.toAddress}}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ellipsis text-gray size-14">
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
<div class="modal-content fix-modals-touch">
|
||||
<div class="header-modal text-center">
|
||||
<div class="size-42" ng-show="btx.action != 'invalid'">
|
||||
<span ng-if="btx.action == 'received'">+</span><span ng-if="btx.action == 'sent'">-</span>{{btx.amountStr}} {{settings.unitName}}
|
||||
<span ng-if="btx.action == 'received'">+</span><span ng-if="btx.action == 'sent'">-</span>{{btx.amountStr}}
|
||||
</div>
|
||||
<div class="size-42" ng-show="btx.action == 'invalid'">
|
||||
-
|
||||
|
|
@ -25,17 +25,8 @@
|
|||
<h4 class="title m0" translate>Details</h4>
|
||||
|
||||
<ul class="no-bullet size-14 m0">
|
||||
<div ng-if="btx.action != 'received'">
|
||||
<div ng-if="!btx.showSingle"
|
||||
ng-repeat="output in [ btx.outputs.summary ]"
|
||||
ng-include="'views/includes/output.html'">
|
||||
</div>
|
||||
<div ng-if="!btx.showSingle && btx.outputs.summary.showDetails"
|
||||
ng-repeat="output in btx.outputs.details"
|
||||
ng-include="'views/includes/output.html'">
|
||||
</div>
|
||||
</div>
|
||||
<li ng-if="btx.showSingle && btx.addressTo && btx.addressTo != 'N/A'" class="line-b p10 oh" ng-click="copyAddress(btx.addressTo)">
|
||||
|
||||
<li ng-if="!btx.hasMultiplesOutputs && btx.addressTo && btx.addressTo != 'N/A'" class="line-b p10 oh" ng-click="copyAddress(btx.addressTo)">
|
||||
<span class="text-gray" translate>To</span>:
|
||||
<span class="right">
|
||||
<span ng-if="btx.merchant">
|
||||
|
|
@ -46,7 +37,27 @@
|
|||
<span class="enable_text_select"> {{btx.labelTo || btx.addressTo}}</span>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li ng-show="btx.hasMultiplesOutputs" class="line-b p10 oh"
|
||||
ng-click="showMultiplesOutputs = !showMultiplesOutputs">
|
||||
<span class="text-gray" translate>Recipients</span>:
|
||||
<span class="right">{{btx.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="btx.hasMultiplesOutputs && showMultiplesOutputs"
|
||||
ng-repeat="output in btx.outputs"
|
||||
ng-include="'views/includes/output.html'">
|
||||
</div>
|
||||
|
||||
<li ng-show="btc.message" class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Note</span>:
|
||||
<span class="right">{{btx.message}}</span>
|
||||
</li>
|
||||
|
||||
<li ng-if="btx.action == 'invalid'" class="line-b p10 oh">
|
||||
<span class="right" translate>
|
||||
This transaction has become invalid; possibly due to a double spend attempt.
|
||||
|
|
@ -59,7 +70,7 @@
|
|||
</li>
|
||||
<li class="line-b p10" ng-show="btx.action != 'received'">
|
||||
<span class="text-gray" translate>Fee</span>:
|
||||
<span class="right">{{feeStr}}</span>
|
||||
<span class="right">{{btx.feeStr}}</span>
|
||||
</li>
|
||||
<li class="line-b p10 oh" ng-if="btx.message && btx.action != 'received'">
|
||||
<span class="text-gray" translate>Note</span>:
|
||||
|
|
|
|||
|
|
@ -14,21 +14,41 @@
|
|||
<div class="modal-content fix-modals-touch" ng-init="updateCopayerList()">
|
||||
<h4 class="title m0" translate>Details</h4>
|
||||
<ul class="no-bullet size-14 m0">
|
||||
<div ng-if="!tx.showSingle"
|
||||
ng-repeat="output in [ tx.outputs.summary ]"
|
||||
ng-include="'views/includes/output.html'">
|
||||
</div>
|
||||
<div ng-if="!tx.showSingle && tx.outputs.summary.showDetails"
|
||||
ng-repeat="output in tx.outputs.details"
|
||||
ng-include="'views/includes/output.html'">
|
||||
</div>
|
||||
<div ng-if="tx.showSingle"
|
||||
ng-repeat="output in [ tx ]"
|
||||
<li ng-if="!tx.hasMultiplesOutputs"
|
||||
class="line-b p10 oh"
|
||||
ng-click="copyAddress(tx.toAddress)">
|
||||
<span class="text-gray" translate>To</span>:
|
||||
<span class="right enable_text_select">{{tx.toAddress}}</span>
|
||||
</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>
|
||||
|
||||
<li ng-show="tx.hasMultiplesOutputs" class="line-b p10 oh"
|
||||
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"
|
||||
ng-include="'views/includes/output.html'">
|
||||
</div>
|
||||
|
||||
<li class="line-b p10">
|
||||
<span class="text-gray" translate>Fee</span>:
|
||||
<span class="right">{{feeStr}}</span>
|
||||
<span class="right">{{tx.feeStr}}</span>
|
||||
</li>
|
||||
<li class="line-b p10">
|
||||
<span class="text-gray" translate>Time</span>:
|
||||
|
|
@ -131,7 +151,7 @@
|
|||
ng-show="tx.status=='broadcasted'" translate>
|
||||
Payment sent!
|
||||
</div>
|
||||
<div class="text-center text-warning"
|
||||
<div class="text-center text-warning m10t"
|
||||
ng-show="tx.status=='rejected'" translate>
|
||||
Payment finally rejected
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -505,7 +505,6 @@
|
|||
</span>
|
||||
<span ng-if="btx.action != 'invalid'">
|
||||
{{btx.amountStr}}
|
||||
{{home.getUnitName()}}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue