Client-side framework for web application

1 files changed, 27 insertions, 0 deletions

diff --git a/web/src/js/certinstall_jsx.js b/web/src/js/certinstall_jsx.js
new file mode 100644
index 00000000..17f9f807
--- /dev/null
+++ b/web/src/js/certinstall_jsx.js
@@ -0,0 +1,27 @@
+/** @jsx React.DOM */
+
+var CertInstallView = React.createClass({displayName: 'CertInstallView',
+    render: function () {
+        return React.DOM.div({className: "certinstall"}, 
+            React.DOM.h2(null, " Click to install the mitmproxy certificate: "), 
+            React.DOM.div({id: "certbank", className: "row"}, 
+                React.DOM.div({className: "col-md-3"}, 
+                    React.DOM.a({href: "/cert/pem"}, React.DOM.i({className: "fa fa-apple fa-5x"})), 
+                    React.DOM.p(null, "Apple")
+                ), 
+                React.DOM.div({className: "col-md-3"}, 
+                    React.DOM.a({href: "/cert/p12"}, React.DOM.i({className: "fa fa-windows fa-5x"})), 
+                    React.DOM.p(null, "Windows")
+                ), 
+                React.DOM.div({className: "col-md-3"}, 
+                    React.DOM.a({href: "/cert/pem"}, React.DOM.i({className: "fa fa-android fa-5x"})), 
+                    React.DOM.p(null, "Android")
+                ), 
+                React.DOM.div({className: "col-md-3"}, 
+                    React.DOM.a({href: "/cert/pem"}, React.DOM.i({className: "fa fa-asterisk fa-5x"})), 
+                    React.DOM.p(null, "Other")
+                )
+            )
+        );
+    }
+});