anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Simplification and fixes when getting transaction list (controller) from insight and look&feel of tx list

Browse source
This commit is contained in:
Gustavo Cortez 2014-06-03 16:54:09 -03:00
commit 8a40f169c0
4 changed files with 109 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

64
index.html
View file

@ -517,15 +517,18 @@
<pagination ng-show="!onlyPending" total-items="txs.length" items-per-page="txpItemsPerPage" page="txpCurrentPage" on-select-page="show()" class="pagination-small primary"></pagination>
</div>
<div class="large-12 columns">
<h4>Last transactions</h4>
<a ng-click="toogleLast()" ng-disabled="loading" loading="Updating" ng-hide="lastShowed && !loading">Show</a>
<a ng-click="toogleLast()" ng-disabled="loading" loading="Updating" ng-show="lastShowed && !loading">Hide</a>
<h4>Last transactions
<small>
<a ng-click="toogleLast()" ng-disabled="loading" loading="Loading" ng-hide="lastShowed && !loading">Show</a>
<a ng-click="toogleLast()" ng-disabled="loading" loading="Loading" ng-show="lastShowed && !loading">Hide</a>
</small>
</h4>
<div class="btransactions" ng-if="lastShowed">
<div ng-if="!blockchain_txs[0].txid && !loading">
No transactions yet.
</div>
<div class="panel radius" ng-repeat="btx in blockchain_txs | orderBy: 'firstSeenTs':true">
<div class="m15">
<div class="m10 size-12">
<div class="row">
<div class="large-8 columns">
<a class="ellipsis" href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}" target="blank">
@ -533,36 +536,37 @@
</a>
</div>
<div class="large-4 columns text-right">
{{btx.firstSeenTs * 1000 | amCalendar}} </h6>
</div>
</div>
</div>
<div class="tx-copayers">
<div class="large-5 small-5 columns">
<div ng-repeat="vin in btx.vin track by $index | groupByAddress">
<p class="small-8 ellipsis left text-gray size-12"> {{vin.addr}} </p>
<small class="small-4 right">{{vin.value}}</small>
</div>
</div>
<div class="large-1 small-1 columns text-center">
<i class="fi-arrow-right"></i>
</div>
<div class="large-6 small-6 columns">
<div ng-repeat="vout in btx.vout">
<div class="row">
<div class="large-10 small-8 columns">
<div ng-repeat="addr in vout.scriptPubKey.addresses">
<p class="ellipsis text-gray size-12"> {{addr}} </p>
</div>
</div>
<div class="large-2 small-4 columns">
<small>{{vout.value}}</small>
</div>
<div data-ng-show="btx.firstSeenTs">
first seen at
<time>{{btx.firstSeenTs * 1000 | amCalendar}}</time>
</div>
<div data-ng-show="btx.time && !btx.firstSeenTs">
mined at
<time>{{btx.time * 1000 | amCalendar}}</time>
</div>
</div>
</div>
</div>
<div class="m15 size-12 text-gray">
<div class="tx-copayers">
<div class="row">
<div class="large-5 medium-5 small-5 columns">
<div ng-repeat="vin in btx.vinSimple">
<small class="right m5t">{{vin.value}}</small>
<p class="ellipsis text-gray size-12"> {{vin.addr}} </p>
</div>
</div>
<div class="large-1 medium-1 small-1 columns text-center">
<i class="fi-arrow-right"></i>
</div>
<div class="large-6 medium-6 small-6 columns">
<div ng-repeat="vout in btx.voutSimple">
<small class="right m5t">{{vout.value}}</small>
<p class="ellipsis text-gray size-12"> {{vout.addr}} </p>
</div>
</div>
</div>
</div>
<div class="m10 size-12 text-gray">
<div class="row">
<div class="large-4 medium-4 small-4 columns">Fees: {{btx.fees}}</div>
<div class="large-4 medium-4 small-4 columns text-center">Confirmations: {{btx.confirmations || 0}}</div>