@ -0,0 +1,73 @@ |
|||||
|
<div class="row"> |
||||
|
<div class="col-sm-4"> |
||||
|
<div class="panel"> |
||||
|
<div class="panel-heading c_deepPurpleG300to500"> |
||||
|
<h3 class="panel-title">Block Height {{block.height}}</h3> |
||||
|
</div> |
||||
|
<div class="panel-body"> |
||||
|
Block Hash: |
||||
|
<p style="font-size: 9px;"> |
||||
|
{{block.hash}} |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-8"> |
||||
|
<div class="panel"> |
||||
|
<div class="panel-heading c_deepPurpleG300to500"> |
||||
|
<h3 class="panel-title">Block evolution</h3> |
||||
|
</div> |
||||
|
<div class="panel-body"> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="row"> |
||||
|
<div class="col-sm-12"> |
||||
|
<div class="panel"> |
||||
|
<div class="panel-heading c_deepPurpleG300to500"> |
||||
|
<h3 class="panel-title">Tx in block</h3> |
||||
|
</div> |
||||
|
<div class="panel-body"> |
||||
|
<div class="col-sm-12"> |
||||
|
<table class="table table-hover"> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Txid</th> |
||||
|
<th>Input</th> |
||||
|
<th>Output</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
<tr ng-repeat="tx in block.txs"> |
||||
|
<td style="max-width:20px; overflow:hidden;"> |
||||
|
<a ng-href="#!/address/{{tx.from}}" class="list-group-item-text"> |
||||
|
{{tx.txid}} |
||||
|
</a> |
||||
|
</td> |
||||
|
<td style="max-width:20px; overflow:hidden;"> |
||||
|
<table><tbody><tr ng-repeat="vin in tx.vin"><td> |
||||
|
<a ng-href="#!/address/{{vin.address}}" class="list-group-item-text"> |
||||
|
{{vin.address}} |
||||
|
</a> |
||||
|
:{{vin.amount}} |
||||
|
</td></tr></tbody></table> |
||||
|
</td> |
||||
|
<td style="max-width:20px; overflow:hidden;"> |
||||
|
<table><tbody><tr ng-repeat="vout in tx.vout"><td> |
||||
|
<a ng-href="#!/address/{{vout.address}}" class="list-group-item-text"> |
||||
|
{{vout.address}} |
||||
|
</a> |
||||
|
:{{vout.value}} |
||||
|
</td></tr></tbody></table> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
</table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
@ -0,0 +1,21 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
|
angular.module('app.block', ['ngRoute']) |
||||
|
|
||||
|
.config(['$routeProvider', function($routeProvider) { |
||||
|
$routeProvider.when('/block/:height', { |
||||
|
templateUrl: 'views/block/block.html', |
||||
|
controller: 'BlockCtrl' |
||||
|
}); |
||||
|
}]) |
||||
|
|
||||
|
.controller('BlockCtrl', function($scope, $http, $routeParams) { |
||||
|
$scope.block = {}; |
||||
|
$http.get(urlapi + 'block/' + $routeParams.height) |
||||
|
.then(function(data, status, headers, config) { |
||||
|
console.log(data); |
||||
|
$scope.block = data.data; |
||||
|
}, function(data, status, headers, config) { |
||||
|
console.log('data error'); |
||||
|
}); |
||||
|
}); |