diff options
Diffstat (limited to 'web')
-rw-r--r-- | web/gulpfile.js | 10 | ||||
-rw-r--r-- | web/src/js/components/eventlog.jsx.js (renamed from web/src/js/components/eventlog.jsx) | 0 | ||||
-rw-r--r-- | web/src/js/components/flowtable.jsx.js (renamed from web/src/js/components/flowtable.jsx) | 9 | ||||
-rw-r--r-- | web/src/js/components/footer.jsx.js (renamed from web/src/js/components/footer.jsx) | 0 | ||||
-rw-r--r-- | web/src/js/components/header.jsx.js (renamed from web/src/js/components/header.jsx) | 0 | ||||
-rw-r--r-- | web/src/js/components/proxyapp.jsx.js (renamed from web/src/js/components/proxyapp.jsx) | 0 |
6 files changed, 11 insertions, 8 deletions
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 |