From 58057f3923f328310e8eb641995dba9214a05b35 Mon Sep 17 00:00:00 2001
From: cgeek <cem.moreau@gmail.com>
Date: Thu, 24 Mar 2016 19:03:19 +0100
Subject: [PATCH] More beautiful logs
---
.../main/home/tabs/LogsController.js | 5 +++++
app/styles/main.styl | 17 ++++++++++++++++-
app/views/main/home/tabs/logs.jade | 3 ++-
3 files changed, 23 insertions(+), 2 deletions(-)
diff --git a/app/js/controllers/main/home/tabs/LogsController.js b/app/js/controllers/main/home/tabs/LogsController.js
index fb8307b..8439975 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 8eaed5e..38f2599 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 53235d8..417ad75 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 }}
--
GitLab