2016-10-21 13:56:19 -07:00
< ion-view id = "view-confirm" hide-tabs >
< ion-nav-bar class = "bar-royal" >
< ion-nav-title >
{{title}}
< / ion-nav-title >
< ion-nav-back-button >
< / ion-nav-back-button >
< / ion-nav-bar >
2016-10-21 14:20:46 -07:00
< ion-content >
2016-10-21 13:56:19 -07:00
< div class = "list" >
< div class = "item head" >
< div class = "sending-label" >
2016-10-21 14:38:51 -07:00
< img src = "img/icon-check-circled.svg" >
< span translate > {{btx.action | translate}}< / span >
2016-10-21 13:56:19 -07:00
< / div >
< div class = "amount-label" >
< div class = "amount" > {{displayAmount}} < span class = "unit" > {{displayUnit}}< / span > < / div >
2016-10-21 14:20:46 -07:00
< div class = "alternative" > {{btx.alternativeAmountStr}}< / div >
2016-10-21 13:56:19 -07:00
< / div >
< / div >
< div class = "info" >
< div class = "item single-line" ng-if = "_paypro" >
< 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 >
2016-10-21 14:53:36 -07:00
< div class = "item" ng-if = "btx.action === 'sent'" >
2016-10-21 13:56:19 -07:00
< span class = "label" translate > To< / span >
< span class = "payment-proposal-to" >
< img ng-if = "!cardId" src = "img/icon-bitcoin-small.svg" >
< img ng-if = "cardId" src = "img/icon-card.svg" width = "34" >
< div copy-to-clipboard = "toAddress" ng-if = "!_paypro" class = "ellipsis" >
< contact ng-if = "!toName" address = "{{btx.addressTo}}" > < / contact >
< span class = "m15l size-14" ng-if = "toName" > {{toName}}< / span >
< / div >
< div ng-if = "_paypro" ng-click = "openPPModal(_paypro)" class = "m15l size-14 w100p pointer" >
< i ng-show = "_paypro.verified && _paypro.caTrusted" class = "ion-locked" style = "color:green" > < / i >
< i ng-show = "!_paypro.caTrusted" class = "ion-unlocked" style = "color:red" > < / i >
< span class = "ellipsis" ng-show = "!toName" > {{_paypro.domain || _paypro.toAddress}}< / span >
< span ng-show = "toName" > {{toName}}< / span >
< / div >
< / span >
< / div >
< div class = "text-center" ng-show = "insuffientFunds" >
< span class = "badge badge-energized" translate > Insufficient funds< / span >
< / div >
< div class = "item" >
< span class = "label" translate > From< / span >
< div class = "wallet" >
< i class = "icon big-icon-svg" >
< img src = "img/icon-wallet.svg" ng-style = "{'background-color': wallet.color}" class = "bg" / >
< / i >
< div > {{wallet.name}}< / div >
< / div >
< / div >
2016-10-21 14:16:35 -07:00
< a class = "item single-line item-icon-right" ng-hide = "insuffientFunds" ng-click = "showCommentPopup()" >
< span class = "label" translate > Memo< / span >
2016-10-21 13:56:19 -07:00
< span class = "item-note m10l" >
2016-10-21 14:16:35 -07:00
{{btx.note.body || btx.message}}
2016-10-21 13:56:19 -07:00
< / span >
< i class = "icon bp-arrow-right" > < / i >
< / a >
< div class = "item single-line" ng-hide = "insuffientFunds" >
2016-10-21 14:16:35 -07:00
< span class = "label" translate > Fee< / span >
2016-10-21 13:56:19 -07:00
< span class = "item-note" >
2016-10-21 14:16:35 -07:00
{{btx.feeStr}}
2016-10-21 13:56:19 -07:00
< / span >
< / div >
2016-10-21 15:06:51 -07:00
< div ng-if = "actionList[0]" >
< div class = "item item-divider" translate > Timeline< / div >
< div class = "item timeline-item" ng-class = "{'action-created' : a.type == 'created' || a.type == 'accept', 'action-rejected' : a.type == 'reject'}" ng-repeat = "a in actionList | orderBy: 'time' :true track by $index" >
< div class = "timeline-content" >
< div class = "timeline-content__icon" >
< div class = "rejected" ng-if = "a.type === 'reject'" > !< / div >
2016-10-21 15:13:12 -07:00
< img src = "img/icon-broadcasted.svg" ng-if = "a.type === 'broadcasted'" >
< div ng-if = "a.type !== 'reject' && a.type !== 'broadcasted'" >
{{actionList.length - $index}}
< / div >
2016-10-21 15:06:51 -07:00
< / div >
< div class = "timeline-content__label" >
< div class = "action" > {{a.description}}< / div >
< div class = "name" > {{a.by}}< / div >
< / div >
< div >
< span class = "item-note" >
< time > {{ a.time * 1000 | amDateFormat:'hh:mm a'}}< / time >
< / span >
< / div >
< / div >
< / div >
< / div >
2016-10-21 13:56:19 -07:00
< / div >
2016-10-21 15:06:51 -07:00
2016-10-21 13:56:19 -07:00
< / div >
2016-10-21 15:40:37 -07:00
<!-- <button>
View on blockchain
< / button > -->
<!-- <div class="zero - state - cta"> -->
< button class = "view-on-blockchain-btn button button-standard button-primary" ng-click = "viewOnBlockchain()" translate >
View on blockchain
< / button >
<!-- </div> -->
2016-10-21 15:06:51 -07:00
< / ion-content >
2016-10-21 13:56:19 -07:00
< / ion-view >
2016-10-21 14:38:51 -07:00
2016-10-21 13:56:19 -07:00
<!-- <ion - modal - view ng - controller="txDetailsController" ng - init="init()" id="tx - details">
2016-10-18 17:23:24 -07:00
< ion-header-bar align-title = "center" class = "bar-royal" ng-style = "{'background-color': color, 'border-color': color}" >
2016-09-07 09:34:47 -07:00
< button class = "button button-clear" ng-click = "cancel()" >
2016-09-18 15:38:55 -07:00
{{'Close' | translate}}
2016-09-07 09:34:47 -07:00
< / button >
2016-09-27 08:57:46 -07:00
< div class = "title" >
2016-09-19 06:37:32 -07:00
{{title}}
2016-06-15 08:47:01 -07:00
< / div >
< / ion-header-bar >
2016-05-26 11:02:00 -07:00
2016-09-07 09:34:47 -07:00
< ion-content >
2016-09-20 12:21:05 -07:00
< div class = "header-modal text-center" ng-init = "showRate = false" >
2016-09-07 09:34:47 -07:00
< div ng-show = "btx.action != 'invalid'" >
2016-09-19 06:37:32 -07:00
2016-09-20 09:56:54 -07:00
< i class = "icon big-icon-svg" >
2016-09-20 08:02:45 -07:00
< img src = "img/icon-wallet.svg" ng-style = "{'background-color': color}" class = "bg" / >
2016-09-19 06:37:32 -07:00
< / i >
2016-09-27 08:57:46 -07:00
< div class = "size-36 m20t" copy-to-clipboard = "btx.amountStr" >
{{btx.amountStr}}
2016-09-07 09:34:47 -07:00
< / div >
2016-09-19 06:37:32 -07:00
2016-09-27 08:57:46 -07:00
< div class = "m10t" style = "height:20px;" ng-click = "showRate =! showRate" >
< span ng-show = "!showRate && alternativeAmountStr" >
2016-09-19 08:12:56 -07:00
{{alternativeAmountStr}}
< / span >
2016-09-27 08:57:46 -07:00
< span ng-show = "showRate && alternativeAmountStr" >
2016-09-19 08:12:56 -07:00
{{rateStr}} ({{rateDate | amDateFormat:'MM/DD/YYYY HH:mm a'}})
< / span >
< / div >
< / div >
2016-09-20 09:56:54 -07:00
< div ng-show = "btx.action == 'sent'" >
2016-09-27 08:57:46 -07:00
< div >
< span translate > Sent from< / span >
< strong ng-style = "{'color': color}" > {{wallet.credentials.walletName}}< / strong >
2016-09-07 09:34:47 -07:00
< / div >
2016-09-27 08:57:46 -07:00
< i class = "icon ion-ios-arrow-thin-down size-24" > < / i >
2016-09-20 09:56:54 -07:00
< / div >
2016-05-20 07:37:13 -07:00
2016-09-20 09:56:54 -07:00
< div ng-show = "btx.action == 'received'" >
< div class = "padding-vertical" >
< i class = "icon ion-ios-arrow-thin-up size-24" > < / i >
2016-05-20 07:37:13 -07:00
< / div >
2016-09-20 09:56:54 -07:00
< span translate > Received Funds< / span >
< / div >
2016-09-18 15:38:55 -07:00
2016-09-20 09:56:54 -07:00
< div ng-show = "btx.action == 'moved'" >
< span translate > Moved Funds< / span >
< / div >
2016-09-19 08:12:56 -07:00
2016-09-07 09:34:47 -07:00
< div ng-show = "btx.action == 'invalid'" >
-
< / div >
< / div >
2015-07-28 10:22:46 -07:00
2016-09-20 12:21:05 -07:00
< div class = "list" >
2016-10-13 12:33:25 -07:00
< div class = "item item-icon-left" ng-show = "btx.action == 'sent' && !btx.hasMultiplesOutputs && btx.addressTo && btx.addressTo != 'N/A'" >
2016-10-11 11:30:41 -07:00
< i class = "icon icon-svg" > < img src = "img/icon-bitcoin-symbol.svg" > < / i >
2016-10-13 12:33:25 -07:00
< div copy-to-clipboard = "btx.addressTo" >
2016-09-07 09:34:47 -07:00
< 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 >
2016-05-26 11:02:00 -07:00
< / span >
2016-09-07 09:34:47 -07:00
< span ng-if = "!btx.merchant" >
< span ng-show = "btx.labelTo" > {{btx.labelTo}}< / span >
2016-09-27 08:57:46 -07:00
< contact ng-show = "!btx.labelTo" address = "{{btx.addressTo}}" > < / contact >
2016-05-26 11:02:00 -07:00
< / span >
2016-09-18 15:38:55 -07:00
< / div >
2016-09-07 09:34:47 -07:00
< / div >
2016-05-31 10:51:17 -07:00
2016-10-13 12:33:25 -07:00
< div ng-show = "btx.hasMultiplesOutputs" class = "item item-icon-right item-heading" ng-click = "showMultiplesOutputs = !showMultiplesOutputs" >
{{'Recipients'|translate}}
[ {{btx.recipientCount}} ]
2016-10-18 17:23:24 -07:00
2016-10-13 12:33:25 -07:00
< i class = "icon bp-arrow-up" ng-show = "showMultiplesOutputs" > < / i >
< i class = "icon bp-arrow-down" ng-show = "!showMultiplesOutputs" > < / i >
< / div >
< div class = "item" ng-show = "btx.hasMultiplesOutputs && showMultiplesOutputs"
ng-repeat="output in btx.outputs"
ng-include="'views/includes/output.html'">
< / div >
2016-09-27 08:57:46 -07:00
< div class = "item item-icon-left"
2016-10-13 09:20:53 -07:00
ng-click="openExternalLink('https://' + (getShortNetworkName() == 'test' ? 'test-' : '') + 'insight.bitpay.com/tx/' + btx.txid, true, 'View Transaction on Insight', 'Would you like to view this transaction on the Insight blockchain explorer?
', 'Open Insight', 'Go back')">
2016-09-18 15:38:55 -07:00
< i class = "icon ion-ios-upload-outline" > < / i >
2016-09-19 07:30:44 -07:00
< span class = "text-gray" translate > View transaction on the blockchain< / span >
2016-09-18 15:38:55 -07:00
< / div >
2016-05-31 10:51:17 -07:00
2016-09-18 15:38:55 -07:00
< div class = "item" >
2016-09-27 08:57:46 -07:00
< div ng-if = "btx.action == 'received' || btx.action == 'moved'" >
{{'Date'|translate}}
2016-09-20 09:56:54 -07:00
< span class = "item-note" >
< time > {{ btx.time * 1000 | amDateFormat:'MM/DD/YYYY HH:mm a'}}< / time >
< / span >
< / div >
< div ng-if = "btx.action == 'sent'" >
2016-09-27 08:57:46 -07:00
{{'Created by'|translate}} < strong > {{btx.creatorName}}< / strong >
2016-09-20 09:56:54 -07:00
< span class = "item-note" >
< time > {{ btx.createdOn * 1000 | amDateFormat:'MM/DD/YYYY HH:mm a'}}< / time >
< / span >
< / div >
2016-09-18 15:38:55 -07:00
< / div >
2016-05-26 11:02:00 -07:00
2016-10-11 11:31:16 -07:00
< div class = "item" ng-if = "btx.action != 'received' && btx.feeStr" copy-to-clipboard = "btx.feeStr" >
2016-09-27 08:57:46 -07:00
{{'Fee'|translate}}: {{btx.feeStr}}
< span class = "item-note" >
2016-09-07 09:34:47 -07:00
< 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}}
2016-05-31 10:51:17 -07:00
< / span >
2016-09-07 09:34:47 -07:00
< span class = "label gray radius" ng-show = "btx.safeConfirmed" >
{{btx.safeConfirmed}}
< / span >
2016-10-11 11:31:16 -07:00
< span ng-show = "btx.confirmations && btx.confirmations > 0" translate > Confirmations< / span >
2016-09-07 09:34:47 -07:00
< / span >
2016-09-18 15:38:55 -07:00
< / div >
< div class = "item" ng-if = "btx.message && btx.action != 'received'" copy-to-clipboard = "btx.message" >
2016-09-27 08:57:46 -07:00
{{'Description'|translate}}
< span class = "item-note" >
{{btx.message}}
< / span >
2016-09-18 15:38:55 -07:00
< / div >
2016-09-07 09:34:47 -07:00
2016-09-18 15:38:55 -07:00
< div ng-if = "btx.merchant" class = "item" copy-to-clipboard = "btx.merchant.pr.pd.memo" >
2016-09-27 08:57:46 -07:00
{{'Merchant message'|translate}}
< span class = "item-note" >
2016-09-18 15:38:55 -07:00
{{btx.merchant.pr.pd.memo}}
< / span >
< / div >
< div ng-if = "btx.action == 'invalid'" class = "item" >
< span class = "right" translate >
This transaction has become invalid; possibly due to a double spend attempt.
< / span >
< / div >
2016-09-27 08:57:46 -07:00
< div class = "item" ng-click = "showCommentPopup()" >
{{'Memo'|translate}}
< span class = "item-note" translate ng-if = "!btx.note" >
< i class = "icon ion-ios-plus-empty" > < / i >
< / span >
< span class = "item-note" ng-if = "btx.note && btx.note.body" >
{{btx.note.body}}
< div >
< span translate > Edited by< / span > {{btx.note.editedByName}},
< time > {{btx.note.editedOn * 1000 | amTimeAgo}}< / time >
< / div >
< / span >
2016-09-19 07:30:44 -07:00
< / div >
2016-09-19 13:52:01 -07:00
< div ng-if = "actionList[0]" >
< div class = "item item-divider" translate > Timeline< / div >
2016-10-19 10:21:05 -07:00
< div class = "item" ng-class = "{'action-created' : a.type == 'created' || a.type == 'accept', 'action-rejected' : a.type == 'reject'}" ng-repeat = "a in actionList | orderBy: 'time' :true track by $index" >
2016-09-19 13:52:01 -07:00
< div class = "row" >
< div class = "col col-10" >
2016-10-19 10:21:05 -07:00
< span id = "timeline-icon" > {{actionList.length - $index}}< / span >
2016-09-19 13:52:01 -07:00
< / div >
< div class = "col" >
< div > {{a.description}}< / div >
< div >
< span > {{a.by}}< / span >
< span class = "item-note" >
< time > {{ a.time * 1000 | amDateFormat:'MM/DD/YYYY HH:mm a'}}< / time >
< / span >
< / div >
< / div >
< / div >
< / div >
2016-05-26 11:02:00 -07:00
< / div >
2016-09-07 09:34:47 -07:00
< / div >
2016-05-20 07:37:13 -07:00
< / ion-content >
2016-10-21 13:56:19 -07:00
< / ion-modal-view > -->