From 7a898b825bcd2ad042c47dabf7d769208f08ac70 Mon Sep 17 00:00:00 2001
From: Blesilda Ramirez <ramirezblesilda@gmail.com>
Date: Sat, 25 Jan 2025 00:25:02 -0500
Subject: [PATCH] pkp/pkp-lib#10820 Add showErrorFooter prop in Form and
 FormPage components

---
 src/components/Form/Form.vue     | 8 ++++++++
 src/components/Form/FormPage.vue | 8 +++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/Form/Form.vue b/src/components/Form/Form.vue
index cd3555845..2a5512260 100644
--- a/src/components/Form/Form.vue
+++ b/src/components/Form/Form.vue
@@ -61,6 +61,7 @@
 				:visible-locales="visibleLocales"
 				:available-locales="availableLocales"
 				:is-saving="isSaving"
+				:show-error-footer="showErrorFooter"
 				@change="fieldChanged"
 				@page-submitted="nextPage"
 				@previous-page="setCurrentPage(false)"
@@ -135,6 +136,13 @@ export default {
 		 *  Async function, receiving data from form and returning {validationError, data} from useFetch
 		 */
 		customSubmit: Function,
+		/** If the error summary is shown in the form's footer. */
+		showErrorFooter: {
+			type: Boolean,
+			default() {
+				return true;
+			},
+		},
 	},
 	emits: [
 		/** When the form props need to be updated. The payload is an object with any keys that need to be modified. */
diff --git a/src/components/Form/FormPage.vue b/src/components/Form/FormPage.vue
index 72af383a4..e20b01527 100644
--- a/src/components/Form/FormPage.vue
+++ b/src/components/Form/FormPage.vue
@@ -20,7 +20,7 @@
 			aria-live="polite"
 		>
 			<FormErrors
-				v-if="Object.keys(errors).length"
+				v-if="Object.keys(errors).length && showErrorFooter"
 				:errors="errors"
 				:fields="fields"
 				@showField="showField"
@@ -108,6 +108,12 @@ export default {
 			},
 		},
 		isSaving: Boolean,
+		showErrorFooter: {
+			type: Boolean,
+			default() {
+				return true;
+			},
+		},
 	},
 	data() {
 		return {