Improvements on log view

lib/eventDb.js

@@ -1,5 +1,5 @@
 var knex          = require('./dbPool');
-var EVENT_COLUMNS = ['id', 'type', 'created_by', 'data'];
+var EVENT_COLUMNS = ['id', 'type', 'created_by', 'created_at', 'data'];
 
 function storeEvent(event) {
     return knex('events').insert({
@@ -31,6 +31,7 @@ function rowToEvent(row) {
         id: row.id,
         type: row.type,
         createdBy: row.created_by, // jshint ignore:line
+        createdAt: row.created_at, // jshint ignore:line
         data: row.data
     };
 }

public/js/components/log/LogEntry.jsx

@@ -6,10 +6,19 @@ var LogEntry = React.createClass({
     },
 
     render: function() {
+        var d = new Date(this.props.event.createdAt);
         return (
             <tr>
-                <td>{this.props.event.data.name}</td>
-                <td>{this.props.event.type}</td>
+                <td>
+                    {d.getDate() + "." + d.getMonth() + "." + d.getFullYear()}<br />
+                    kl. {d.getHours() + "." + d.getMinutes()}
+                </td>
+                <td>
+                    {this.props.event.type}
+                </td>
+                <td>
+                    <code className='JSON'>{JSON.stringify(this.props.event.data)}</code>
+                </td>
                 <td>{this.props.event.createdBy}</td>
             </tr>
         );

public/js/components/log/LogEntryList.jsx

@@ -15,8 +15,9 @@ var LogEntryList = React.createClass({
                 <table className='outerborder'>
                     <thead>
                         <tr>
-                            <th>Feature</th>
+                            <th>When</th>
                             <th>Action</th>
+                            <th>Data</th>
                             <th>Author</th>
                         </tr>
                     </thead>