Fix hostname/IP validation to prevent whitespace input in the SSL and Create New Service form (closes #114)
This commit is contained in:
@@ -25,6 +25,10 @@ export const useServiceSchema = () => {
|
||||
type: z.enum(["http", "ping", "tcp", "dns"]),
|
||||
url: z.string()
|
||||
.min(1, t("urlDomainHostRequired"))
|
||||
.refine(
|
||||
(value) => !/\s/.test(value),
|
||||
t("spacesNotAllowed")
|
||||
)
|
||||
.refine(
|
||||
(value) => value.trim().length > 0,
|
||||
t("enterValidUrlHostnameDomain")
|
||||
|
||||
@@ -17,27 +17,33 @@ import { alertConfigService, AlertConfiguration } from "@/services/alertConfigSe
|
||||
import { sslNotificationTemplateService, SslNotificationTemplate } from "@/services/sslNotificationTemplateService";
|
||||
import { useLanguage } from "@/contexts/LanguageContext";
|
||||
|
||||
const formSchema = z.object({
|
||||
domain: z.string().min(1, "Domain is required"),
|
||||
warning_threshold: z.coerce.number().int().min(1).max(365),
|
||||
expiry_threshold: z.coerce.number().int().min(1).max(30),
|
||||
notification_channels: z.array(z.string()).optional(),
|
||||
alert_template: z.string().optional(),
|
||||
check_interval: z.coerce.number().int().min(1).max(30).optional()
|
||||
});
|
||||
|
||||
interface AddSSLCertificateFormProps {
|
||||
onSubmit: (data: AddSSLCertificateDto) => Promise<void>;
|
||||
onCancel: () => void;
|
||||
isPending?: boolean;
|
||||
}
|
||||
|
||||
export const AddSSLCertificateForm = ({
|
||||
onSubmit,
|
||||
export const AddSSLCertificateForm = ({
|
||||
onSubmit,
|
||||
onCancel,
|
||||
isPending = false
|
||||
isPending = false
|
||||
}: AddSSLCertificateFormProps) => {
|
||||
const { t } = useLanguage();
|
||||
|
||||
const formSchema = z.object({
|
||||
domain: z.string()
|
||||
.min(1, t("domain") + " is required")
|
||||
.refine(
|
||||
(value) => !/\s/.test(value),
|
||||
t("spacesNotAllowed")
|
||||
),
|
||||
warning_threshold: z.coerce.number().int().min(1).max(365),
|
||||
expiry_threshold: z.coerce.number().int().min(1).max(30),
|
||||
notification_channels: z.array(z.string()).optional(),
|
||||
alert_template: z.string().optional(),
|
||||
check_interval: z.coerce.number().int().min(1).max(30).optional()
|
||||
});
|
||||
|
||||
const [alertConfigs, setAlertConfigs] = useState<AlertConfiguration[]>([]);
|
||||
const [sslTemplates, setSslTemplates] = useState<SslNotificationTemplate[]>([]);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
@@ -78,7 +84,7 @@ export const AddSSLCertificateForm = ({
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
fetchData();
|
||||
}, [t]);
|
||||
|
||||
@@ -89,16 +95,16 @@ export const AddSSLCertificateForm = ({
|
||||
domain: values.domain,
|
||||
warning_threshold: values.warning_threshold,
|
||||
expiry_threshold: values.expiry_threshold,
|
||||
notification_channel: values.notification_channels && values.notification_channels.length > 0
|
||||
? values.notification_channels.join(',')
|
||||
notification_channel: values.notification_channels && values.notification_channels.length > 0
|
||||
? values.notification_channels.join(',')
|
||||
: '',
|
||||
notification_id: values.notification_channels && values.notification_channels.length > 0
|
||||
? values.notification_channels.join(',')
|
||||
notification_id: values.notification_channels && values.notification_channels.length > 0
|
||||
? values.notification_channels.join(',')
|
||||
: '',
|
||||
template_id: values.alert_template && values.alert_template !== 'none' ? values.alert_template : '',
|
||||
check_interval: values.check_interval
|
||||
};
|
||||
|
||||
|
||||
await onSubmit(certData);
|
||||
form.reset();
|
||||
} catch (error) {
|
||||
@@ -136,7 +142,7 @@ export const AddSSLCertificateForm = ({
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<FormField
|
||||
control={form.control}
|
||||
@@ -154,7 +160,6 @@ export const AddSSLCertificateForm = ({
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="expiry_threshold"
|
||||
@@ -189,7 +194,6 @@ export const AddSSLCertificateForm = ({
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="notification_channels"
|
||||
@@ -197,7 +201,7 @@ export const AddSSLCertificateForm = ({
|
||||
<FormItem>
|
||||
<FormLabel>{t('notificationChannel')} (Multi-select)</FormLabel>
|
||||
<div className="space-y-3">
|
||||
<Select
|
||||
<Select
|
||||
onValueChange={handleAddNotificationChannel}
|
||||
value=""
|
||||
>
|
||||
@@ -247,7 +251,7 @@ export const AddSSLCertificateForm = ({
|
||||
)}
|
||||
</div>
|
||||
<FormDescription className="flex items-center gap-1">
|
||||
<Bell className="h-4 w-4" />
|
||||
<Bell className="h-4 w-4" />
|
||||
{t('whereToSend')}
|
||||
</FormDescription>
|
||||
<FormMessage />
|
||||
@@ -289,7 +293,6 @@ export const AddSSLCertificateForm = ({
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<DialogFooter>
|
||||
<Button type="button" variant="outline" onClick={onCancel}>{t('cancel')}</Button>
|
||||
<Button type="submit" disabled={isPending || isLoading}>
|
||||
|
||||
@@ -88,6 +88,7 @@ export const servicesTranslations: ServicesTranslations = {
|
||||
serviceNameRequired: "Service name is required",
|
||||
urlDomainHostRequired: "URL/Domain/Host is required",
|
||||
enterValidUrlHostnameDomain: "Please enter a valid URL, hostname, or domain",
|
||||
spacesNotAllowed: "Spaces are not allowed",
|
||||
|
||||
// Dashboard
|
||||
upServices: "UP SERVICES",
|
||||
|
||||
@@ -88,6 +88,7 @@ export const servicesTranslations: ServicesTranslations = {
|
||||
serviceNameRequired: "តម្រូវឱ្យមានឈ្មោះសេវាកម្ម",
|
||||
urlDomainHostRequired: "តម្រូវឱ្យមាន URL/ដែន/ម៉ាស៊ីន",
|
||||
enterValidUrlHostnameDomain: "សូមបញ្ចូល URL, ឈ្មោះម៉ាស៊ីន ឬដែនដែលត្រឹមត្រូវ",
|
||||
spacesNotAllowed: "មិនអនុញ្ញាតឱ្យមានចន្លោះទំនេរទេ",
|
||||
|
||||
// Dashboard
|
||||
upServices: "សេវាកម្មដំណើរការ",
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
|
||||
export interface ServicesTranslations {
|
||||
|
||||
serviceStatus: string;
|
||||
uptime: string;
|
||||
lastChecked: string;
|
||||
noServices: string;
|
||||
currentlyMonitoring: string;
|
||||
retry: string;
|
||||
overview: string;
|
||||
newService: string;
|
||||
rowsPerPage: string;
|
||||
search: string;
|
||||
allTypes: string;
|
||||
createNewService: string;
|
||||
createNewServiceDesc: string;
|
||||
serviceStatus: string;
|
||||
uptime: string;
|
||||
lastChecked: string;
|
||||
noServices: string;
|
||||
currentlyMonitoring: string;
|
||||
retry: string;
|
||||
overview: string;
|
||||
newService: string;
|
||||
rowsPerPage: string;
|
||||
search: string;
|
||||
allTypes: string;
|
||||
createNewService: string;
|
||||
createNewServiceDesc: string;
|
||||
|
||||
// ServiceBasicFields.tsx
|
||||
serviceName: string;
|
||||
@@ -87,6 +87,7 @@ export interface ServicesTranslations {
|
||||
serviceNameRequired: string;
|
||||
urlDomainHostRequired: string;
|
||||
enterValidUrlHostnameDomain: string;
|
||||
spacesNotAllowed: string;
|
||||
|
||||
// Dashboard
|
||||
upServices: string;
|
||||
|
||||
@@ -112,4 +112,5 @@ export interface SSLTranslations {
|
||||
lastNotification: string;
|
||||
collectionId: string;
|
||||
noCertificatesFound: string;
|
||||
spacesNotAllowed: string;
|
||||
}
|
||||
Reference in New Issue
Block a user