ThatGuyJack/nginx-proxy-manager
1
0
Fork 0
mirror of https://github.com/NginxProxyManager/nginx-proxy-manager.git synced 2025-10-04 03:40:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Redirection hosts ui

Browse Source
This commit is contained in:
Jamie Curnow
2025-09-25 18:00:00 +10:00
parent 9339626933
commit e36c1b99a5
14 changed files with 626 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
frontend/src/modals/StreamModal.tsx
View File

@@ -205,54 +205,84 @@ export function StreamModal({ id, onClose }: Props) {
</Field>
</div>
</div>
<div className="mb-3">
<div className="form-label">Protocols</div>
<Field name="tcpForwarding">
{({ field }: any) => (
<label className="form-check form-switch">
<input
className="form-check-input"
type="checkbox"
name={field.name}
checked={field.value}
onChange={(e: any) => {
setFieldValue(field.name, e.target.checked);
if (!e.target.checked) {
setFieldValue("udpForwarding", true);
}
}}
/>
<span className="form-check-label">
<div className="my-3">
<h3 className="py-2">
{intl.formatMessage({ id: "host.flags.protocols" })}
</h3>
<div className="divide-y">
<div>
<label className="row" htmlFor="tcpForwarding">
<span className="col">
{intl.formatMessage({
id: "streams.tcp",
})}
</span>
<span className="col-auto">
<Field name="tcpForwarding" type="checkbox">
{({ field }: any) => (
<label className="form-check form-check-single form-switch">
<input
id="tcpForwarding"
className="form-check-input"
type="checkbox"
name={field.name}
checked={field.value}
onChange={(e: any) => {
setFieldValue(
field.name,
e.target.checked,
);
if (!e.target.checked) {
setFieldValue(
"udpForwarding",
true,
);
}
}}
/>
</label>
)}
</Field>
</span>
</label>
)}
</Field>
<Field name="udpForwarding">
{({ field }: any) => (
<label className="form-check form-switch">
<input
className="form-check-input"
type="checkbox"
name={field.name}
checked={field.value}
onChange={(e: any) => {
setFieldValue(field.name, e.target.checked);
if (!e.target.checked) {
setFieldValue("tcpForwarding", true);
}
}}
/>
<span className="form-check-label">
</div>
<div>
<label className="row" htmlFor="udpForwarding">
<span className="col">
{intl.formatMessage({
id: "streams.udp",
})}
</span>
<span className="col-auto">
<Field name="udpForwarding" type="checkbox">
{({ field }: any) => (
<label className="form-check form-check-single form-switch">
<input
id="udpForwarding"
className="form-check-input"
type="checkbox"
name={field.name}
checked={field.value}
onChange={(e: any) => {
setFieldValue(
field.name,
e.target.checked,
);
if (!e.target.checked) {
setFieldValue(
"tcpForwarding",
true,
);
}
}}
/>
</label>
)}
</Field>
</span>
</label>
)}
</Field>
</div>
</div>
</div>
</div>
<div className="tab-pane" id="tab-ssl" role="tabpanel">