added "enable file background" preference

debomatic-webui/lib/config.js

@@ -22,6 +22,7 @@ config.web.preferences = {}
 config.web.preferences.autoscroll = true
 config.web.preferences.header = true
 config.web.preferences.sidebar = true
+config.web.preferences.file_background = true
 config.web.preferences.debug = 0      // debug level - 0 means disabled
 
 // DO NOT EDIT these ones

debomatic-webui/public/javascripts/page_distribution.js

@@ -378,6 +378,9 @@ function Page_Distrubion(socket)
       $("#main").removeClass().addClass("col-md-12")
       $("#sticky-package").addClass("on-top")
     }
+    if (! config.preferences.file_background) {
+      $("#file pre").addClass("no-background")
+    }
   }
   
   var select = function() {

debomatic-webui/public/stylesheets/style.css

@@ -123,3 +123,8 @@ footer {
   font-weight: normal;
   padding-top: 6px;
 }
+
+#file .no-background {
+  background: none;
+  border: none;
+}
\ No newline at end of file

debomatic-webui/views/preferences.ejs

@@ -13,11 +13,13 @@
       </h4>
 
       <dl class="dl-horizontal">
-        <dt>Show header</dt><dd>Hide header to have a minimized interface <span class="text-muted">as much as possible</span></dd>
+        <dt>Show header</dt><dd>Hide header to have a minimized interface <span class="text-muted">as much as possible</span>.</dd>
 
-        <dt>Enable sidebar</dt><dd>Enable sidebar in <a href="<%= web.paths.distribution %>">distribution</a> page</dd>
+        <dt>Enable sidebar</dt><dd>Enable sidebar in <a href="<%= web.paths.distribution %>">distribution</a> page.</dd>
 
-        <dt>Enable autoscroll</dt><dd>Enable scroll down page automatically when viewing a file and a new line is received</dd>
+        <dt>Enable autoscroll</dt><dd>Enable scroll down page automatically when viewing a file and a new line is received.</dd>
+
+        <dt>File background</dt><dd>Remove file background if it makes you uncomfortable while reading a log.</dd>
 
         <dt class="debug">Debug level</dt><dd class="debug">Set debug level, please take a look at <a href="/javascripts/debug.js">debug.js</a> for more information. Level <code>0</code> means no debug.</dd>
       </dl>
@@ -47,6 +49,11 @@
             <input id="autoscroll" type="checkbox"> Enable autoscroll
           </label>
         </div>
+        <div class="checkbox">
+          <label>
+            <input id="file_background" type="checkbox"> Enable file background
+          </label>
+        </div>
         <div class="debug">
           <select id="debug" class="form-control">
             <option>0</option>