web: add content download

2 files changed, 7 insertions, 3 deletions

diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css
index ccaefe92..d767ac76 100644
--- a/libmproxy/web/static/app.css
+++ b/libmproxy/web/static/app.css
@@ -294,7 +294,7 @@ header .menu {
 .flow-detail hr {
   margin: 0 0 5px;
 }
-.view-selector {
+.view-options {
   margin-top: 10px;
 }
 .flow-detail table {
diff --git a/libmproxy/web/static/app.js b/libmproxy/web/static/app.js
index 84681403..83bb99ab 100644
--- a/libmproxy/web/static/app.js
+++ b/libmproxy/web/static/app.js
@@ -1416,10 +1416,14 @@ var ContentView = React.createClass({displayName: "ContentView",
             return React.createElement(TooLarge, React.__spread({},  this.props, {onClick: this.displayLarge}));
         }
 
+        var downloadUrl = MessageUtils.getContentURL(this.props.flow, message);
+
         return React.createElement("div", null, 
             React.createElement(this.state.View, React.__spread({},  this.props)), 
-            React.createElement("div", {className: "text-center"}, 
-                React.createElement(ViewSelector, {selectView: this.selectView, active: this.state.View, message: message})
+            React.createElement("div", {className: "view-options text-center"}, 
+                React.createElement(ViewSelector, {selectView: this.selectView, active: this.state.View, message: message}), 
+                " ", 
+                React.createElement("a", {className: "btn btn-default btn-xs", href: downloadUrl}, React.createElement("i", {className: "fa fa-download"}))
             )
         );
     }