diff --git a/public/globals.js b/public/globals.js
index 9e0dbf984..8ffd917d6 100644
--- a/public/globals.js
+++ b/public/globals.js
@@ -431,6 +431,10 @@ window.pkp = {
'form.errorOne': 'Please correct one error.',
'form.errors':
'The form was not saved because {$count} error(s) were encountered. Please correct these errors and try again.',
+ 'form.errorSummaryOne':
+ '1 error detected! Please correct the error below before proceeding.',
+ 'form.errorSummaryMany':
+ '{$count} errors detected! Please correct the errors below before proceeding.',
'form.multilingualLabel': '{$label} in {$localeName}',
'form.multilingualProgress': '{$count}/{$total} languages completed',
'form.saved': 'Saved',
@@ -454,8 +458,8 @@ window.pkp = {
'grid.noItems': 'No Items',
'grid.user.confirmLogInAs':
'Log in as this user? All actions you perform will be attributed to this user.',
- 'grid.user.currentUsers':'Current Users',
- 'grid.action.mergeUser':'Merge User',
+ 'grid.user.currentUsers': 'Current Users',
+ 'grid.action.mergeUser': 'Merge User',
'help.help': 'Help',
'informationCenter.informationCenter': 'Information Center',
'invitation.cancelInvite.actionName': 'Cancel Invite',
diff --git a/src/components/Form/Form.stories.js b/src/components/Form/Form.stories.js
index 9a91c90e0..497dd0c36 100644
--- a/src/components/Form/Form.stories.js
+++ b/src/components/Form/Form.stories.js
@@ -133,32 +133,34 @@ export const WithErrorSummary = {
components: {PkpForm: Form, FormErrorSummary},
setup() {
const {get, set, components} = useContainerStateManager();
- const errors = {
- email: ['Please provide a valid email address'],
- affiliation: {
- en: ['You must enter your affiliation in English.'],
- fr_CA: ['You must enter your affiliation in French.'],
- ar: ['You must enter your affiliation in Arabic.'],
- },
- 'user-locales': ['You must select at least two options.'],
- bio: {
- en: ['Please provide a bio statement to accompany your publication.'],
- },
- country: ['Please select your country.'],
- 'mailing-address': [
- 'You must enter a mailing address where you can receive post.',
- ],
- };
- set('errorSummary', {
+ set('example', {
...FormUser,
...args,
- errors,
+ errors: {
+ email: ['Please provide a valid email address'],
+ affiliation: {
+ en: ['You must enter your affiliation in English.'],
+ fr_CA: ['You must enter your affiliation in French.'],
+ ar: ['You must enter your affiliation in Arabic.'],
+ },
+ 'user-locales': ['You must select at least two options.'],
+ bio: {
+ en: [
+ 'Please provide a bio statement to accompany your publication.',
+ ],
+ },
+ country: ['Please select your country.'],
+ 'mailing-address': [
+ 'You must enter a mailing address where you can receive post.',
+ ],
+ },
});
- return {args, errors, get, set, components};
+
+ return {args, get, set, components};
},
template: `
-
-
+
+
`,
}),
diff --git a/src/components/Form/FormErrorSummary.vue b/src/components/Form/FormErrorSummary.vue
index 3fa04d4bd..cd2aad382 100644
--- a/src/components/Form/FormErrorSummary.vue
+++ b/src/components/Form/FormErrorSummary.vue
@@ -15,6 +15,9 @@