2016-05-27 11:16:25 -07:00
|
|
|
<ion-modal-view ng-controller="txDetailsController">
|
2016-06-15 08:47:01 -07:00
|
|
|
<ion-header-bar align-title="center" class="tab-bar" ng-style="{'background-color':color}">
|
|
|
|
<div class="left-small">
|
2016-05-27 11:16:25 -07:00
|
|
|
<a ng-click="cancel()" class="p10">
|
|
|
|
<span class="text-close" translate>Close</span>
|
|
|
|
</a>
|
2016-06-15 08:47:01 -07:00
|
|
|
</div>
|
|
|
|
<h1 class="title ellipsis" translate>Transaction</h1>
|
|
|
|
</ion-header-bar>
|
2016-05-26 11:02:00 -07:00
|
|
|
|
2016-07-04 13:09:06 -07:00
|
|
|
<ion-content ng-style="{'background-color': '#F6F7F9'}">
|
2016-05-27 11:16:25 -07:00
|
|
|
<div class="modal-content">
|
2016-05-27 11:06:41 -07:00
|
|
|
<div class="header-modal text-center" ng-init="getAlternativeAmount(btx)">
|
2016-05-26 11:02:00 -07:00
|
|
|
<div ng-show="btx.action != 'invalid'">
|
|
|
|
<div ng-show="btx.action == 'received'">
|
|
|
|
<img src="img/icon-receive-history.svg" alt="sync" width="50">
|
2016-05-27 11:06:41 -07:00
|
|
|
<p class="m0 text-gray size-14" translate>Received</p>
|
2016-05-26 11:02:00 -07:00
|
|
|
</div>
|
|
|
|
<div ng-show="btx.action == 'sent'">
|
|
|
|
<img src="img/icon-sent-history.svg" alt="sync" width="50">
|
2016-05-27 11:06:41 -07:00
|
|
|
<p class="m0 text-gray size-14" translate>Sent</p>
|
2016-05-26 11:02:00 -07:00
|
|
|
</div>
|
|
|
|
<div ng-show="btx.action == 'moved'">
|
|
|
|
<img src="img/icon-moved.svg" alt="sync" width="50">
|
2016-05-27 11:06:41 -07:00
|
|
|
<p class="m0 text-gray size-14" translate>Moved</p>
|
2016-05-26 11:02:00 -07:00
|
|
|
</div>
|
2016-05-20 07:37:13 -07:00
|
|
|
|
2016-05-27 11:06:41 -07:00
|
|
|
<div class="size-36" ng-click="copyToClipboard(btx.amountStr)">
|
|
|
|
<span class="enable_text_select">{{btx.amountStr}}</span>
|
2016-05-26 11:02:00 -07:00
|
|
|
</div>
|
|
|
|
<div class="alternative-amount" ng-click="showRate=!showRate" ng-init="showRate = false">
|
2016-05-27 11:06:41 -07:00
|
|
|
<span class="label gray radius" ng-show="!showRate && alternativeAmountStr">
|
2016-05-26 11:02:00 -07:00
|
|
|
{{alternativeAmountStr}}
|
|
|
|
</span>
|
2016-05-27 11:06:41 -07:00
|
|
|
<span class="size-12" ng-show="showRate && alternativeAmountStr">
|
2016-05-26 11:02:00 -07:00
|
|
|
{{rateStr}} ({{rateDate | amDateFormat:'MM/DD/YYYY HH:mm a'}})
|
|
|
|
</span>
|
|
|
|
</div>
|
2016-05-20 07:37:13 -07:00
|
|
|
</div>
|
2016-05-27 11:06:41 -07:00
|
|
|
<div ng-show="btx.action == 'invalid'">
|
2016-05-26 11:02:00 -07:00
|
|
|
-
|
2016-05-20 07:37:13 -07:00
|
|
|
</div>
|
2016-01-18 12:08:24 -08:00
|
|
|
</div>
|
2015-07-28 10:22:46 -07:00
|
|
|
|
2016-05-27 11:06:41 -07:00
|
|
|
<h4 class="title m0" translate>Details</h4>
|
2015-08-20 12:43:03 -07:00
|
|
|
|
2016-05-26 11:02:00 -07:00
|
|
|
<ul class="no-bullet size-14 m0">
|
2016-05-27 11:06:41 -07:00
|
|
|
<li ng-if="!btx.hasMultiplesOutputs && btx.addressTo && btx.addressTo != 'N/A'" class="line-b p10 oh"
|
|
|
|
ng-click="copyToClipboard(btx.addressTo)">
|
2016-05-31 10:51:17 -07:00
|
|
|
<span class="text-gray" translate>To</span>
|
|
|
|
<span class="right">
|
|
|
|
<span ng-if="btx.merchant">
|
|
|
|
<span ng-show="btx.merchant.pr.ca"><i class="fi-lock color-greeni"></i> {{btx.merchant.domain}}</span>
|
|
|
|
<span ng-show="!btx.merchant.pr.ca"><i class="fi-unlock color-yellowi"></i> {{btx.merchant.domain}}</span>
|
|
|
|
</span>
|
|
|
|
<span ng-if="!btx.merchant">
|
|
|
|
<span ng-show="btx.labelTo">{{btx.labelTo}}</span>
|
|
|
|
<contact ng-show="!btx.labelTo" class="enable_text_select" address="{{btx.addressTo}}"></contact>
|
|
|
|
</span>
|
2016-05-26 11:02:00 -07:00
|
|
|
</span>
|
|
|
|
</li>
|
2015-08-20 12:43:03 -07:00
|
|
|
|
2016-05-26 11:02:00 -07:00
|
|
|
<li ng-show="btx.hasMultiplesOutputs" class="line-b p10 oh"
|
2016-05-27 11:06:41 -07:00
|
|
|
ng-click="showMultiplesOutputs = !showMultiplesOutputs">
|
|
|
|
<span class="text-gray" translate>Recipients</span>
|
|
|
|
<span class="right">{{btx.recipientCount}}
|
2016-05-26 11:02:00 -07:00
|
|
|
<i ng-show="showMultiplesOutputs" class="icon-arrow-up3 size-24"></i>
|
|
|
|
<i ng-show="!showMultiplesOutputs" class="icon-arrow-down3 size-24"></i>
|
|
|
|
</span>
|
|
|
|
</li>
|
2016-05-20 07:37:13 -07:00
|
|
|
|
2016-05-26 11:02:00 -07:00
|
|
|
<div class="line-b" ng-show="btx.hasMultiplesOutputs && showMultiplesOutputs"
|
|
|
|
ng-repeat="output in btx.outputs"
|
|
|
|
ng-include="'views/includes/output.html'">
|
|
|
|
</div>
|
|
|
|
|
2016-05-27 11:06:41 -07:00
|
|
|
<li ng-if="btx.action == 'invalid'" class="line-b p10 oh">
|
2016-05-31 10:51:17 -07:00
|
|
|
<span class="right" translate>
|
|
|
|
This transaction has become invalid; possibly due to a double spend attempt.
|
|
|
|
</span>
|
|
|
|
</li>
|
|
|
|
|
2016-05-27 11:06:41 -07:00
|
|
|
<li ng-if="btx.time" class="line-b p10 oh">
|
2016-05-31 10:51:17 -07:00
|
|
|
<span class="text-gray" translate>Date</span>
|
|
|
|
<span class="right enable_text_select">
|
|
|
|
<time>{{ btx.time * 1000 | amDateFormat:'MM/DD/YYYY HH:mm a'}}</time>
|
|
|
|
<time>({{ btx.time * 1000 | amTimeAgo}})</time>
|
|
|
|
</span>
|
2016-05-26 11:02:00 -07:00
|
|
|
</li>
|
2016-05-31 10:51:17 -07:00
|
|
|
|
2016-05-27 11:06:41 -07:00
|
|
|
<li class="line-b p10" ng-show="btx.action != 'received'"
|
|
|
|
ng-click="copyToClipboard(btx.feeStr)">
|
|
|
|
<span class="text-gray" translate>Fee</span>
|
|
|
|
<span class="right enable_text_select">{{btx.feeStr}}</span>
|
2016-05-26 11:02:00 -07:00
|
|
|
</li>
|
2016-05-31 10:51:17 -07:00
|
|
|
|
2016-05-27 11:06:41 -07:00
|
|
|
<li class="line-b p10 oh" ng-if="btx.message && btx.action != 'received'"
|
|
|
|
ng-click="copyToClipboard(btx.message)">
|
2016-06-03 08:50:37 -07:00
|
|
|
<span class="text-gray" translate>Description</span>
|
2016-05-27 11:06:41 -07:00
|
|
|
<span class="right enable_text_select">{{btx.message}}</span>
|
2016-05-26 11:02:00 -07:00
|
|
|
</li>
|
2016-05-31 10:51:17 -07:00
|
|
|
|
2016-05-27 11:06:41 -07:00
|
|
|
<li ng-if="btx.merchant" class="line-b p10 oh"
|
|
|
|
ng-click="copyToClipboard(btx.merchant.pr.pd.memo)">
|
2016-05-31 10:51:17 -07:00
|
|
|
<span class="text-gray" translate>Merchant message</span>
|
|
|
|
<span class="right enable_text_select">
|
|
|
|
{{btx.merchant.pr.pd.memo}}
|
|
|
|
</span>
|
2016-05-26 11:02:00 -07:00
|
|
|
</li>
|
2016-05-31 10:51:17 -07:00
|
|
|
|
2016-05-27 11:06:41 -07:00
|
|
|
<li ng-if="btx.time" class="line-b p10 oh">
|
2016-05-31 10:51:17 -07:00
|
|
|
<span class="text-gray" translate>Confirmations</span>
|
|
|
|
<span class="right" >
|
|
|
|
<span class="text-warning" ng-show="!btx.confirmations || btx.confirmations == 0" translate>
|
|
|
|
Unconfirmed
|
|
|
|
</span>
|
|
|
|
<span class="label gray radius" ng-show="btx.confirmations>0 && !btx.safeConfirmed">
|
|
|
|
{{btx.confirmations}}
|
|
|
|
</span>
|
|
|
|
<span class="label gray radius" ng-show="btx.safeConfirmed">
|
|
|
|
{{btx.safeConfirmed}}
|
|
|
|
</span>
|
2016-05-26 11:02:00 -07:00
|
|
|
</span>
|
2016-05-31 10:51:17 -07:00
|
|
|
</li>
|
2016-05-26 11:02:00 -07:00
|
|
|
|
2016-06-14 11:55:24 -07:00
|
|
|
<li class="p10 oh" ng-show="btx.note && btx.note.body">
|
2016-05-31 10:51:17 -07:00
|
|
|
<span class="text-gray" translate>Comment</span>
|
2016-06-03 10:44:03 -07:00
|
|
|
<span class="right enable_text_select">{{btx.note.body}}</span><br>
|
2016-06-03 11:36:45 -07:00
|
|
|
<span class="right text-italic text-gray size-12">
|
2016-06-07 13:16:41 -07:00
|
|
|
<span translate>Edited by</span> <span>{{btx.note.editedByName}}</span>,
|
2016-06-03 10:44:03 -07:00
|
|
|
<time>{{btx.note.editedOn * 1000 | amTimeAgo}}</time></span>
|
2016-05-31 10:51:17 -07:00
|
|
|
</span>
|
2016-05-20 07:37:13 -07:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
2016-05-26 11:02:00 -07:00
|
|
|
<div ng-if="btx.actions[0] && isShared">
|
2016-05-27 11:06:41 -07:00
|
|
|
<h4 class="title m0" translate>Participants</h4>
|
2016-05-26 11:02:00 -07:00
|
|
|
<ul class="no-bullet size-14 m0">
|
2016-05-27 11:06:41 -07:00
|
|
|
<li class="line-b p10 text-gray" ng-repeat="c in btx.actions">
|
2016-05-26 11:02:00 -07:00
|
|
|
<i class="icon-contact size-24"></i>
|
2016-05-27 11:06:41 -07:00
|
|
|
<span class="right">
|
2016-05-26 11:02:00 -07:00
|
|
|
<i ng-if="c.type == 'reject'" class="fi-x icon-sign x db"></i>
|
|
|
|
<i ng-if="c.type == 'accept'" class="fi-check icon-sign check db"></i>
|
|
|
|
</span>
|
|
|
|
{{c.copayerName}} <span ng-if="c.copayerId == copayerId">({{'Me'|translate}})</span>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div ng-show="btx.txid" class="tx-details-blockchain">
|
|
|
|
<div class="text-center m20t">
|
2016-05-27 11:06:41 -07:00
|
|
|
<button class="button outline round dark-gray tiny" ng-click="$root.openExternalLink('https://' +
|
|
|
|
(getShortNetworkName() == 'test' ? 'test-' : '') + 'insight.bitpay.com/tx/' + btx.txid)">
|
|
|
|
<span class="text-gray" translate>See it on the blockchain</span>
|
2016-05-26 11:02:00 -07:00
|
|
|
</button>
|
2016-06-03 05:47:39 -07:00
|
|
|
<button class="button outline round dark-gray tiny" ng-click="showCommentPopup()">
|
2016-06-07 13:22:20 -07:00
|
|
|
<span class="text-gray" translate ng-show="!btx.note">Add comment</i></span>
|
2016-06-04 12:30:36 -07:00
|
|
|
<span class="text-gray" translate ng-show="btx.note">Edit comment</span>
|
2016-05-31 10:51:17 -07:00
|
|
|
</button>
|
2016-05-26 11:02:00 -07:00
|
|
|
</div>
|
2016-05-20 07:37:13 -07:00
|
|
|
</div>
|
2016-05-26 11:02:00 -07:00
|
|
|
</div>
|
2016-05-20 07:37:13 -07:00
|
|
|
</ion-content>
|
2016-05-27 11:06:41 -07:00
|
|
|
</ion-modal-view>
|