mirror of https://github.com/BTCPrivate/copay.git
119 lines
5.3 KiB
HTML
119 lines
5.3 KiB
HTML
<div class="transactions" data-ng-controller="HistoryController" data-ng-init="update()">
|
|
<div ng-show='$root.wallet.isReady()'>
|
|
<h1 class="hide-for-large-up">{{$root.title}}</h1>
|
|
<div ng-if="loading" class="m20b">
|
|
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
|
|
<span translate>Loading...</span>
|
|
</div>
|
|
<div ng-if="!blockchain_txs[0].txid && !loading">
|
|
<em><strong translate>No transactions yet.</strong></em>
|
|
</div>
|
|
<div class="row" ng-if="blockchain_txs[0].txid">
|
|
<div class="large-12 columns">
|
|
<div class="panel"
|
|
ng-repeat="btx in blockchain_txs | orderBy:'-ts'" ng-click="btx.showDetails = !btx.showDetails">
|
|
<div class="row size-14">
|
|
<div class="large-2 medium-2 small-12 columns">
|
|
<div class="tx-date">
|
|
<time
|
|
class="hastip"
|
|
ng-if="btx.ts"
|
|
data-options="disable_for_touch:true"
|
|
tooltip-popup-delay='500'
|
|
tooltip-placement="top"
|
|
tooltip="{{btx.ts | amCalendar}}"
|
|
tooltip-placement="left">{{btx.ts | amTimeAgo}}</time>
|
|
<span class="label alert" ng-show="!btx.ts && (!btx.confirmations || btx.confirmations == 0)">
|
|
<span translate>Unconfirmed</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="large-2 medium-3 small-5 columns text-right">
|
|
<div class="tx-amount" ng-class="{
|
|
'text-primary' : btx.action == 'received',
|
|
'text-warning': btx.action == 'sent',
|
|
'text-gray': btx.action == 'moved'}">
|
|
<b>{{btx.amount| noFractionNumber}} {{$root.wallet.settings.unitName}}</b>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="large-1 medium-1 small-2 columns text-center">
|
|
<div ng-class="{
|
|
'text-primary' : btx.action == 'received',
|
|
'text-warning': btx.action == 'sent',
|
|
'text-gray': btx.action == 'moved'}">
|
|
<i class="m15h"
|
|
ng-class="{
|
|
'fi-arrow-left' : btx.action == 'received',
|
|
'fi-arrow-right': btx.action == 'sent',
|
|
'fi-loop': btx.action == 'moved'}"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="large-3 medium-3 small-5 columns text-gray">
|
|
<span class="ellipsis">{{btx.labelTo || btx.addressTo}}</span>
|
|
</div>
|
|
|
|
<div class="large-3 medium-3 small-12 columns text-gray">
|
|
<div class="tx-comment" ng-show="btx.comment">
|
|
<i class="fi-comment-quotes"></i> {{btx.comment}}</div>
|
|
</div>
|
|
|
|
<div class="large-1 columns show-for-large-up text-gray text-right" ng-init="btx.showDetails = false">
|
|
<a>
|
|
<i ng-if="!btx.showDetails" class="icon-arrow-down4"></i>
|
|
<i ng-if="btx.showDetails" class="icon-arrow-up4"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div ng-show="btx.showDetails" class="m10t">
|
|
<table class="last-transactions-content" ng-if="btx.actionList.0">
|
|
<tbody>
|
|
<tr ng-repeat="c in btx.actionList">
|
|
<td class="copayer-name text-gray" width="100%">{{c.cId === $root.wallet.getMyCopayerId() ? 'Me' : $root.wallet.publicKeyRing.nicknameForCopayer(c.cId)}}
|
|
</td>
|
|
<td>
|
|
<i ng-if="c.actions.create" class="fi-crown icon-status icon-active"></i>
|
|
<i ng-if="!c.actions.create" class="fi-crown icon-status"></i>
|
|
</td>
|
|
<td>
|
|
<i ng-if="c.actions.seen" class="fi-eye icon-status icon-active"></i>
|
|
<i ng-if="!c.actions.seen" class="fi-eye icon-status"></i>
|
|
</td>
|
|
<td>
|
|
<i ng-if="c.actions.rejected" class="fi-x icon-status icon-active-x"></i>
|
|
<i ng-if="c.actions.sign" class="fi-check icon-status icon-active-check"></i>
|
|
<i ng-if="!c.actions.sign && !c.actions.rejected && tx.missingSignatures" class="fi-loop icon-rotate"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="line"></div>
|
|
<div class="size-12 text-gray text-right">
|
|
<a href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}" target="_blank"> More details <i class="icon-arrow-right2 vm"></i></a>
|
|
<span class="left hide-for-small-only">Transaction ID: {{btx.txid}} </span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="line-white"></div>
|
|
<div class="right size-12">
|
|
<div ng-if="generating">
|
|
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
|
|
<span translate>Generating file...</span>
|
|
</div>
|
|
<div ng-if="!generating">
|
|
<a class="text-gray" href="#!/history" ng-click="downloadHistory();">
|
|
<i class="fi-page-export-csv"></i>
|
|
<span translate>Download CSV file</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<pagination page="currentPage" total-items="totalItems" items-per-page="itemsPerPage" on-select-page="selectPage(page)" max-size="10" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|