diff options
Diffstat (limited to 'web/src/js/components/header.jsx')
-rw-r--r-- | web/src/js/components/header.jsx | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/web/src/js/components/header.jsx b/web/src/js/components/header.jsx index e6350171..8f613ff1 100644 --- a/web/src/js/components/header.jsx +++ b/web/src/js/components/header.jsx @@ -1,28 +1,28 @@ /** @jsx React.DOM */ var MainMenu = React.createClass({ - toggleEventLog: function() { + toggleEventLog: function () { SettingsActions.update({ showEventLog: !this.props.settings.showEventLog }); }, - render: function(){ + render: function () { return ( <div> <button className={"btn " + (this.props.settings.showEventLog ? "btn-primary" : "btn-default")} onClick={this.toggleEventLog}> <i className="fa fa-database"></i> Display Event Log </button> </div> - ); + ); } }); var ToolsMenu = React.createClass({ - render: function(){ + render: function () { return <div>Tools Menu</div>; } }); var ReportsMenu = React.createClass({ - render: function(){ + render: function () { return <div>Reports Menu</div>; } }); @@ -47,22 +47,22 @@ var _Header_Entries = { }; var Header = React.createClass({ - getInitialState: function(){ + getInitialState: function () { return { active: "main" }; }, - handleClick: function(active){ + handleClick: function (active) { this.setState({active: active}); ReactRouter.transitionTo(_Header_Entries[active].route); return false; }, - handleFileClick: function(){ + handleFileClick: function () { console.log("File click"); }, - render: function(){ + render: function () { var header = []; - for(var item in _Header_Entries){ + for (var item in _Header_Entries) { var classes = this.state.active == item ? "active" : ""; header.push(<a key={item} href="#" className={classes} onClick={this.handleClick.bind(this, item)}>{ _Header_Entries[item].title }</a>); @@ -84,6 +84,6 @@ var Header = React.createClass({ { menu } </div> </header> - ); + ); } }); |