From 0510c9b111aed03d0d3680db63614d50f231745c Mon Sep 17 00:00:00 2001 From: Aldo Cortesi Date: Wed, 10 Sep 2014 14:22:26 +1200 Subject: Client-side framework for web application --- web/src/js/certinstall_jsx.js | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 web/src/js/certinstall_jsx.js (limited to 'web/src/js/certinstall_jsx.js') 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") + ) + ) + ); + } +}); -- cgit v1.2.3