1 files changed, 46 insertions, 0 deletions
diff --git a/web/src/js/components/proxyapp.jsx b/web/src/js/components/proxyapp.jsx
new file mode 100644
index 00000000..c0196461
--- /dev/null
+++ b/web/src/js/components/proxyapp.jsx
@@ -0,0 +1,46 @@
+/** @jsx React.DOM */
+
+//TODO: Move out of here, just a stub.
+var Reports = React.createClass({
+    render: function(){
+        return <div>Report Editor</div>;
+    }
+});
+
+
+var ProxyAppMain = React.createClass({
+    getInitialState: function(){
+        return { settings: SettingsStore.getAll() };
+    },
+    componentDidMount: function(){
+        SettingsStore.addListener("change", this.onSettingsChange);
+    },
+    componentWillUnmount: function(){
+        SettingsStore.removeListener("change", this.onSettingsChange);
+    },
+    onSettingsChange: function(){
+        console.log("onSettingsChange");
+        this.setState({settings: SettingsStore.getAll()});
+    },
+    render: function() {
+        return (
+            <div id="container">
+                <Header settings={this.state.settings}/>
+                <div id="main"><this.props.activeRouteHandler/></div>
+                    {this.state.settings.showEventLog ? <EventLog/> : null}
+                <Footer settings={this.state.settings}/>
+            </div>
+            );
+    }
+});
+
+
+var ProxyApp = (
+    <ReactRouter.Routes location="hash">
+        <ReactRouter.Route name="app" path="/" handler={ProxyAppMain}>
+            <ReactRouter.Route name="main" handler={TrafficTable}/>
+            <ReactRouter.Route name="reports" handler={Reports}/>
+            <ReactRouter.Redirect to="main"/>
+        </ReactRouter.Route>
+    </ReactRouter.Routes>
+);