Improve logs manager

Author: SamyPesse

addons/monitor/addon-built.js

@@ -3,6 +3,7 @@ define([], function() {
 
     var Log = hr.Model.extend({
         defaults: {
+            'section': null,
             'type': null,
             'content': []
         },

addons/monitor/models/log.js

@@ -0,0 +1,12 @@
+.addon-monitor-tab {
+    .filter-query {
+        float: right;
+        border: 1px solid #ccc;
+        padding: 3px 6px;
+        width: 200px;
+
+        &:hover, &:focus {
+            outline: 0;
+        }
+    }
+}

addons/monitor/stylesheets/tab.less

@@ -5,6 +5,7 @@
                 <i class="fa fa-eraser"></i> Clear Logs
             </a>
         </div>
+        <input type="text" class="filter-query" placeholder="Filter logs" />
     </div>
     <div class="tab-panel-inner with-toolbar monitor-logs"></div>
 </div>

addons/monitor/templates/tab.html

@@ -1,5 +1,6 @@
 define([
-    "views/logs"
+    "views/logs",
+    "less!stylesheets/tab.less"
 ], function(LogsList) {
     var _ = codebox.require("underscore");
     var $ = codebox.require("jQuery");
@@ -12,7 +13,8 @@ define([
         template: "tab.html",
         className: Tab.prototype.className+ " addon-monitor-tab",
         events: {
-            "click .action-monitor-clear": "clearLogs"
+            "click .action-monitor-clear": "clearLogs",
+            "keyup .filter-query": "filterLogs"
         },
 
         initialize: function(options) {
@@ -47,6 +49,14 @@ define([
         clearLogs: function(e) {
             if (e) e.preventDefault();
             this.logs.collection.reset([]);
+        },
+
+        // Filter logs
+        filterLogs: function(e) {
+            var q = this.$(".filter-query").val().toLowerCase();
+            this.logs.filter(function(log) {
+                return log.get("section", "").toLowerCase().search(q) >= 0;
+            }, this)
         }
     });
 

addons/monitor/views/tab.js

@@ -1,4 +1,5 @@
 var path = require("path");
+var pkg = require("../package.json");
 
 exports.config = {
     // Base directory for the application
@@ -64,7 +65,7 @@ exports.config = {
             exports: 'Mousetrap'
         }
     },
-    'options': {
-        
+    'args': {
+        'version': pkg.version
     }
 };

client/build.js

@@ -7,7 +7,7 @@
     <div class="menu-section menu-bottom">
         <ul class="menu-commands">
             <li class="menu-item">
-                <a href="https://www.codebox.io" target="_blank" title="codebox.io">
+                <a href="https://www.codebox.io" target="_blank" title="Version <%- hr.configs.args.version %>">
                     <i class="fa fa-cloud"></i>
                 </a>
             </li>

client/resources/templates/lateralbar/main.html

@@ -12,7 +12,7 @@ var exec = require('child_process').exec;
 var Addon = require("./addon");
 
 function setup(options, imports, register, app) {
-    var logger = imports.logger.namespace("addons");
+    var logger = imports.logger.namespace("addons", true);
     var server = imports.server;
     var events = imports.events;
     var hooks = imports.hooks;