aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/js/header.react.js
diff options
context:
space:
mode:
authorMaximilian Hils <git@maximilianhils.com>2014-09-15 18:08:26 +0200
committerMaximilian Hils <git@maximilianhils.com>2014-09-15 18:08:26 +0200
commitcbf18320cdbd05197f232da69b3c9a5391735156 (patch)
tree63b9cf8fd6a8e8fb5be6b2d5a655acf3d33b6229 /web/src/js/header.react.js
parent9f8d2eea64d4611c1e2f7e7043fe6d3ef9a6aa40 (diff)
downloadmitmproxy-cbf18320cdbd05197f232da69b3c9a5391735156.tar.gz
mitmproxy-cbf18320cdbd05197f232da69b3c9a5391735156.tar.bz2
mitmproxy-cbf18320cdbd05197f232da69b3c9a5391735156.zip
client-side structure
Diffstat (limited to 'web/src/js/header.react.js')
-rw-r--r--web/src/js/header.react.js72
1 files changed, 0 insertions, 72 deletions
diff --git a/web/src/js/header.react.js b/web/src/js/header.react.js
deleted file mode 100644
index 85dc3106..00000000
--- a/web/src/js/header.react.js
+++ /dev/null
@@ -1,72 +0,0 @@
-/** @jsx React.DOM */
-
-var MainMenu = React.createClass({
- render: function(){
- return (<div>Main Menu</div>);
- }
-});
-var ToolsMenu = React.createClass({
- render: function(){
- return (<div>Tools Menu</div>);
- }
-});
-var ReportsMenu = React.createClass({
- render: function(){
- return (<div>Reports Menu</div>);
- }
-});
-
-var _Header_Entries = {
- main: {
- title: "Traffic",
- route: "main",
- menu: MainMenu
- },
- tools: {
- title: "Tools",
- route: "main",
- menu: ToolsMenu
- },
- reports: {
- title: "Visualization",
- route: "reports",
- menu: ReportsMenu
- }
-};
-
-var Header = React.createClass({
- getInitialState: function(){
- return {active: "main"};
- },
- handleClick: function(active){
- this.setState({active: active});
- ReactRouter.transitionTo(_Header_Entries[active].route);
- return false;
- },
- handleFileClick: function(){
- console.log("File click");
- },
- render: function(){
- var header = [];
- for(var item in _Header_Entries){
- var classes = this.state.active == item ? "active" : "";
- header.push(<a key={item} href="#" className={classes}
- onClick={this.handleClick.bind(this, item)}>{ _Header_Entries[item].title }</a>);
- }
-
- var menu = _Header_Entries[this.state.active].menu();
- return (
- <header>
- <div className="title-bar">
- mitmproxy { this.props.settings.version }
- </div>
- <nav>
- <a href="#" className="special" onClick={this.handleFileClick}> File </a>
- {header}
- </nav>
- <div className="menu">
- { menu }
- </div>
- </header>);
- }
-}); \ No newline at end of file