From cbf18320cdbd05197f232da69b3c9a5391735156 Mon Sep 17 00:00:00 2001
From: Maximilian Hils <git@maximilianhils.com>
Date: Mon, 15 Sep 2014 18:08:26 +0200
Subject: client-side structure

---
 web/src/js/components/TrafficTable.react.js | 38 +++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 web/src/js/components/TrafficTable.react.js

(limited to 'web/src/js/components/TrafficTable.react.js')

diff --git a/web/src/js/components/TrafficTable.react.js b/web/src/js/components/TrafficTable.react.js
new file mode 100644
index 00000000..442f8da2
--- /dev/null
+++ b/web/src/js/components/TrafficTable.react.js
@@ -0,0 +1,38 @@
+/** @jsx React.DOM */
+
+var TrafficTable = React.createClass({
+    /*getInitialState: function(){
+        return {
+            flows: []
+        };
+    },*/
+    componentDidMount: function () {
+        /*var flowStore = new DummyFlowStore([]);
+        this.setState({flowStore: flowStore});
+
+        flowStore.addChangeListener(this.onFlowsChange);
+
+        $.getJSON("/flows.json").success(function (flows) {
+            flows.forEach(function (flow, i) {
+                window.setTimeout(function () {
+                    flowStore.addFlow(flow);
+                }, _.random(i*400,i*400+1000));
+            });
+        }.bind(this));*/
+    },
+    componentWillUnmount: function(){
+        //this.state.flowStore.close();
+    },
+    onFlowsChange: function(event, flows){
+        //this.setState({flows: flows.getAll()});
+    },
+    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>;
+       }); *//**/
+       x = "WTF";
+       i = 12;
+       while(i--) x += x;
+       return <div><pre>{x}</pre></div>;
+   }
+});
\ No newline at end of file
-- 
cgit v1.2.3