Secondary navbar when scroll on txpages, blockpages and addrpages
This commit is contained in:
parent
151d6b7d75
commit
ce5ce82ee9
|
@ -392,6 +392,13 @@ margin-left: 0;
|
||||||
background-color: #AC0015;
|
background-color: #AC0015;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.txvalues-normal {
|
||||||
|
background-color: transparent;
|
||||||
|
text-transform: none;
|
||||||
|
color: #333;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
.progress-bar-info { background-color: #8DC429; }
|
.progress-bar-info { background-color: #8DC429; }
|
||||||
|
|
||||||
/* Set the fixed height of the footer here */
|
/* Set the fixed height of the footer here */
|
||||||
|
@ -670,6 +677,6 @@ a.v_highlight_more {
|
||||||
border: 1px solid #eee;
|
border: 1px solid #eee;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
z-index: 10000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,12 +1,25 @@
|
||||||
<div data-ng-include src="'/views/includes/connection.html'"></div>
|
<div data-ng-include src="'/views/includes/connection.html'"></div>
|
||||||
<section data-ng-controller="AddressController" data-ng-init="findOne()">
|
<section data-ng-controller="AddressController" data-ng-init="findOne()">
|
||||||
|
<div class="secondary_navbar" scroll data-ng-class="{'hidden': !secondaryNavbar}" data-ng-show="address.addrStr">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 text-center">
|
||||||
|
<span class="ellipsis txvalues txvalues-normal">
|
||||||
|
<strong>Address</strong> {{address.addrStr}}
|
||||||
|
<span class="btn-copy" clip-copy="address.addrStr"></span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<span class="txvalues txvalues-primary"><strong>Final Balance</strong> {{$root.currency.getConvertion(address.balance) || address.balance + ' BTC' }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<h1>Address <small data-ng-show="address.addrStr">{{$root.currency.getConvertion(address.balance) || address.balance + ' BTC'}}</small></h1>
|
<h1>Address <small data-ng-show="address.addrStr">{{$root.currency.getConvertion(address.balance) || address.balance + ' BTC'}}</small></h1>
|
||||||
<div class="text-muted" data-ng-if="!address.addrStr">
|
<div class="text-muted" data-ng-if="!address.addrStr">
|
||||||
<span>Loading Address Information...</span>
|
<span>Loading Address Information...</span>
|
||||||
</div>
|
</div>
|
||||||
<div data-ng-if="address.addrStr">
|
<div data-ng-if="address.addrStr">
|
||||||
<div class="well well-sm ellipsis">
|
<div class="well well-sm ellipsis">
|
||||||
<strong>String</strong>
|
<strong>Address</strong>
|
||||||
<span class="text-muted">{{address.addrStr}}</span>
|
<span class="text-muted">{{address.addrStr}}</span>
|
||||||
<span class="btn-copy" clip-copy="address.addrStr"></span>
|
<span class="btn-copy" clip-copy="address.addrStr"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -2,16 +2,22 @@
|
||||||
<section data-ng-controller="BlocksController" data-ng-init="findOne()">
|
<section data-ng-controller="BlocksController" data-ng-init="findOne()">
|
||||||
<div class="secondary_navbar" scroll data-ng-class="{'hidden': !secondaryNavbar}">
|
<div class="secondary_navbar" scroll data-ng-class="{'hidden': !secondaryNavbar}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 text-right">
|
||||||
|
<span class="ellipsis txvalues txvalues-normal">
|
||||||
<a href="/block/{{block.previousblockhash}}">← Previous Block</a>
|
<a href="/block/{{block.previousblockhash}}">← Previous Block</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-8 text-center">
|
<div class="col-md-8 text-center">
|
||||||
|
<div class="ellipsis txvalues txvalues-normal">
|
||||||
<strong>Block</strong> #{{block.height}} ·
|
<strong>Block</strong> #{{block.height}} ·
|
||||||
<strong>Hash</strong> {{block.hash}}
|
<strong>Hash</strong> {{block.hash}}
|
||||||
<span class="btn-copy" clip-copy="block.hash"></span>
|
<span class="btn-copy" clip-copy="block.hash"></span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 text-left">
|
||||||
|
<span class="ellipsis txvalues txvalues-normal">
|
||||||
<a href="/block/{{block.nextblockhash}}">Next Block →</a>
|
<a href="/block/{{block.nextblockhash}}">Next Block →</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,5 +1,20 @@
|
||||||
<div data-ng-include src="'/views/includes/connection.html'"></div>
|
<div data-ng-include src="'/views/includes/connection.html'"></div>
|
||||||
<section data-ng-controller="transactionsController" data-ng-init="findThis()">
|
<section data-ng-controller="transactionsController" data-ng-init="findThis()">
|
||||||
|
<div class="secondary_navbar" scroll data-ng-class="{'hidden': !secondaryNavbar}">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 text-center">
|
||||||
|
<span class="ellipsis txvalues txvalues-normal">
|
||||||
|
<strong>Transaction</strong> {{tx.txid}}
|
||||||
|
<span class="btn-copy" clip-copy="tx.txid"></span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<span data-ng-show="tx.confirmations" class="txvalues txvalues-success">{{tx.confirmations}} Confirmations</span>
|
||||||
|
<span data-ng-show="!tx.confirmations" class="txvalues txvalues-danger">Unconfirmed Transaction!</span>
|
||||||
|
<span class="txvalues txvalues-primary">{{$root.currency.getConvertion(tx.valueOut) || tx.valueOut + ' BTC' }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="ng-cloak" data-ng-cloak data-ng-if="tx.txid">
|
<div class="ng-cloak" data-ng-cloak data-ng-if="tx.txid">
|
||||||
<h1>Transaction
|
<h1>Transaction
|
||||||
<small data-ng-show="from_vin || from_vout">
|
<small data-ng-show="from_vin || from_vout">
|
||||||
|
@ -15,7 +30,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div data-ng-if="tx.txid">
|
<div data-ng-if="tx.txid">
|
||||||
<div class="well well-sm ellipsis">
|
<div class="well well-sm ellipsis">
|
||||||
<strong>Id</strong>
|
<strong>Transaction</strong>
|
||||||
<span class="txid text-muted">{{tx.txid}}</span>
|
<span class="txid text-muted">{{tx.txid}}</span>
|
||||||
<span class="btn-copy" clip-copy="tx.txid"></span>
|
<span class="btn-copy" clip-copy="tx.txid"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue