diff options
author | Maximilian Hils <git@maximilianhils.com> | 2014-09-19 01:57:50 +0200 |
---|---|---|
committer | Maximilian Hils <git@maximilianhils.com> | 2014-09-19 01:57:50 +0200 |
commit | b5e727da8869baf9d24720debf8ff6c6c22c8500 (patch) | |
tree | a310da3e2b14e898a961f71baee738e952dd48b6 /web/src/js/components/flowdetail.jsx.js | |
parent | b0374710e4ef934c2ae9b416e5c981e04ed776ed (diff) | |
download | mitmproxy-b5e727da8869baf9d24720debf8ff6c6c22c8500.tar.gz mitmproxy-b5e727da8869baf9d24720debf8ff6c6c22c8500.tar.bz2 mitmproxy-b5e727da8869baf9d24720debf8ff6c6c22c8500.zip |
web: flow icons
Diffstat (limited to 'web/src/js/components/flowdetail.jsx.js')
-rw-r--r-- | web/src/js/components/flowdetail.jsx.js | 32 |
1 files changed, 29 insertions, 3 deletions
diff --git a/web/src/js/components/flowdetail.jsx.js b/web/src/js/components/flowdetail.jsx.js index 744901be..e5fe37a0 100644 --- a/web/src/js/components/flowdetail.jsx.js +++ b/web/src/js/components/flowdetail.jsx.js @@ -46,7 +46,11 @@ var Headers = React.createClass({ var FlowDetailRequest = React.createClass({ render: function(){ var flow = this.props.flow; - var url = <code>{ RequestUtils.pretty_url(flow.request) }</code>; + var first_line = [ + flow.request.method, + RequestUtils.pretty_url(flow.request), + "HTTP/"+ flow.response.httpversion.join(".") + ].join(" "); var content = null; if(flow.request.contentLength > 0){ content = "Request Content Size: "+ formatSize(flow.request.contentLength); @@ -58,7 +62,7 @@ var FlowDetailRequest = React.createClass({ return ( <section> - {url} + <code>{ first_line }</code> <Headers message={flow.request}/> <hr/> {content} @@ -69,7 +73,29 @@ var FlowDetailRequest = React.createClass({ var FlowDetailResponse = React.createClass({ render: function(){ - return <section>response</section>; + var flow = this.props.flow; + var first_line = [ + "HTTP/"+ flow.response.httpversion.join("."), + flow.response.code, + flow.response.msg + ].join(" "); + var content = null; + if(flow.response.contentLength > 0){ + content = "Response Content Size: "+ formatSize(flow.response.contentLength); + } else { + content = <div className="alert alert-info">No Content</div>; + } + + //TODO: Styling + + return ( + <section> + <code>{ first_line }</code> + <Headers message={flow.response}/> + <hr/> + {content} + </section> + ); } }); |