web: eventlog ui

2 files changed, 10 insertions, 5 deletions

diff --git a/web/src/js/components/EventLog.react.js b/web/src/js/components/EventLog.react.js
index e710d30c..0ecf40b1 100644
--- a/web/src/js/components/EventLog.react.js
+++ b/web/src/js/components/EventLog.react.js
@@ -1,10 +1,16 @@
 /** @jsx React.DOM */
 
 var EventLog = React.createClass({
+	close(){
+		SettingsActions.update({
+			showEventLog: false
+		});
+	},
     render(){
         return (
             <div className="eventlog">
             <pre>
+            <i className="fa fa-close close-button" onClick={this.close}></i>
             much log.
             </pre>
             </div>
diff --git a/web/src/js/components/Header.react.js b/web/src/js/components/Header.react.js
index dc304d81..d1f18a82 100644
--- a/web/src/js/components/Header.react.js
+++ b/web/src/js/components/Header.react.js
@@ -4,15 +4,14 @@ var MainMenu = React.createClass({
     mixins: [SettingsMixin],
     handleSettingsChange() {
         SettingsActions.update({
-            showEventLog: this.refs.showEventLogInput.getDOMNode().checked
+            showEventLog: !this.state.settings.showEventLog
         });
     },
     render(){
         return <div>
-            <label>
-                <input type="checkbox" ref="showEventLogInput" checked={this.state.settings.showEventLog} onChange={this.handleSettingsChange}/>
-                Show Event Log
-            </label>
+            <button className={"btn " + (this.state.settings.showEventLog ? "btn-primary" : "btn-default")} onClick={this.handleSettingsChange}>
+                <i className="fa fa-database"></i> Display Event Log
+            </button>
             </div>;
     }
 });