diff options
author | Aldo Cortesi <aldo@corte.si> | 2016-06-11 16:08:14 +1200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2016-06-11 16:08:14 +1200 |
commit | 227d762cace09bc315e57644da2135480bf32cb9 (patch) | |
tree | dd1b458e77d79a8f7867e31f7a352c19e586e129 /web/src/js/components/Header/MainMenu.jsx | |
parent | 250b47487aa071e61f0bd2960992e80222103a3a (diff) | |
parent | 0b241a1da71ef9eb7632fc0e32abcf061dcbd217 (diff) | |
download | mitmproxy-227d762cace09bc315e57644da2135480bf32cb9.tar.gz mitmproxy-227d762cace09bc315e57644da2135480bf32cb9.tar.bz2 mitmproxy-227d762cace09bc315e57644da2135480bf32cb9.zip |
Merge branch 'master' into toxfiddle
Diffstat (limited to 'web/src/js/components/Header/MainMenu.jsx')
-rw-r--r-- | web/src/js/components/Header/MainMenu.jsx | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/web/src/js/components/Header/MainMenu.jsx b/web/src/js/components/Header/MainMenu.jsx new file mode 100644 index 00000000..86bf961a --- /dev/null +++ b/web/src/js/components/Header/MainMenu.jsx @@ -0,0 +1,73 @@ +import React, { Component, PropTypes } from 'react' +import { SettingsActions } from "../../actions.js" +import FilterInput from './FilterInput' +import { Query } from '../../actions.js' + +export default class MainMenu extends Component { + + static title = 'Start' + static route = 'flows' + + static propTypes = { + settings: React.PropTypes.object.isRequired, + } + + constructor(props, context) { + super(props, context) + this.onSearchChange = this.onSearchChange.bind(this) + this.onHighlightChange = this.onHighlightChange.bind(this) + this.onInterceptChange = this.onInterceptChange.bind(this) + } + + onSearchChange(val) { + this.props.updateLocation(undefined, { [Query.SEARCH]: val }) + } + + onHighlightChange(val) { + this.props.updateLocation(undefined, { [Query.HIGHLIGHT]: val }) + } + + onInterceptChange(val) { + SettingsActions.update({ intercept: val }) + } + + render() { + const { query, settings } = this.props + + const search = query[Query.SEARCH] || '' + const highlight = query[Query.HIGHLIGHT] || '' + const intercept = settings.intercept || '' + + return ( + <div> + <div className="menu-row"> + <FilterInput + ref="search" + placeholder="Search" + type="search" + color="black" + value={search} + onChange={this.onSearchChange} + /> + <FilterInput + ref="highlight" + placeholder="Highlight" + type="tag" + color="hsl(48, 100%, 50%)" + value={highlight} + onChange={this.onHighlightChange} + /> + <FilterInput + ref="intercept" + placeholder="Intercept" + type="pause" + color="hsl(208, 56%, 53%)" + value={intercept} + onChange={this.onInterceptChange} + /> + </div> + <div className="clearfix"></div> + </div> + ) + } +} |