aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/js/components/mainview.js
diff options
context:
space:
mode:
authorMaximilian Hils <git@maximilianhils.com>2016-02-15 14:58:46 +0100
committerMaximilian Hils <git@maximilianhils.com>2016-02-15 14:58:46 +0100
commit33fa49277a821b9d38e8c9bf0bcf2adcfa2f6f04 (patch)
tree31914a601302579ff817504019296fd7e9e46765 /web/src/js/components/mainview.js
parent36f34f701991b5d474c005ec45e3b66e20f326a8 (diff)
downloadmitmproxy-33fa49277a821b9d38e8c9bf0bcf2adcfa2f6f04.tar.gz
mitmproxy-33fa49277a821b9d38e8c9bf0bcf2adcfa2f6f04.tar.bz2
mitmproxy-33fa49277a821b9d38e8c9bf0bcf2adcfa2f6f04.zip
move mitmproxy
Diffstat (limited to 'web/src/js/components/mainview.js')
-rw-r--r--web/src/js/components/mainview.js244
1 files changed, 0 insertions, 244 deletions
diff --git a/web/src/js/components/mainview.js b/web/src/js/components/mainview.js
deleted file mode 100644
index 9ff51dfa..00000000
--- a/web/src/js/components/mainview.js
+++ /dev/null
@@ -1,244 +0,0 @@
-var React = require("react");
-
-var actions = require("../actions.js");
-var Query = require("../actions.js").Query;
-var utils = require("../utils.js");
-var views = require("../store/view.js");
-var Filt = require("../filt/filt.js");
-
-var common = require("./common.js");
-var FlowTable = require("./flowtable.js");
-var FlowView = require("./flowview/index.js");
-
-var MainView = React.createClass({
- mixins: [common.Navigation, common.RouterState],
- contextTypes: {
- flowStore: React.PropTypes.object.isRequired,
- },
- childContextTypes: {
- view: React.PropTypes.object.isRequired,
- },
- getChildContext: function () {
- return {
- view: this.state.view
- };
- },
- getInitialState: function () {
- var sortKeyFun = false;
- var view = new views.StoreView(this.context.flowStore, this.getViewFilt(), sortKeyFun);
- view.addListener("recalculate", this.onRecalculate);
- view.addListener("add", this.onUpdate);
- view.addListener("update", this.onUpdate);
- view.addListener("remove", this.onUpdate);
- view.addListener("remove", this.onRemove);
-
- return {
- view: view,
- sortKeyFun: sortKeyFun
- };
- },
- componentWillUnmount: function () {
- this.state.view.close();
- },
- getViewFilt: function () {
- try {
- var filt = Filt.parse(this.getQuery()[Query.SEARCH] || "");
- var highlightStr = this.getQuery()[Query.HIGHLIGHT];
- var highlight = highlightStr ? Filt.parse(highlightStr) : false;
- } catch (e) {
- console.error("Error when processing filter: " + e);
- }
-
- return function filter_and_highlight(flow) {
- if (!this._highlight) {
- this._highlight = {};
- }
- this._highlight[flow.id] = highlight && highlight(flow);
- return filt(flow);
- };
- },
- componentWillReceiveProps: function (nextProps) {
- var filterChanged = (this.props.query[Query.SEARCH] !== nextProps.query[Query.SEARCH]);
- var highlightChanged = (this.props.query[Query.HIGHLIGHT] !== nextProps.query[Query.HIGHLIGHT]);
- if (filterChanged || highlightChanged) {
- this.state.view.recalculate(this.getViewFilt(), this.state.sortKeyFun);
- }
- },
- onRecalculate: function () {
- this.forceUpdate();
- var selected = this.getSelected();
- if (selected) {
- this.refs.flowTable.scrollIntoView(selected);
- }
- },
- onUpdate: function (flow) {
- if (flow.id === this.getParams().flowId) {
- this.forceUpdate();
- }
- },
- onRemove: function (flow_id, index) {
- if (flow_id === this.getParams().flowId) {
- var flow_to_select = this.state.view.list[Math.min(index, this.state.view.list.length - 1)];
- this.selectFlow(flow_to_select);
- }
- },
- setSortKeyFun: function (sortKeyFun) {
- this.setState({
- sortKeyFun: sortKeyFun
- });
- this.state.view.recalculate(this.getViewFilt(), sortKeyFun);
- },
- selectFlow: function (flow) {
- if (flow) {
- this.replaceWith(
- "flow",
- {
- flowId: flow.id,
- detailTab: this.getParams().detailTab || "request"
- }
- );
- this.refs.flowTable.scrollIntoView(flow);
- } else {
- this.replaceWith("flows", {});
- }
- },
- selectFlowRelative: function (shift) {
- var flows = this.state.view.list;
- var index;
- if (!this.getParams().flowId) {
- if (shift < 0) {
- index = flows.length - 1;
- } else {
- index = 0;
- }
- } else {
- var currFlowId = this.getParams().flowId;
- var i = flows.length;
- while (i--) {
- if (flows[i].id === currFlowId) {
- index = i;
- break;
- }
- }
- index = Math.min(
- Math.max(0, index + shift),
- flows.length - 1);
- }
- this.selectFlow(flows[index]);
- },
- onMainKeyDown: function (e) {
- var flow = this.getSelected();
- if (e.ctrlKey) {
- return;
- }
- switch (e.keyCode) {
- case utils.Key.K:
- case utils.Key.UP:
- this.selectFlowRelative(-1);
- break;
- case utils.Key.J:
- case utils.Key.DOWN:
- this.selectFlowRelative(+1);
- break;
- case utils.Key.SPACE:
- case utils.Key.PAGE_DOWN:
- this.selectFlowRelative(+10);
- break;
- case utils.Key.PAGE_UP:
- this.selectFlowRelative(-10);
- break;
- case utils.Key.END:
- this.selectFlowRelative(+1e10);
- break;
- case utils.Key.HOME:
- this.selectFlowRelative(-1e10);
- break;
- case utils.Key.ESC:
- this.selectFlow(null);
- break;
- case utils.Key.H:
- case utils.Key.LEFT:
- if (this.refs.flowDetails) {
- this.refs.flowDetails.nextTab(-1);
- }
- break;
- case utils.Key.L:
- case utils.Key.TAB:
- case utils.Key.RIGHT:
- if (this.refs.flowDetails) {
- this.refs.flowDetails.nextTab(+1);
- }
- break;
- case utils.Key.C:
- if (e.shiftKey) {
- actions.FlowActions.clear();
- }
- break;
- case utils.Key.D:
- if (flow) {
- if (e.shiftKey) {
- actions.FlowActions.duplicate(flow);
- } else {
- actions.FlowActions.delete(flow);
- }
- }
- break;
- case utils.Key.A:
- if (e.shiftKey) {
- actions.FlowActions.accept_all();
- } else if (flow && flow.intercepted) {
- actions.FlowActions.accept(flow);
- }
- break;
- case utils.Key.R:
- if (!e.shiftKey && flow) {
- actions.FlowActions.replay(flow);
- }
- break;
- case utils.Key.V:
- if (e.shiftKey && flow && flow.modified) {
- actions.FlowActions.revert(flow);
- }
- break;
- case utils.Key.E:
- if (this.refs.flowDetails) {
- this.refs.flowDetails.promptEdit();
- }
- break;
- case utils.Key.SHIFT:
- break;
- default:
- console.debug("keydown", e.keyCode);
- return;
- }
- e.preventDefault();
- },
- getSelected: function () {
- return this.context.flowStore.get(this.getParams().flowId);
- },
- render: function () {
- var selected = this.getSelected();
-
- var details;
- if (selected) {
- details = [
- <common.Splitter key="splitter"/>,
- <FlowView key="flowDetails" ref="flowDetails" flow={selected}/>
- ];
- } else {
- details = null;
- }
-
- return (
- <div className="main-view">
- <FlowTable ref="flowTable"
- selectFlow={this.selectFlow}
- setSortKeyFun={this.setSortKeyFun}
- selected={selected} />
- {details}
- </div>
- );
- }
-});
-
-module.exports = MainView;