Merge pull request #370 from ConductionNL/fix/reference-fields

Added reference fields to Application and SecurityGroup forms
ConductionNL · Apr 22, 2024 · b48b21d · b48b21d
2 parents 254991a + c20ae75
commit b48b21d
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git a/pwa/src/templates/templateParts/applicationsForm/ApplicationsFormTemplate.tsx b/pwa/src/templates/templateParts/applicationsForm/ApplicationsFormTemplate.tsx
@@ -52,6 +52,7 @@ export const ApplicationsFormTemplate: React.FC<ApplicationFormTemplateProps> =
 
   const handleSetFormValues = (application: any): void => {
     const basicFields: string[] = [
+      "reference",
       "name",
       "description",
       "public",
@@ -84,6 +85,19 @@ export const ApplicationsFormTemplate: React.FC<ApplicationFormTemplateProps> =
     <form onSubmit={handleSubmit(onSubmit)} id={formId} className={styles.form}>
       <div className={styles.gridContainer}>
         <div className={styles.grid}>
+          <FormField>
+            <FormFieldInput>
+              <FormFieldLabel>{t("Reference")}</FormFieldLabel>
+              <InputText
+                {...{ register, errors }}
+                name="reference"
+                validation={enrichValidation({ required: true})}
+                disabled={isLoading.applicationForm}
+                ariaLabel={t("Enter reference")}
+              />
+            </FormFieldInput>
+          </FormField>
+
           <FormField>
             <FormFieldInput>
               <FormFieldLabel>{t("Name")}</FormFieldLabel>

diff --git a/pwa/src/templates/templateParts/securityGroupsForm/SecurityGroupFormTemplate.tsx b/pwa/src/templates/templateParts/securityGroupsForm/SecurityGroupFormTemplate.tsx
@@ -41,7 +41,7 @@ export const SecurityGroupFormTemplate: React.FC<SecurityGroupFormTemplateProps>
   };
 
   const handleSetFormValues = (): void => {
-    const basicFields: string[] = ["name", "description", "config"];
+    const basicFields: string[] = ["reference", "name", "description", "config"];
     basicFields.forEach((field) => setValue(field, securityGroup[field]));
 
     setValue(
@@ -62,6 +62,19 @@ export const SecurityGroupFormTemplate: React.FC<SecurityGroupFormTemplateProps>
     <form onSubmit={handleSubmit(onSubmit)} id={formId}>
       <div className={styles.gridContainer}>
         <div className={styles.grid}>
+          <FormField>
+            <FormFieldInput>
+              <FormFieldLabel>{t("Reference")}</FormFieldLabel>
+              <InputText
+                {...{ register, errors }}
+                name="reference"
+                validation={enrichValidation({ required: true})}
+                disabled={isLoading.securityGroupForm}
+                ariaLabel={t("Enter reference")}
+              />
+            </FormFieldInput>
+          </FormField>
+
           <FormField>
             <FormFieldInput>
               <FormFieldLabel>{t("Name")}</FormFieldLabel>