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 @@