pkp/pkp-lib#10820 Add showErrorFooter prop in Form and FormPage components

Author: blesildaramirez

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. */

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 {