added a new copy icon #293 and several improvements in the block page
This commit is contained in:
parent
6877cbb86c
commit
596d090ca5
Binary file not shown.
After Width: | Height: | Size: 148 B |
|
@ -486,11 +486,15 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
color: #9b9b9b;
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
}
|
||||
.btn-copy { margin-left: 5px; }
|
||||
.btn-copy {
|
||||
background: #fff url('/img/icons/copy.png') center center no-repeat;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.btn-copy .tooltip {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
|
|
|
@ -39,7 +39,7 @@ angular.module('insight')
|
|||
return {
|
||||
restric: 'A',
|
||||
scope: { clipCopy: '=clipCopy' },
|
||||
template: '<span class="glyphicon glyphicon-paperclip"></span><div class="tooltip fade right in"><div class="tooltip-arrow"></div><div class="tooltip-inner">Copied!</div></div>',
|
||||
template: '<div class="tooltip fade right in"><div class="tooltip-arrow"></div><div class="tooltip-inner">Copied!</div></div>',
|
||||
link: function(scope, elm) {
|
||||
var clip = new ZeroClipboard(elm);
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<h1 class="text-center">Block</h1>
|
||||
<div class="block-id">
|
||||
<span class="glyphicon glyphicon-list-alt"></span>
|
||||
<h2 data-ng-if="block">#{{ block.height }}</h2>
|
||||
<h2 data-ng-if="block">#{{block.height}}</h2>
|
||||
</div>
|
||||
<div class="m10v">
|
||||
<button class="pull-right btn-copy" clip-copy="block.hash"></button>
|
||||
|
@ -14,19 +14,15 @@
|
|||
<div class="m20v" data-ng-show="!tx.isCoinBase">
|
||||
<h4>Hashes</h4>
|
||||
<table class="table" style="table-layout: fixed">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="small"> Previous Block</td>
|
||||
<td><a class="address ellipsis" href="/block/{{block.previousblockhash}}">{{block.previousblockhash}}</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="small"> Next Block</td>
|
||||
<td><a class="address ellipsis" href="/block/{{block.nextblockhash}}">{{block.nextblockhash}}</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="small">Merkle Root</td>
|
||||
<td> <p class="address ellipsis"> {{block.merkleroot}} </p> </td>
|
||||
</tr>
|
||||
<tbody class="small">
|
||||
<tr data-ng-show="block.previousblockhash">
|
||||
<td> Previous Block</td>
|
||||
<td class="text-right"><a href="/block/{{block.previousblockhash}}">{{block.height-1}}</a></td>
|
||||
</tr>
|
||||
<tr data-ng-show="block.nextblockhash">
|
||||
<td> Next Block</td>
|
||||
<td class="text-right"><a href="/block/{{block.nextblockhash}}">{{block.height+1}}</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- END OF TRANSACTIONS TABLE -->
|
||||
|
@ -40,24 +36,30 @@
|
|||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> <strong> Number Of Transactions </strong> </td>
|
||||
<td><strong>Number Of Transactions</strong></td>
|
||||
<td class="text-right text-muted">{{block.tx.length}}<td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> <strong> Height </strong></td>
|
||||
<td><strong>Height</strong></td>
|
||||
<td class="text-right text-muted">{{block.height}}
|
||||
<span data-ng-show="block.isMainChain" class="text-success">(Mainchain)</span>
|
||||
<span data-ng-show="!block.isMainChain" class="text-danger"> <span class="glyphicon glyphicon-warning-sign"></span> (Orphaned)</span>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> <strong> Block Reward </strong></td>
|
||||
<td><strong>Block Reward</strong></td>
|
||||
<td class="text-right text-muted">{{$root.currency.getConvertion(block.reward)}}</td>
|
||||
</tr>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td> <strong> Timestamp </strong></td>
|
||||
<td><strong>Timestamp</strong></td>
|
||||
<td class="text-right text-muted">{{block.time * 1000 | date:'medium'}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Merkle Root</strong></td>
|
||||
<td class="text-right text-muted">
|
||||
<button class="pull-right btn-copy" clip-copy="block.merkleroot"></button>
|
||||
<span class="ellipsis" style="width:155px">{{block.merkleroot}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue