added currency selector to navbar. secondary navbar on blockpage when scroll
This commit is contained in:
parent
e3a93f958c
commit
151d6b7d75
|
@ -117,7 +117,6 @@ margin-left: 0;
|
|||
}
|
||||
|
||||
.navbar-form {
|
||||
margin-left: 20px;
|
||||
width: 35%;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
@ -127,11 +126,11 @@ margin-left: 0;
|
|||
margin: 0;
|
||||
}
|
||||
.navbar-form {
|
||||
width: 20%;
|
||||
width: 15%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 767px) {
|
||||
.navbar-form {
|
||||
width: auto;
|
||||
}
|
||||
|
@ -146,6 +145,7 @@ margin-left: 0;
|
|||
font-size: 34px;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
|
||||
|
@ -154,7 +154,6 @@ margin-left: 0;
|
|||
|
||||
.navbar-default .navbar-brand {
|
||||
color: #FFFFFF;
|
||||
margin-right: 20px;
|
||||
padding: 22px 15px;
|
||||
}
|
||||
|
||||
|
@ -211,6 +210,7 @@ margin-left: 0;
|
|||
font-size: 12px;
|
||||
color: #eee;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.status .tooltip {
|
||||
|
@ -661,3 +661,15 @@ a.v_highlight_more {
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
.secondary_navbar {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
top: 64px;
|
||||
left: 0;
|
||||
border: 1px solid #eee;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
|
|
|
@ -3,6 +3,18 @@
|
|||
var ZeroClipboard = window.ZeroClipboard;
|
||||
|
||||
angular.module('insight')
|
||||
.directive("scroll", function ($window) {
|
||||
return function(scope, element, attrs) {
|
||||
angular.element($window).bind("scroll", function() {
|
||||
if (this.pageYOffset >= 200) {
|
||||
scope.secondaryNavbar = true;
|
||||
} else {
|
||||
scope.secondaryNavbar = false;
|
||||
}
|
||||
scope.$apply();
|
||||
});
|
||||
};
|
||||
})
|
||||
.directive('whenScrolled', function($window) {
|
||||
return {
|
||||
restric: 'A',
|
||||
|
|
|
@ -1,5 +1,20 @@
|
|||
<div data-ng-include src="'/views/includes/connection.html'"></div>
|
||||
<section data-ng-controller="BlocksController" data-ng-init="findOne()">
|
||||
<div class="secondary_navbar" scroll data-ng-class="{'hidden': !secondaryNavbar}">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<a href="/block/{{block.previousblockhash}}">← Previous Block</a>
|
||||
</div>
|
||||
<div class="col-md-8 text-center">
|
||||
<strong>Block</strong> #{{block.height}} ·
|
||||
<strong>Hash</strong> {{block.hash}}
|
||||
<span class="btn-copy" clip-copy="block.hash"></span>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="/block/{{block.nextblockhash}}">Next Block →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h1>Block #{{block.height}}</h1>
|
||||
<div class="progress progress-striped active" data-ng-if="!block.hash">
|
||||
<div class="progress-bar progress-bar-info" style="width: 100%">
|
||||
|
|
|
@ -1,9 +1,15 @@
|
|||
<div class="text-center">
|
||||
<small class="text-muted">Currency:</small>
|
||||
<div class="btn-group currency m10l" data-ng-controller="CurrencyController">
|
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
{{currency.symbol}} <span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="#" data-ng-click="setCurrency('USD')" data-ng-class="{active: currency.symbol == 'USD'}">USD</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-ng-click="setCurrency('BTC')" data-ng-class="{active: currency.symbol == 'BTC'}">BTC</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-ng-click="setCurrency('mBTC')" data-ng-class="{active: currency.symbol == 'mBTC'}">mBTC</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a href="#" type="button" class="btn btn-default btn-sm" data-ng-click="setCurrency('USD')" data-ng-class="{active: currency.symbol == 'USD'}" tooltip="Change to USD: Bitstamp ${{currency.bitstamp}}"> <small>USD </small></a>
|
||||
<a href="#" type="button" class="btn btn-default btn-sm" data-ng-click="setCurrency('BTC')" data-ng-class="{active: currency.symbol == 'BTC'}" tooltip="Change to BTC"><small>BTC</small></a>
|
||||
<a href="#" type="button" class="btn btn-default btn-sm" data-ng-click="setCurrency('mBTC')" data-ng-class="{active: currency.symbol == 'mBTC'}" tooltip="Change to mBTC"><small>mBTC</small></a>
|
||||
</div>
|
||||
</div>
|
|
@ -42,6 +42,7 @@
|
|||
<strong>Height</strong> {{totalBlocks || info.blocks}}
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown" data-ng-controller="CurrencyController" data-ng-include src="'/views/includes/currency.html'"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue