aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/js/components/MainView.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/js/components/MainView.jsx')
-rw-r--r--web/src/js/components/MainView.jsx139
1 files changed, 4 insertions, 135 deletions
diff --git a/web/src/js/components/MainView.jsx b/web/src/js/components/MainView.jsx
index 93f7b299..756fa22e 100644
--- a/web/src/js/components/MainView.jsx
+++ b/web/src/js/components/MainView.jsx
@@ -20,10 +20,6 @@ class MainView extends Component {
* @todo replace with mapStateToProps
*/
componentWillReceiveProps(nextProps) {
- // Update redux store with route changes
- if (nextProps.routeParams.flowId !== (nextProps.selectedFlow || {}).id) {
- this.props.selectFlow(nextProps.routeParams.flowId)
- }
if (nextProps.location.query[Query.SEARCH] !== nextProps.filter) {
this.props.updateFilter(nextProps.location.query[Query.SEARCH], false)
}
@@ -32,127 +28,6 @@ class MainView extends Component {
}
}
- /**
- * @todo move to actions
- */
- selectFlow(flow) {
- if (flow) {
- this.props.updateLocation(`/flows/${flow.id}/${this.props.routeParams.detailTab || 'request'}`)
- } else {
- this.props.updateLocation('/flows')
- }
- }
-
- /**
- * @todo move to actions
- */
- selectFlowRelative(shift) {
- const { flows, routeParams, selectedFlow } = this.props
- let index = 0
- if (!routeParams.flowId) {
- if (shift < 0) {
- index = flows.length - 1
- }
- } else {
- index = Math.min(
- Math.max(0, flows.indexOf(selectedFlow) + shift),
- flows.length - 1
- )
- }
- this.selectFlow(flows[index])
- }
-
- /**
- * @todo move to actions
- */
- onMainKeyDown(e) {
- var flow = this.props.selectedFlow
- if (e.ctrlKey) {
- return
- }
- switch (e.keyCode) {
- case Key.K:
- case Key.UP:
- this.selectFlowRelative(-1)
- break
- case Key.J:
- case Key.DOWN:
- this.selectFlowRelative(+1)
- break
- case Key.SPACE:
- case Key.PAGE_DOWN:
- this.selectFlowRelative(+10)
- break
- case Key.PAGE_UP:
- this.selectFlowRelative(-10)
- break
- case Key.END:
- this.selectFlowRelative(+1e10)
- break
- case Key.HOME:
- this.selectFlowRelative(-1e10)
- break
- case Key.ESC:
- this.selectFlow(null)
- break
- case Key.H:
- case Key.LEFT:
- if (this.refs.flowDetails) {
- this.refs.flowDetails.nextTab(-1)
- }
- break
- case Key.L:
- case Key.TAB:
- case Key.RIGHT:
- if (this.refs.flowDetails) {
- this.refs.flowDetails.nextTab(+1)
- }
- break
- case Key.C:
- if (e.shiftKey) {
- this.props.clearFlows()
- }
- break
- case Key.D:
- if (flow) {
- if (e.shiftKey) {
- this.props.duplicateFlow(flow)
- } else {
- this.props.removeFlow(flow)
- }
- }
- break
- case Key.A:
- if (e.shiftKey) {
- this.props.acceptAllFlows()
- } else if (flow && flow.intercepted) {
- this.props.acceptFlow(flow)
- }
- break
- case Key.R:
- if (!e.shiftKey && flow) {
- this.props.replayFlow(flow)
- }
- break
- case Key.V:
- if (e.shiftKey && flow && flow.modified) {
- this.props.revertFlow(flow)
- }
- break
- case Key.E:
- if (this.refs.flowDetails) {
- this.refs.flowDetails.promptEdit()
- }
- break
- case Key.SHIFT:
- break
- default:
- console.debug('keydown', e.keyCode)
- return
- }
- e.preventDefault()
- }
-
render() {
const { flows, selectedFlow, highlight } = this.props
return (
@@ -162,7 +37,7 @@ class MainView extends Component {
flows={flows}
selected={selectedFlow}
highlight={highlight}
- onSelect={flow => this.selectFlow(flow)}
+ onSelect={flow => this.props.selectFlow(flow.id)}
/>
{selectedFlow && [
<Splitter key="splitter"/>,
@@ -171,7 +46,6 @@ class MainView extends Component {
ref="flowDetails"
tab={this.props.routeParams.detailTab}
query={this.props.query}
- updateLocation={this.props.updateLocation}
updateFlow={data => this.props.updateFlow(selectedFlow, data)}
flow={selectedFlow}
/>
@@ -193,14 +67,9 @@ export default connect(
updateFilter,
updateHighlight,
updateFlow: flowsActions.update,
- clearFlows: flowsActions.clear,
- duplicateFlow: flowsActions.duplicate,
- removeFlow: flowsActions.remove,
- acceptAllFlows: flowsActions.acceptAll,
- acceptFlow: flowsActions.accept,
- replayFlow: flowsActions.replay,
- revertFlow: flowsActions.revert,
},
undefined,
- { withRef: true }
+ {
+ withRef: true
+ }
)(MainView)