diff --git a/app/js/controllers/main/home/tabs/LogsController.js b/app/js/controllers/main/home/tabs/LogsController.js index fb8307bf351d93510a0337f77b49a609d31a0455..8439975b1b2b7dc46f975bb0387e3e3145fc861d 100644 --- a/app/js/controllers/main/home/tabs/LogsController.js +++ b/app/js/controllers/main/home/tabs/LogsController.js @@ -7,6 +7,11 @@ module.exports = ($scope, ws, UIUtils) => { let co = require('co'); let _ = require('underscore'); + // Default values + if (!localStorage.getItem('log_error')) localStorage.setItem('log_error', true); + if (!localStorage.getItem('log_warn')) localStorage.setItem('log_warn', true); + if (!localStorage.getItem('log_info')) localStorage.setItem('log_info', true); + $scope.logsSize = 100; $scope.logs = _.range(0, $scope.logsSize).map(() => ""); $scope.logsString = ""; diff --git a/app/styles/main.styl b/app/styles/main.styl index 8eaed5e9a8025b358b90cd6c7a3dc787d9d21790..38f2599f06060e48cf2353b0c1c3f30ded610cb2 100644 --- a/app/styles/main.styl +++ b/app/styles/main.styl @@ -131,7 +131,7 @@ blockquote #logs font-size 12px - max-height 600px + max-height 400px #logs p line-height 21px @@ -160,5 +160,20 @@ blockquote .log-level.trace color: #d0f +.log-msg.info + background-color: none + +.log-msg.warn + background-color: #FFFE99 + +.log-msg.error + background-color: #F8D5D2 + +.log-msg.debug + background-color: rgba(29, 255, 255, 0.23) + +.log-msg.trace + background-color: rgba(217, 0, 255, 0.14) + .log-time color: #888888 \ No newline at end of file diff --git a/app/views/main/home/tabs/logs.jade b/app/views/main/home/tabs/logs.jade index 53235d8f3e97a607c16761bbd116c4aae3c86ceb..417ad75b1007197b771b24df4f3b0a41e78a6da7 100644 --- a/app/views/main/home/tabs/logs.jade +++ b/app/views/main/home/tabs/logs.jade @@ -20,8 +20,9 @@ p {{ 'graphs.blockchain.range' | translate }} .range-field input(type="range" min="10" max="10000" ng-model="logsSize" ng-mouseup="changeSize()") + .card-action.left-align.ui-scrollable pre#logs p(ng-repeat="log in logs track by $index") span.log-time {{ log.timestamp }} span.log-level(class="{{ log.level }}") {{ log.level }} - span {{ log.msg }} + span.log-msg(class="{{ log.level }}") {{ log.msg }}