7 files changed, 17 insertions, 11 deletions
diff --git a/libmproxy/web/static/js/app.js b/libmproxy/web/static/js/app.js
index ea49db4d..df1c91de 100644
--- a/libmproxy/web/static/js/app.js
+++ b/libmproxy/web/static/js/app.js
@@ -456,7 +456,7 @@ var FlowRow = React.createClass({displayName: 'FlowRow',
                 flow: flow
             });
         }.bind(this));
-        return React.DOM.tr(null, columns);
+        return React.DOM.tr({onClick: this.props.onClick}, columns);
     }
 });
 
@@ -473,7 +473,7 @@ var FlowTableBody = React.createClass({displayName: 'FlowTableBody',
     render: function(){
         var rows = this.props.flows.map(function(flow){
             //TODO: Add UUID
-            return FlowRow({flow: flow, columns: this.props.columns});
+            return FlowRow({onClick: this.props.onClick, flow: flow, columns: this.props.columns});
         }.bind(this));
         return React.DOM.tbody(null, rows);
     }
@@ -593,6 +593,9 @@ var FlowTable = React.createClass({displayName: 'FlowTable',
             flows: this.flowStore.getAll()
         });
     },
+    onClick: function(e){
+        console.log("rowclick", e);
+    },
     render: function () {
         var flows = this.state.flows.map(function(flow){
          return React.DOM.div(null, flow.request.method, " ", flow.request.scheme, "://", flow.request.host, flow.request.path);
@@ -600,7 +603,7 @@ var FlowTable = React.createClass({displayName: 'FlowTable',
         return (
             React.DOM.table({className: "flow-table"}, 
                 FlowTableHead({columns: this.state.columns}), 
-                FlowTableBody({columns: this.state.columns, flows: this.state.flows})
+                FlowTableBody({onClick: this.onClick, columns: this.state.columns, flows: this.state.flows})
             )
             );
     }
diff --git a/web/gulpfile.js b/web/gulpfile.js
index 66554051..6b1758d5 100644
--- a/web/gulpfile.js
+++ b/web/gulpfile.js
@@ -41,11 +41,11 @@ var path = {
             'js/stores/eventlogstore.js',
             'js/stores/flowstore.js',
             'js/connection.js',
-            'js/components/header.jsx',
-            'js/components/flowtable.jsx',
-            'js/components/eventlog.jsx',
-            'js/components/footer.jsx',
-            'js/components/proxyapp.jsx',
+            'js/components/header.jsx.js',
+            'js/components/flowtable.jsx.js',
+            'js/components/eventlog.jsx.js',
+            'js/components/footer.jsx.js',
+            'js/components/proxyapp.jsx.js',
             'js/app.js',
         ],
     },
diff --git a/web/src/js/components/eventlog.jsx b/web/src/js/components/eventlog.jsx.js
index df212177..df212177 100644
--- a/web/src/js/components/eventlog.jsx
+++ b/web/src/js/components/eventlog.jsx.js
diff --git a/web/src/js/components/flowtable.jsx b/web/src/js/components/flowtable.jsx.js
index a94e559f..39721baf 100644
--- a/web/src/js/components/flowtable.jsx
+++ b/web/src/js/components/flowtable.jsx.js
@@ -9,7 +9,7 @@ var FlowRow = React.createClass({
                 flow: flow
             });
         }.bind(this));
-        return <tr>{columns}</tr>;
+        return <tr onClick={this.props.onClick} >{columns}</tr>;
     }
 });
 
@@ -26,7 +26,7 @@ var FlowTableBody = React.createClass({
     render: function(){
         var rows = this.props.flows.map(function(flow){
             //TODO: Add UUID
-            return <FlowRow flow={flow} columns={this.props.columns}/>;
+            return <FlowRow onClick={this.props.onClick} flow={flow} columns={this.props.columns}/>;
         }.bind(this));
         return <tbody>{rows}</tbody>;
     }
@@ -146,6 +146,9 @@ var FlowTable = React.createClass({
             flows: this.flowStore.getAll()
         });
     },
+    onClick: function(e){
+        console.log("rowclick", e);
+    },
     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>;
@@ -153,7 +156,7 @@ var FlowTable = React.createClass({
         return (
             <table className="flow-table">
                 <FlowTableHead columns={this.state.columns}/>
-                <FlowTableBody columns={this.state.columns} flows={this.state.flows}/>
+                <FlowTableBody onClick={this.onClick} columns={this.state.columns} flows={this.state.flows}/>
             </table>
             );
     }
diff --git a/web/src/js/components/footer.jsx b/web/src/js/components/footer.jsx.js
index 9bcbbc2a..9bcbbc2a 100644
--- a/web/src/js/components/footer.jsx
+++ b/web/src/js/components/footer.jsx.js
diff --git a/web/src/js/components/header.jsx b/web/src/js/components/header.jsx.js
index 8f613ff1..8f613ff1 100644
--- a/web/src/js/components/header.jsx
+++ b/web/src/js/components/header.jsx.js
diff --git a/web/src/js/components/proxyapp.jsx b/web/src/js/components/proxyapp.jsx.js
index 63998ffe..63998ffe 100644
--- a/web/src/js/components/proxyapp.jsx
+++ b/web/src/js/components/proxyapp.jsx.js