Merge pull request #121 from alberto-bottarini/master

Add validation for nested form
yassilah · Jan 15, 2021 · d67f6e1 · d67f6e1
2 parents 3fb8f76 + 9d2ed91
commit d67f6e1
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 67 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/NestedFormField.vue b/resources/js/components/NestedFormField.vue
@@ -7,6 +7,13 @@
         : 'nova-nested-form-without-content'
     "
   >
+    <help-text    
+      class="error-text mt-2 text-danger p-4"
+      v-if="hasError"
+    >
+      {{ firstError }}
+    </help-text>
+
     <template v-if="shouldDisplay()">
       <template v-if="field.children && field.children.length > 0">
         <card
@@ -15,7 +22,11 @@
           v-for="(child, childIndex) in field.children"
           v-bind:style="getStyle(childIndex)"
         >
-          <nested-form-header :child="child" :field="field" />
+          <nested-form-header
+            :child="child"
+            :field="field"
+          />
+
           <component
             :conditions="conditions"
             :errors="errors"

diff --git a/src/NestedForm.php b/src/NestedForm.php
@@ -298,6 +298,16 @@ public function min(int $min)
         return $this->returnContext;
     }
 
+    /**
+     * Set custom validation rules.
+     */
+    public function rules($rules)
+    {
+        parent::rules($rules);
+
+        return $this->returnContext;
+    }
+
     /**
      * Set the condition to display the form.
      */

diff --git a/yarn-error.log b/yarn-error.log