Log details

New: Logs now have details available

src/UI/System/Logs/Files/LogFileLayout.js

@@ -130,12 +130,12 @@ define(
                     filename: filename
                 });
 
-                this.listenToOnce(contentsModel, 'sync', this._showContents);
+                this.listenToOnce(contentsModel, 'sync', this._showDetails);
 
                 contentsModel.fetch({ dataType: 'text' });
             },
 
-            _showContents: function (model) {
+            _showDetails: function (model) {
                 this.contents.show(new ContentsView({ model: model }));
             },
 

src/UI/System/Logs/Files/Row.js

@@ -9,10 +9,10 @@ define(
             className: 'log-file-row',
 
             events: {
-                'click': '_showContents'
+                'click': '_showDetails'
             },
 
-            _showContents: function () {
+            _showDetails: function () {
                 vent.trigger(vent.Commands.ShowLogFile, { model: this.model });
             }
         });

src/UI/System/Logs/Logs.less

@@ -18,4 +18,8 @@
 
 .log-file-row {
   .clickable;
+}
+
+.log-row {
+  .clickable;
 }

src/UI/System/Logs/Table/Details/LogDetailsView.js

@@ -0,0 +1,11 @@
+'use strict';
+define(
+    [
+        'vent',
+        'marionette'
+    ], function (vent, Marionette) {
+
+        return Marionette.ItemView.extend({
+            template: 'System/Logs/Table/Details/LogDetailsViewTemplate'
+        });
+    });

src/UI/System/Logs/Table/Details/LogDetailsViewTemplate.html

@@ -0,0 +1,22 @@
+<div class="log-details-modal">
+    <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+
+        <h3>Details</h3>
+
+    </div>
+    <div class="modal-body">
+        Message
+        <pre>{{message}}</pre>
+
+        {{#if exception}}
+            <br/>
+            Exception
+            <pre>{{exception}}</pre>
+        {{/if}}
+    </div>
+    <div class="modal-footer">
+        <button class="btn" data-dismiss="modal">close</button>
+    </div>
+</div>
+

src/UI/System/Logs/Table/LogRow.js

@@ -0,0 +1,19 @@
+'use strict';
+define(
+    [
+        'vent',
+        'backgrid'
+    ], function (vent, Backgrid) {
+
+        return Backgrid.Row.extend({
+            className: 'log-row',
+
+            events: {
+                'click': '_showDetails'
+            },
+
+            _showDetails: function () {
+                vent.trigger(vent.Commands.ShowLogDetails, { model: this.model });
+            }
+        });
+    });

src/UI/System/Logs/Table/LogsTableLayout.js

@@ -6,11 +6,12 @@ define(
         'backgrid',
         'System/Logs/Table/LogTimeCell',
         'System/Logs/Table/LogLevelCell',
+        'System/Logs/Table/LogRow',
         'Shared/Grid/Pager',
         'System/Logs/LogsCollection',
         'Shared/Toolbar/ToolbarLayout',
         'Shared/LoadingView'
-    ], function (vent, Marionette, Backgrid, LogTimeCell, LogLevelCell, GridPager, LogCollection, ToolbarLayout, LoadingView) {
+    ], function (vent, Marionette, Backgrid, LogTimeCell, LogLevelCell, LogRow, GridPager, LogCollection, ToolbarLayout, LoadingView) {
         return Marionette.Layout.extend({
             template: 'System/Logs/Table/LogsTableLayoutTemplate',
 
@@ -77,7 +78,7 @@ define(
 
             _showTable: function () {
                 this.grid.show(new Backgrid.Grid({
-                    row       : Backgrid.Row,
+                    row       : LogRow,
                     columns   : this.columns,
                     collection: this.collection,
                     className : 'table table-hover'