2016-12-28 08:09:59 -08:00
< ion-view id = "txp-details" hide-tabs >
2016-10-21 13:56:19 -07:00
< ion-nav-bar class = "bar-royal" >
< ion-nav-title >
{{title}}
< / ion-nav-title >
< ion-nav-back-button >
< / ion-nav-back-button >
< / ion-nav-bar >
2017-03-10 07:00:57 -08:00
< ion-content class = "tx-details-content" >
< div class = "list" ng-if = "btx" >
2016-10-21 13:56:19 -07:00
< div class = "item head" >
2016-11-03 12:30:41 -07:00
< div class = "sending-label" ng-if = "btx.confirmations > 0" >
2016-11-08 12:36:42 -08:00
< img src = "img/icon-tx-sent-outline.svg" ng-if = "btx.action === 'sent'" >
< img src = "img/icon-tx-received-outline.svg" ng-if = "btx.action === 'received'" >
< img src = "img/icon-tx-moved-outline.svg" ng-if = "btx.action === 'moved'" >
2016-12-13 06:47:46 -08:00
< span ng-if = "btx.action === 'sent'" > {{'Sent' | translate}}< / span >
< span ng-if = "btx.action === 'received'" > {{'Received' | translate}}< / span >
< span ng-if = "btx.action === 'moved'" > {{'Moved' | translate}}< / span >
2016-10-21 13:56:19 -07:00
< / div >
2016-11-03 12:30:41 -07:00
< div class = "sending-label" ng-if = "btx.confirmations === 0" >
< img src = "img/icon-confirming.svg" >
2017-01-23 07:47:07 -08:00
< span ng-if = "btx.action == 'sent' || btx.action == 'moved'" translate > Sending< / span >
< span ng-if = "btx.action == 'received'" translate > Receiving< / span >
2016-11-03 12:30:41 -07:00
< / div >
2016-10-21 13:56:19 -07:00
< div class = "amount-label" >
2017-06-22 07:38:13 -07:00
< div class = "amount" > {{btx.amountValueStr}} < span class = "unit" > {{btx.amountUnitStr}}< / span > < / div >
2017-03-07 10:23:02 -08:00
< div class = "alternative" ng-click = "showRate = !showRate" >
2017-03-10 07:00:57 -08:00
< span ng-if = "!showRate" > {{btx.alternativeAmountStr}}< / span >
< span ng-if = "showRate" >
< span ng-if = "!rate" > ...< / span >
< span ng-if = "rate" >
2017-03-07 10:23:02 -08:00
{{rate| currency:'':2}} {{alternativeIsoCode}} ({{rateDate | amDateFormat:'MM/DD/YYYY HH:mm a'}})
< / span >
2016-11-09 05:40:18 -08:00
< / span >
< / div >
2016-10-21 13:56:19 -07:00
< / div >
< / div >
< div class = "info" >
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" >
2016-10-23 15:15:08 -07:00
< div copy-to-clipboard = "btx.addressTo" class = "ellipsis" >
2016-10-21 16:30:13 -07:00
< contact ng-if = "!toName" address = "{{btx.addressTo}}" class = "ellipsis" style = "display: block;" > < / contact >
2016-10-21 13:56:19 -07:00
< span class = "m15l size-14" ng-if = "toName" > {{toName}}< / span >
< / div >
< / span >
< / div >
< div class = "item" >
2016-10-21 15:47:14 -07:00
< span class = "label" ng-if = "btx.action === 'sent'" translate > From< / span >
< span class = "label" ng-if = "btx.action !== 'sent'" translate > To< / span >
2016-10-21 13:56:19 -07:00
< div class = "wallet" >
< i class = "icon big-icon-svg" >
2017-02-23 13:46:41 -08:00
< img src = "img/icon-wallet.svg" ng-class = "{'wallet-background-color-default': !wallet.color}" ng-style = "{'background-color': wallet.color}" class = "bg" / >
2016-10-21 13:56:19 -07:00
< / i >
< div > {{wallet.name}}< / div >
< / div >
< / div >
2017-03-07 10:23:02 -08:00
< div class = "item single-line" ng-if = "btx.action != 'received' && isShared" >
2016-10-27 08:24:50 -07:00
< span class = "label" translate > Created by< / span >
< span class = "item-note" >
2017-03-07 10:23:02 -08:00
{{btx.creatorName}}
< / span >
< / div >
< div class = "item single-line" ng-if = "btx.ts || btx.createdOn || btx.time" >
< span class = "label" translate > Date< / span >
< span class = "item-note" >
< time > {{ (btx.ts || btx.createdOn || btx.time) * 1000 | amDateFormat:'MM/DD/YYYY hh:mm a'}}< / time >
2016-10-27 08:24:50 -07:00
< / span >
< / div >
2016-11-10 15:18:25 -08:00
< a class = "item item-icon-right" ng-class = "{'single-line': !btx.note.body && !btx.message}" ng-click = "showCommentPopup()" >
2016-10-21 14:16:35 -07:00
< span class = "label" translate > Memo< / span >
2016-11-08 12:59:09 -08:00
< div class = "item-note" style = "display: block; float: none; margin-bottom: .25rem;" >
2016-10-21 14:16:35 -07:00
{{btx.note.body || btx.message}}
2016-11-08 12:59:09 -08:00
< / div >
2016-10-21 13:56:19 -07:00
< i class = "icon bp-arrow-right" > < / i >
< / a >
2017-06-22 06:39:09 -07:00
< div class = "item" ng-if = "btx.action != 'received'" >
2016-10-21 14:16:35 -07:00
< span class = "label" translate > Fee< / span >
2017-06-21 07:11:40 -07:00
< span class = "m10l" > {{btx.feeStr || '...'}}< / span >
< span class = "item-note m10l" >
< span > {{btx.feeFiatStr || '...'}} < span class = "fee-rate" ng-if = "btx.feeRateStr" translate > - {{btx.feeRateStr}} of the transaction< / span > < / span >
2016-10-21 13:56:19 -07:00
< / span >
< / div >
2017-04-12 08:27:51 -07:00
< div class = "item low-fees" ng-if = "btx.action == 'received' && btx.lowFees" >
< i class = "icon" > < img src = "img/icon-warning.png" width = "20px" > < / i >
< span translate > This transaction could take a long time to confirm or could be dropped due to the low fees set by the sender< / span >
< / div >
2017-06-22 07:38:13 -07:00
< div class = "item low-fees" ng-if = "btx.lowAmount" >
< i class = "icon" > < img src = "img/icon-warning.png" width = "20px" > < / i >
2017-06-22 09:44:49 -07:00
< span translate >
This transaction amount is too small compared to current Bitcoin network fees. Spending these funds will need a Bitcoin network fee cost comparable to the funds itself. < / span >
2017-06-22 07:38:13 -07:00
< / div >
2017-03-07 11:57:09 -08:00
< div class = "item single-line" >
2016-11-03 12:24:39 -07:00
< span class = "label" translate > Confirmations< / span >
2016-11-02 08:36:13 -07:00
< span class = "item-note" >
2017-03-10 07:00:57 -08:00
< span ng-if = "!btx.confirmations || btx.confirmations == 0" translate >
2016-11-02 08:36:13 -07:00
Unconfirmed
< / span >
2017-03-10 07:00:57 -08:00
< span ng-if = "btx.confirmations>0 && !btx.safeConfirmed" >
2016-11-02 08:36:13 -07:00
{{btx.confirmations}}
< / span >
2017-03-10 07:00:57 -08:00
< span ng-if = "btx.safeConfirmed" >
2016-11-02 08:36:13 -07:00
{{btx.safeConfirmed}}
< / span >
2016-11-03 12:24:39 -07:00
< / span >
< / div >
2017-05-23 05:46:42 -07:00
< ion-toggle ng-show = "!btx.confirmations || btx.confirmations == 0"
class="toggle-unconfirmed"
2017-06-21 07:11:40 -07:00
ng-model="txNotification.value"
2017-05-23 05:46:42 -07:00
toggle-class="toggle-balanced"
ng-change="txConfirmNotificationChange()">
< span class = "toggle-label" translate > Notify me if confirmed< / span >
< / ion-toggle >
2016-10-21 15:06:51 -07:00
< div ng-if = "actionList[0]" >
< div class = "item item-divider" translate > Timeline< / div >
2017-01-06 10:45:36 -08:00
< 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 track by $index" >
2016-10-21 15:06:51 -07:00
< 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" >
2016-10-27 08:24:50 -07:00
< time > {{ a.time * 1000 | amTimeAgo}}< / time >
2016-10-21 15:06:51 -07:00
< / 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 >
2017-03-10 07:00:57 -08:00
< button ng-if = "btx" class = "view-on-blockchain-btn button button-standard button-primary" ng-click = "viewOnBlockchain()" translate >
2016-10-21 15:40:37 -07:00
View on blockchain
2016-10-21 16:13:14 -07:00
< / button >
2016-10-21 15:40:37 -07:00
2016-10-21 15:06:51 -07:00
< / ion-content >
2016-10-21 13:56:19 -07:00
< / ion-view >