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

@@ -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}