.jsx -> .jsx.js

Rename jsx files to be compatible with Chrome Dev Tools and
Workspace Mapping.

1 files changed, 41 insertions, 0 deletions

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