From 6a161be6b4c526fcc5f6581c7faff00a2c976f37 Mon Sep 17 00:00:00 2001
From: Maximilian Hils <git@maximilianhils.com>
Date: Thu, 18 Sep 2014 00:01:45 +0200
Subject: .jsx -> .jsx.js

Rename jsx files to be compatible with Chrome Dev Tools and
Workspace Mapping.
---
 web/src/js/components/eventlog.jsx.js | 41 +++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 web/src/js/components/eventlog.jsx.js

(limited to 'web/src/js/components/eventlog.jsx.js')

diff --git a/web/src/js/components/eventlog.jsx.js b/web/src/js/components/eventlog.jsx.js
new file mode 100644
index 00000000..df212177
--- /dev/null
+++ b/web/src/js/components/eventlog.jsx.js
@@ -0,0 +1,41 @@
+/** @jsx React.DOM */
+
+var EventLog = React.createClass({
+    mixins:[AutoScrollMixin],
+    getInitialState: function () {
+        return {
+            log: []
+        };
+    },
+    componentDidMount: function () {
+        this.log = EventLogStore.getView();
+        this.log.addListener("change", this.onEventLogChange);
+    },
+    componentWillUnmount: function () {
+        this.log.removeListener("change", this.onEventLogChange);
+        this.log.close();
+    },
+    onEventLogChange: function () {
+        this.setState({
+            log: this.log.getAll()
+        });
+    },
+    close: function () {
+        SettingsActions.update({
+            showEventLog: false
+        });
+    },
+    render: function () {
+        var messages = this.state.log.map(function(row) {
+            var indicator = null;
+            if(row.source === "ui"){
+                indicator = <i className="fa fa-html5"></i>;
+            }
+            return (
+                <div key={row.id}>
+                    { indicator } {row.message}
+                </div>);
+        });
+        return <pre className="eventlog">{messages}</pre>;
+    }
+});
\ No newline at end of file
-- 
cgit v1.2.3