zcash-hackworks
/
insight-ui-zcash
mirror of https://github.com/zcash-hackworks/insight-ui-zcash.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

limit list of addr to 6 with a show more link.

This commit is contained in:
Gustavo Cortez 2014-02-18 12:48:43 -03:00
parent 87fecad007
commit 8710ce410d
1 changed files with 57 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
public/views/transaction/tx.html
View File

@ -26,8 +26,8 @@
</div>
</div>
<div class="row" data-ng-show="!tx.isCoinBase">
<div data-ng-repeat="vin in tx.vinSimple" data-ng-show="!itemsExpanded">
<div class="col-md-12 transaction-vin-vout">
<div data-ng-repeat="vin in tx.vinSimple" data-ng-class="{ 'hidden': itemsExpanded}">
<div class="col-md-12 transaction-vin-vout" data-ng-class="{ 'hidden': $index > 5 && !showMoreIn }">
<div class="text-muted pull-right btc-value" data-ng-class="{'text-danger': $root.currentAddr == vin.addr}"><small>{{$root.currency.getConvertion(vin.value)}}</small></div>
<div class="ellipsis">
<span data-ng-show="vin.notAddr">{{vin.addr}}</span>
@ -41,11 +41,12 @@
</div>
</div>
</div>
<div data-ng-repeat="vin in tx.vin" data-ng-show="itemsExpanded">
<div data-ng-repeat="vin in tx.vin" data-ng-class="{ 'hidden': !itemsExpanded }">
<div data-ng-class="{ 'hidden': $index > 5 && !showMoreIn }">
<div class="col-md-12 transaction-vin-vout">
<div class="text-muted pull-right btc-value"><small>{{$root.currency.getConvertion(vin.value)}}</small></div>
<div class="ellipsis">
<a class="glyphicon glyphicon-chevron-right" href="/#!/tx/{{vin.txid}}" title="Outpoint: {{vin.txid}},{{vin.vout}}"></a>&nbsp;&nbsp;
<a class="glyphicon glyphicon-chevron-right" href="/tx/{{vin.txid}}" title="Outpoint: {{vin.txid}},{{vin.vout}}"></a>&nbsp;&nbsp;
<span data-ng-show="vin.notAddr">{{vin.addr}}</span>
<a href="/address/{{vin.addr}}" data-ng-show="!vin.notAddr">{{vin.addr}}</a>
</div>
@ -68,6 +69,11 @@
</div>
</div>
</div>
<div class="showmore_collapse text-center" data-ng-show="tx.vin.length > 6">
<a href="#" data-ng-show="!showMoreIn" data-ng-click="showMoreIn = !showMoreIn">more...</a>
<a href="#" data-ng-show="showMoreIn" data-ng-click="showMoreIn = !showMoreIn">...less</a>
</div>
</div>
</div>
<div class="col-md-1 text-center hidden-xs hidden-sm">
<span class="glyphicon glyphicon-chevron-right text-primary"></span>
@ -77,8 +83,8 @@
</div>
<div class="col-md-6">
<div class="row">
<div data-ng-repeat="vout in tx.voutSimple" data-ng-show="!itemsExpanded">
<div class="col-md-12 transaction-vin-vout">
<div data-ng-repeat="vout in tx.voutSimple" data-ng-class="{ 'hidden': itemsExpanded}">
<div class="col-md-12 transaction-vin-vout" data-ng-class="{ 'hidden': $index > 5 && !showMoreOut }">
<div class="text-muted pull-right btc-value" data-ng-class="{'text-success': $root.currentAddr == vout.addr}">
<small>
@ -97,20 +103,14 @@
</div>
</div>
<div data-ng-repeat="vout in tx.vout" data-ng-show="itemsExpanded">
<div data-ng-repeat="vout in tx.vout" data-ng-class="{ 'hidden': !itemsExpanded}">
<div data-ng-class="{ 'hidden': $index > 5 && !showMoreOut }">
<div class="col-md-12 transaction-vin-vout">
<div class="text-muted pull-right btc-value"><small>{{$root.currency.getConvertion(vout.value)}}
<<<<<<< HEAD
<span class="text-success" data-ng-show="!vout.spentTxId" tooltip="Output is unspent" tooltip-placement="left">(U)</span>
<a class="glyphicon glyphicon-chevron-right" data-ng-show="vout.spentTxId" href="/#!/tx/{{vout.spentTxId}}" title="Spent at: {{vout.spentTxId}},{{vout.spentIndex}}"></a>&nbsp;&nbsp;
=======
<div class="text-muted pull-right btc-value">
<small>{{$root.currency.getConvertion(vout.value)}}
<span class="text-success" data-ng-show="!vout.spendTxId" tooltip="Output is unspent" tooltip-placement="left">(U)</span>
<a class="glyphicon glyphicon-chevron-right" data-ng-show="vout.spendTxId" href="/#!/tx/{{vout.spendTxId}}" title="Spent at: {{vout.spendTxId}},{{vout.spendIndex}}"></a>&nbsp;&nbsp;
>>>>>>> 8e733340d31053254750053c5ca686eac87c5139
<a class="glyphicon glyphicon-chevron-right" data-ng-show="vout.spendTxId" href="/tx/{{vout.spendTxId}}" title="Spent at: {{vout.spendTxId}},{{vout.spendIndex}}"></a>&nbsp;&nbsp;
</small>
</div>
<div class="ellipsis">
<a href="/address/{{address}}" data-ng-repeat="address in vout.scriptPubKey.addresses">{{address}}</a>
@ -134,9 +134,14 @@
</div>
</div>
</div>
<div class="showmore_collapse text-center" data-ng-show="tx.vout.length > 6">
<a href="#" data-ng-show="!showMoreOut" data-ng-click="showMoreOut = !showMoreOut">more...</a>
<a href="#" data-ng-show="showMoreOut" data-ng-click="showMoreOut = !showMoreOut">...less</a>
</div>
</div>
<div class="panel panel-default" data-ng-show="itemsExpanded && tx.blockhash">
</div>
</div>
<div class="panel panel-default" data-ng-class="{ 'hidden': !itemsExpanded && !tx.blockhash}">
<div class="panel-body" style="word-wrap:break-word">
<small>
<strong>BlockHash</strong>