Restrict the user to add multiple rows of data when it is a MultiInputField inside a page (#201)

Author: nuwan-samarasinghe

fsd_config/form_jsons/pfn_rp/pfn-rp-payment-profile-and-spend-forecast.json

@@ -248,7 +248,8 @@
                 "customText": {
                     "samePageTitle": "Capacity funding spend forecast",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -402,7 +403,8 @@
                 "customText": {
                     "samePageTitle": "Programme delivery funding (capital) spend forecast",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -555,7 +557,8 @@
                 "customText": {
                     "samePageTitle": "Programme delivery funding (revenue) spend forecast",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -706,7 +709,8 @@
                 "customText": {
                     "samePageTitle": "Pre-approved interventions spend forecast (Year 1)",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -837,7 +841,8 @@
                 "customText": {
                     "samePageTitle": "Pre-approved interventions spend forecast (Year 2)",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -968,7 +973,8 @@
                 "customText": {
                     "samePageTitle": "Pre-approved interventions spend forecast (Year 3)",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -1099,7 +1105,8 @@
                 "customText": {
                     "samePageTitle": "Pre-approved interventions spend forecast (Year 4)",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -1186,7 +1193,8 @@
                 "customText": {
                     "samePageTitle": "Off-menu interventions spend forecast",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -1273,7 +1281,8 @@
                 "customText": {
                     "samePageTitle": "Management costs spend forecast",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         },
@@ -1361,7 +1370,8 @@
                 "customText": {
                     "samePageTitle": "Unknown uses of funding forecast",
                     "samePageTableItemName": ""
-                }
+                },
+                "maxMultiInputFieldRows": 1
             },
             "controller": "RepeatingFieldPageController"
         }
@@ -1391,4 +1401,4 @@
         "url": ""
     },
     "phaseBanner": {}
-}
+}

runner/src/server/plugins/engine/views/partials/form.html

@@ -5,12 +5,23 @@
     <input type="hidden" name="crumb" value="{{ crumb }}"/>
 
     {% if page.isRepeatingFieldPageController and details %}
-        {{ componentList(components) }}
-        {{ govukButton({
-            attributes: { id: "add-another"},
-            classes: "govuk-button govuk-button--secondary",
-            text: page.saveText
-        }) }}
+        {# maxMultiInputFieldRows allow the users to control how many data rows that can be added in MultiInputField component in a page #}
+        {% if not page.options.maxMultiInputFieldRows or not details.rows.length or page.options.maxMultiInputFieldRows > details.rows.length %}
+            {{ componentList(components) }}
+            {{ govukButton({
+                attributes: { id: "add-another" },
+                classes: "govuk-button govuk-button--secondary",
+                text: page.saveText
+            }) }}
+        {% else %}
+            {% set filteredComponents = [] %}
+            {% for component in components %}
+                {% if component.type != "MultiInputField" %}
+                    {% set _ = filteredComponents.push(component) %}
+                {% endif %}
+            {% endfor %}
+            {{ componentList(filteredComponents) }}
+        {% endif %}
         {% if page.options.customText.samePageTitle %}
             <table class="govuk-table">
                 <caption