diff options
Diffstat (limited to 'web/src/js/components')
-rw-r--r-- | web/src/js/components/eventlog.jsx | 14 | ||||
-rw-r--r-- | web/src/js/components/footer.jsx | 4 | ||||
-rw-r--r-- | web/src/js/components/header.jsx | 22 | ||||
-rw-r--r-- | web/src/js/components/proxyapp.jsx | 18 | ||||
-rw-r--r-- | web/src/js/components/traffictable.jsx | 18 |
5 files changed, 38 insertions, 38 deletions
diff --git a/web/src/js/components/eventlog.jsx b/web/src/js/components/eventlog.jsx index 530e9f4f..340de8bd 100644 --- a/web/src/js/components/eventlog.jsx +++ b/web/src/js/components/eventlog.jsx @@ -1,30 +1,30 @@ /** @jsx React.DOM */ var EventLog = React.createClass({ - getInitialState: function() { + getInitialState: function () { return { log: [] }; }, - componentDidMount: function() { + componentDidMount: function () { this.log = EventLogStore.getView(); this.log.addListener("change", this.onEventLogChange); }, - componentWillUnmount: function() { + componentWillUnmount: function () { this.log.removeListener("change", this.onEventLogChange); this.log.close(); }, - onEventLogChange: function() { + onEventLogChange: function () { this.setState({ log: this.log.getAll() }); }, - close: function() { + close: function () { SettingsActions.update({ showEventLog: false }); }, - render: function() { + render: function () { //var messages = this.state.log.map(row => (<div key={row.id}>{row.message}</div>)); var messages = []; return ( @@ -34,6 +34,6 @@ var EventLog = React.createClass({ {messages} </pre> </div> - ); + ); } }); diff --git a/web/src/js/components/footer.jsx b/web/src/js/components/footer.jsx index 6d5b75a1..9bcbbc2a 100644 --- a/web/src/js/components/footer.jsx +++ b/web/src/js/components/footer.jsx @@ -1,12 +1,12 @@ /** @jsx React.DOM */ var Footer = React.createClass({ - render: function(){ + render: function () { var mode = this.props.settings.mode; return ( <footer> {mode != "regular" ? <span className="label label-success">{mode} mode</span> : null} </footer> - ); + ); } }); 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> - ); + ); } }); diff --git a/web/src/js/components/proxyapp.jsx b/web/src/js/components/proxyapp.jsx index 14c338e3..fff1d8d0 100644 --- a/web/src/js/components/proxyapp.jsx +++ b/web/src/js/components/proxyapp.jsx @@ -2,27 +2,27 @@ //TODO: Move out of here, just a stub. var Reports = React.createClass({ - render: function(){ - return <div>Report Editor</div>; + render: function () { + return <div>ReportEditor</div>; } }); var ProxyAppMain = React.createClass({ - getInitialState: function(){ + getInitialState: function () { return { settings: SettingsStore.getAll() }; }, - componentDidMount: function(){ + componentDidMount: function () { SettingsStore.addListener("change", this.onSettingsChange); }, - componentWillUnmount: function(){ + componentWillUnmount: function () { SettingsStore.removeListener("change", this.onSettingsChange); }, - onSettingsChange: function(){ + onSettingsChange: function () { console.log("onSettingsChange"); this.setState({settings: SettingsStore.getAll()}); }, - render: function() { + render: function () { return ( <div id="container"> <Header settings={this.state.settings}/> @@ -30,7 +30,7 @@ var ProxyAppMain = React.createClass({ {this.state.settings.showEventLog ? <EventLog/> : null} <Footer settings={this.state.settings}/> </div> - ); + ); } }); @@ -43,4 +43,4 @@ var ProxyApp = ( <ReactRouter.Redirect to="main"/> </ReactRouter.Route> </ReactRouter.Routes> -); + ); diff --git a/web/src/js/components/traffictable.jsx b/web/src/js/components/traffictable.jsx index 69b89a64..8071b97e 100644 --- a/web/src/js/components/traffictable.jsx +++ b/web/src/js/components/traffictable.jsx @@ -1,34 +1,34 @@ /** @jsx React.DOM */ var TrafficTable = React.createClass({ - getInitialState: function() { + getInitialState: function () { return { flows: [] }; }, - componentDidMount: function() { + componentDidMount: function () { //this.flowStore = FlowStore.getView(); //this.flowStore.addListener("change",this.onFlowChange); }, - componentWillUnmount: function() { + componentWillUnmount: function () { //this.flowStore.removeListener("change",this.onFlowChange); //this.flowStore.close(); }, - onFlowChange: function() { + onFlowChange: function () { this.setState({ //flows: this.flowStore.getAll() }); }, - render: function() { + render: function () { /*var flows = this.state.flows.map(function(flow){ - return <div>{flow.request.method} {flow.request.scheme}://{flow.request.host}{flow.request.path}</div>; - }); */ + return <div>{flow.request.method} {flow.request.scheme}://{flow.request.host}{flow.request.path}</div>; + }); */ //Dummy Text for layout testing x = "Flow"; i = 12; while (i--) x += x; - return ( + return ( <div>Flow</div> - ); + ); } }); |