Merge pull request #81 from cmgustavo/feature/02footer

footer with info from bitcoind. it updates when get new block
This commit is contained in:
Mario Colque 2014-01-17 12:55:22 -08:00
commit a12f992bef
4 changed files with 33 additions and 13 deletions

View File

@ -1,6 +1,4 @@
#footer
.container
p.text-muted Place sticky footer content here.
#footer(data-ng-include="'views/footer.html'", role='navigation')
//script(type='text/javascript', src='/lib/jquery/jquery.min.js')
//script(type='text/javascript', src='/lib/bootstrap/dist/js/bootstrap.min.js')
@ -38,6 +36,7 @@ script(type='text/javascript', src='/js/services/socket.js')
//Application Controllers
script(type='text/javascript', src='/js/controllers/index.js')
script(type='text/javascript', src='/js/controllers/header.js')
script(type='text/javascript', src='/js/controllers/footer.js')
script(type='text/javascript', src='/js/controllers/blocks.js')
script(type='text/javascript', src='/js/controllers/transactions.js')
script(type='text/javascript', src='/js/controllers/address.js')

View File

@ -0,0 +1,20 @@
'use strict';
angular.module('insight.system').controller('FooterController', ['$scope', 'Global', 'socket', 'Status', function ($scope, Global, socket, Status) {
$scope.global = Global;
socket.on('block', function(block) {
console.log('[footer.js:14]',block); //TODO
console.log('Block received! ' + JSON.stringify(block));
});
$scope.getFooter = function() {
Status.get({
q: 'getInfo'
}, function(d) {
$scope.info = d.info;
});
};
}]);

View File

@ -1,14 +1,5 @@
'use strict';
//Global service for global variables
angular.module('insight.system').factory('Global', [
function() {
var _this = this;
_this._data = {
user: window.user,
authenticated: !! window.user
};
angular.module('insight.system').factory('Global', [function() {}]);
return _this._data;
}
]);

10
public/views/footer.html Normal file
View File

@ -0,0 +1,10 @@
<div data-ng-controller="FooterController" data-ng-init="getFooter()">
<div class="container">
<p class="text-muted text-right" data-ng-show="info.blocks">
Blocks: {{info.blocks}} |
Connections: {{info.connections}} |
Difficulty: {{info.difficulty}}
</p>
</div>
</div>