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

Merge pull request #105 from bechi/feature/01address-page 

address page
This commit is contained in:
Mario Colque 2014-01-21 07:53:34 -08:00
parent 03a01ca29c 758f9fc068
commit 635870d49b
3 changed files with 47 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/common.css
View File

@ -38,6 +38,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
.m20h {margin: 0 20px;}
.m5v {margin: 5px 0;}
.m20v {margin: 20px 0;}
.m10v {margin: 10px 0;}
.m50v {margin: 50px 0;}
.m10b {margin-bottom: 10px;}
@ -119,6 +120,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
}
.col-gray {
width: 267px;
background-color: #F4F4F4;
padding: 15px;
margin-top: 21px;

81
public/views/address.html
View File

@ -1,45 +1,44 @@
<section data-ng-controller="AddressController" data-ng-init="findOne()">
<div class="page-header">
<h1>
Address
<small>Addresses are identifiers which you use to send bitcoins to another person.</small>
</h1>
</div>
<div class="row">
<div class="col-lg-9">
<table class="table table-striped">
<tbody>
<tr>
<td>Address</td>
<td><a href="/#!/address/{{address.addrStr}}">{{address.addrStr}}</a></td>
</tr>
<tr>
<td>Total Received</td>
<td>{{address.totalReceived}} BTC</td>
</tr>
<tr>
<td>Total Sent</td>
<td>{{address.totalSent}} BTC</td>
</tr>
<tr>
<td>Final Balance</td>
<td>{{address.balance}} BTC</td>
</tr>
<tr>
<td>No. Transactions</td>
<td>{{address.txApperances}}</td>
</tr>
</tbody>
</table>
<div class="col-md-3">
<div class="bs-sidebar hidden-print affix col-gray">
<div class="text-center m10v">
<qrcode size="200" data="{{address.addrStr}}"></qrcode>
<h4><span class="glyphicon glyphicon-qrcode"></span> Address</h4>
<a class="ellipsis" href="/#!/address/{{address.addrStr}}">{{address.addrStr}}</a>
</div>
<div class="m50v">
<h4>Summary</h4>
<table class="table">
<tbody>
<tr>
<td class="small">Total Received</td>
<td class="address ellipsis text-right">{{address.totalReceived}} BTC</td>
</tr>
<tr>
<td class="small">Total Sent</td>
<td class="address ellipsis text-right">{{address.totalSent}} BTC</td>
</tr>
<tr>
<td class="small">Final Balance</td>
<td class="address ellipsis text-right">{{address.balance}} BTC</td>
</tr>
<tr>
<td class="small">No. Transactions</td>
<td class="address ellipsis text-right">{{address.txApperances}}</td>
</tr>
</tbody>
</table>
</div> <!-- END OF TRANSACTIONS TABLE -->
</div>
</div> <!-- END OF COL-MD-3 -->
<div class="col-md-9">
<div data-ng-controller="transactionsController" data-ng-init="byAddress(params.addrStr)">
<h2>Transactions <small>Transactions contained within this block</small></h2>
<div data-ng-include src="'/views/transaction/list.html'"></div>
</div>
</div>
<div class="col-lg-3">
<qrcode size="200" data="{{address.addrStr}}"></qrcode>
</div>
</div>
<div data-ng-controller="transactionsController" data-ng-init="byAddress(params.addrStr)">
<h2>Transactions <small>Transactions contained within this block</small></h2>
<div data-ng-include src="'/views/transaction/list.html'"></div>
</div>
</div> <!-- END OF ROW -->
</section>

11
public/views/block.html
View File

@ -8,30 +8,29 @@
</div>
<h1 data-ng-if="block">Block #{{ block.height }}</h1>
</div>
<div class="m50v" data-ng-show="!tx.isCoinBase">
<h4>Hashes</h4>
<table class="table">
<tbody>
<tr>
<td> <small>Hash </small></td>
<td class="small"> Hash </td>
<td><a class="address ellipsis" href="/#!/block/{{block.hash}}">{{block.hash}}</a></td>
</tr>
<tr>
<td><small> Previous Block</small></td>
<td class="small"> Previous Block</td>
<td><a class="address ellipsis" href="/#!/block/{{block.previousblockhash}}">{{block.previousblockhash}}</a></td>
</tr>
<tr>
<td><small> Next Block</small></td>
<td class="small"> Next Block</td>
<td><a class="address ellipsis" href="/#!/block/{{block.nextblockhash}}">{{block.nextblockhash}}</a></td>
</tr>
<tr>
<td><small> Merkle Root</small></td>
<td class="small">Merkle Root</td>
<td> <p class="address ellipsis"> {{block.merkleroot}} </p> </td>
</tr>
</tbody>
</table>
</div>
</div> <!-- END OF TRANSACTIONS TABLE -->
</div>
</div> <!-- END OF COL-GRAY -->