add advanced toggle to targets table

This commit is contained in:
miloschwartz
2025-10-09 18:24:09 -07:00
committed by Pallavi Kumari
parent 2f5e6248cd
commit 24d564b79b
5 changed files with 525 additions and 615 deletions

View File

@@ -468,7 +468,8 @@
"createdAt": "Created At",
"proxyErrorInvalidHeader": "Invalid custom Host Header value. Use domain name format, or save empty to unset custom Host Header.",
"proxyErrorTls": "Invalid TLS Server Name. Use domain name format, or save empty to remove the TLS Server Name.",
"proxyEnableSSL": "Enable SSL (https)",
"proxyEnableSSL": "Enable SSL",
"proxyEnableSSLDescription": "Enable SSL/TLS encryption for secure HTTPS connections to your targets.",
"target": "Target",
"configureTarget": "Configure Targets",
"targetErrorFetch": "Failed to fetch targets",
@@ -497,7 +498,7 @@
"targetTlsSettings": "Secure Connection Configuration",
"targetTlsSettingsDescription": "Configure SSL/TLS settings for your resource",
"targetTlsSettingsAdvanced": "Advanced TLS Settings",
"targetTlsSni": "TLS Server Name (SNI)",
"targetTlsSni": "TLS Server Name",
"targetTlsSniDescription": "The TLS Server Name to use for SNI. Leave empty to use the default.",
"targetTlsSubmit": "Save Settings",
"targets": "Targets Configuration",
@@ -506,9 +507,21 @@
"targetStickySessionsDescription": "Keep connections on the same backend target for their entire session.",
"methodSelect": "Select method",
"targetSubmit": "Add Target",
"targetNoOne": "No targets. Add a target using the form.",
"targetNoOne": "This resource doesn't have any targets. Add a target to configure where to send requests to your backend.",
"targetNoOneDescription": "Adding more than one target above will enable load balancing.",
"targetsSubmit": "Save Targets",
"addTarget": "Add Target",
"targetErrorInvalidIp": "Invalid IP address",
"targetErrorInvalidIpDescription": "Please enter a valid IP address or hostname",
"targetErrorInvalidPort": "Invalid port",
"targetErrorInvalidPortDescription": "Please enter a valid port number",
"targetErrorNoSite": "No site selected",
"targetErrorNoSiteDescription": "Please select a site for the target",
"targetCreated": "Target created",
"targetCreatedDescription": "Target has been created successfully",
"targetErrorCreate": "Failed to create target",
"targetErrorCreateDescription": "An error occurred while creating the target",
"save": "Save",
"proxyAdditional": "Additional Proxy Settings",
"proxyAdditionalDescription": "Configure how your resource handles proxy settings",
"proxyCustomHeader": "Custom Host Header",
@@ -1412,6 +1425,7 @@
"externalProxyEnabled": "External Proxy Enabled",
"addNewTarget": "Add New Target",
"targetsList": "Targets List",
"advancedMode": "Advanced Mode",
"targetErrorDuplicateTargetFound": "Duplicate target found",
"healthCheckHealthy": "Healthy",
"healthCheckUnhealthy": "Unhealthy",

File diff suppressed because it is too large Load Diff

View File

@@ -107,7 +107,7 @@ export default function HealthCheckDialog({
useEffect(() => {
if (!open) return;
// Determine default scheme from target method
const getDefaultScheme = () => {
if (initialConfig?.hcScheme) {
@@ -177,7 +177,7 @@ export default function HealthCheckDialog({
render={({ field }) => (
<FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
<div className="space-y-0.5">
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("enableHealthChecks")}
</FormLabel>
<FormDescription>
@@ -210,7 +210,7 @@ export default function HealthCheckDialog({
name="hcScheme"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("healthScheme")}
</FormLabel>
<Select
@@ -250,7 +250,7 @@ export default function HealthCheckDialog({
name="hcHostname"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("healthHostname")}
</FormLabel>
<FormControl>
@@ -277,7 +277,7 @@ export default function HealthCheckDialog({
name="hcPort"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("healthPort")}
</FormLabel>
<FormControl>
@@ -308,7 +308,7 @@ export default function HealthCheckDialog({
name="hcPath"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("healthCheckPath")}
</FormLabel>
<FormControl>
@@ -338,7 +338,7 @@ export default function HealthCheckDialog({
name="hcMethod"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("httpMethod")}
</FormLabel>
<Select
@@ -390,7 +390,7 @@ export default function HealthCheckDialog({
name="hcInterval"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t(
"healthyIntervalSeconds"
)}
@@ -425,7 +425,7 @@ export default function HealthCheckDialog({
name="hcUnhealthyInterval"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t(
"unhealthyIntervalSeconds"
)}
@@ -460,7 +460,7 @@ export default function HealthCheckDialog({
name="hcTimeout"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("timeoutSeconds")}
</FormLabel>
<FormControl>
@@ -499,7 +499,7 @@ export default function HealthCheckDialog({
name="hcStatus"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("expectedResponseCodes")}
</FormLabel>
<FormControl>
@@ -541,7 +541,7 @@ export default function HealthCheckDialog({
name="hcHeaders"
render={({ field }) => (
<FormItem>
<FormLabel className="text-base font-semibold">
<FormLabel>
{t("customHeaders")}
</FormLabel>
<FormControl>

View File

@@ -1,4 +1,4 @@
import { Pencil } from "lucide-react";
import { Settings } from "lucide-react";
import {
Select,
SelectContent,
@@ -256,7 +256,7 @@ export function PathMatchDisplay({
<code className="text-sm flex-1 truncate" title={value.path}>
{value.path}
</code>
<Pencil className="h-3 w-3 shrink-0 opacity-70" />
<Settings className="h-4 w-4" />
</div>
);
}
@@ -287,7 +287,7 @@ export function PathRewriteDisplay({
<code className="text-sm flex-1 truncate" title={value.rewritePath || ""}>
{value.rewritePath || <span className="text-muted-foreground italic">(strip)</span>}
</code>
<Pencil className="h-3 w-3 shrink-0 opacity-70" />
<Settings className="h-4 w-4" />
</div>
);
}

View File

@@ -10,7 +10,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
return (
<textarea
className={cn(
"flex min-h-[80px] w-full rounded-md border border-input bg-card px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
"flex min-h-[80px] w-full rounded-md border border-input bg-card px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow]",
className
)}
ref={ref}