Rooba
/
mitmproxy
mirror of https://github.com/mitmproxy/mitmproxy.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add popover to reverse mode (#7161)

This commit is contained in:
Matteo Luppi 2024-09-04 15:23:37 +02:00 committed by GitHub
parent d18e21fb76
commit 401b5c0198
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 28 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
web/src/js/components/Modes/Reverse.tsx
View File

@ -16,6 +16,7 @@ import Dropdown, { MenuItem } from "../common/Dropdown";
import ValueEditor from "../editors/ValueEditor"; import ValueEditor from "../editors/ValueEditor";
import { ServerStatus } from "./CaptureSetup"; import { ServerStatus } from "./CaptureSetup";
import { ModeToggle } from "./ModeToggle"; import { ModeToggle } from "./ModeToggle";
import { Popover } from "./Popover";
interface ReverseToggleRowProps { interface ReverseToggleRowProps {
removable: boolean; removable: boolean;
@ -105,36 +106,8 @@ function ReverseToggleRow({
{prot} {prot}
</MenuItem> </MenuItem>
))} ))}
</Dropdown>{" "} </Dropdown>
<span traffic to
onClick={() => {
dispatch(setActive({ server, value: !server.active }));
}}
>
traffic from
</span>
<ValueEditor
className="mode-reverse-input"
content={server.listen_host || ""}
onEditDone={(value) =>
dispatch(setListenHost({ server, value }))
}
placeholder="*"
/>
<ValueEditor
className="mode-reverse-input"
content={String(server.listen_port || "")}
onEditDone={(value) =>
dispatch(
setListenPort({
server,
value: value as unknown as number,
}),
)
}
placeholder="8080"
/>{" "}
to{" "}
<ValueEditor <ValueEditor
className="mode-reverse-input" className="mode-reverse-input"
content={server.destination?.toString() || ""} content={server.destination?.toString() || ""}
@ -143,6 +116,31 @@ function ReverseToggleRow({
} }
placeholder="example.com" placeholder="example.com"
/> />
<Popover>
<p>Listen Host</p>
<ValueEditor
className="mode-reverse-input"
content={server.listen_host || ""}
onEditDone={(value) =>
dispatch(setListenHost({ server, value }))
}
placeholder="*"
/>
<p>Listen Port</p>
<ValueEditor
className="mode-reverse-input"
content={String(server.listen_port || "")}
onEditDone={(value) =>
dispatch(
setListenPort({
server,
value: value as unknown as number,
}),
)
}
placeholder="8080"
/>
</Popover>
{removable && ( {removable && (
<i <i
className="fa fa-fw fa-trash fa-lg" className="fa fa-fw fa-trash fa-lg"