Multiple author affiliations

public/globals.js

@@ -427,8 +427,7 @@ window.pkp = {
 		'invitation.role.addRole.button': 'Add Another Role',
 		'invitation.role.dateStart': 'Start Date',
 		'invitation.role.masthead': 'Journal Masthead',
-		'invitation.role.removeRole.button':
-			'Remove Role',
+		'invitation.role.removeRole.button': 'Remove Role',
 		'invitation.role.selectRole': 'Select a new role',
 		'invitation.wizard.completeSteps': '##invitation.wizard.completeSteps##',
 		'invitation.wizard.errors': '##invitation.wizard.errors##',
@@ -686,50 +685,68 @@ window.pkp = {
 		'user.password': 'Password',
 		'user.username': 'Username',
 		'validator.required': 'This field is required.',
-		'invitation.notification.closeBtn':'View all users',
-		'invitation.orcid.acceptInvitation.message':'Not verified. You can verify your ORCID iD from your profile section in OJS',
-		'userInvitation.emailField.description':'e.g. aeinstein@example.com',
-		'userInvitation.usernameField.description':'e.g. mickeymouse',
-		'userInvitation.orcidField.description':'e.g. 0000-0000-0000-0000',
-		'userInvitation.roleTable.role':'Role',
-		'userInvitation.roleTable.startDate':'Start Date',
-		'userInvitation.roleTable.endDate':'End Date',
-		'userInvitation.roleTable.journalMasthead':'Journal Masthead',
-		'userInvitation.modal.title':'Invitation Sent',
-		'userInvitation.modal.message':'{$email} has been invited to new role in OJS.You can be updated about users on the User and Roles page, your ojs notification and/ or your email',
-		'userInvitation.modal.button':'View All Users',
-		'acceptInvitation.usernameField.description':'It should be 10 characters long and could be a combination of uppercase letters, lowercase letters or numbers',
-		'acceptInvitation.passwordField.description':'It should be 12 characters long and should be a combination of uppercase letters, lowercase letters, numbers and symbols',
-		'acceptInvitation.review.userDetails':'User Details',
-		'acceptInvitation.review.accountDetails':'Account Details',
-		'acceptInvitation.verifyOrcid':'Verify ORCID iD',
-		'acceptInvitation.skipVerifyOrcid':'Skip ORCID verification',
-		'acceptInvitation.modal.title':"You've been assigned a new role in OJS",
-		'acceptInvitation.modal.message':'Congratulations on your new role in OJS! You might now have access to new options. If you need assistance navigating the system, please click on the “Help” buttons throughout the interface for guidance',
-		'acceptInvitation.modal.button':'View All Submissions',
-		'acceptInvitation.privacyStatement.btn':'Privacy Statement',
-		'acceptInvitation.privacyStatement.label':'Yes, I agree to have my data collected and stored according to the {$url}',
+		'invitation.notification.closeBtn': 'View all users',
+		'invitation.orcid.acceptInvitation.message':
+			'Not verified. You can verify your ORCID iD from your profile section in OJS',
+		'userInvitation.emailField.description': 'e.g. aeinstein@example.com',
+		'userInvitation.usernameField.description': 'e.g. mickeymouse',
+		'userInvitation.orcidField.description': 'e.g. 0000-0000-0000-0000',
+		'userInvitation.roleTable.role': 'Role',
+		'userInvitation.roleTable.startDate': 'Start Date',
+		'userInvitation.roleTable.endDate': 'End Date',
+		'userInvitation.roleTable.journalMasthead': 'Journal Masthead',
+		'userInvitation.modal.title': 'Invitation Sent',
+		'userInvitation.modal.message':
+			'{$email} has been invited to new role in OJS.You can be updated about users on the User and Roles page, your ojs notification and/ or your email',
+		'userInvitation.modal.button': 'View All Users',
+		'acceptInvitation.usernameField.description':
+			'It should be 10 characters long and could be a combination of uppercase letters, lowercase letters or numbers',
+		'acceptInvitation.passwordField.description':
+			'It should be 12 characters long and should be a combination of uppercase letters, lowercase letters, numbers and symbols',
+		'acceptInvitation.review.userDetails': 'User Details',
+		'acceptInvitation.review.accountDetails': 'Account Details',
+		'acceptInvitation.verifyOrcid': 'Verify ORCID iD',
+		'acceptInvitation.skipVerifyOrcid': 'Skip ORCID verification',
+		'acceptInvitation.modal.title': "You've been assigned a new role in OJS",
+		'acceptInvitation.modal.message':
+			'Congratulations on your new role in OJS! You might now have access to new options. If you need assistance navigating the system, please click on the “Help” buttons throughout the interface for guidance',
+		'acceptInvitation.modal.button': 'View All Submissions',
+		'acceptInvitation.privacyStatement.btn': 'Privacy Statement',
+		'acceptInvitation.privacyStatement.label':
+			'Yes, I agree to have my data collected and stored according to the {$url}',
 		'invitation.cancel': 'Cancel Invite',
 		'invitation.inviteToRole.btn': 'Invite to a role',
 		'invitation.header': 'Invitation',
 		'invitation.tableHeader.name': 'Name',
 		'invitation.searchForm.emptyError': 'At least provide one search criteria.',
-		'invitation.cancelInvite.actionName':'Cancel Invite',
-		'invitation.cancelInvite.title':'Cancel Invitation',
-		'invitation.cancelInvite.message': 'Cancel the invitation sent to {$givenName} {$familyName} will deactivate acceptance link sent via email. Here are the invitation details:',
-		'invitation.role.modifyRole.button':'Modify Role',
-		'invitation.masthead.show':'Appear on the masthead',
-		'invitation.masthead.hidden':'Does not appear on the masthead',
-		'invitation.removeRoles':'Remove Role',
-		'invitation.management.options':'Invitation management options',
-		'userInvitation.cancel.message':'Are you sure wnat to cancel this invitation ?',
-		'userInvitation.cancel.keepWorking':'Keep Working',
-		'userInvitation.status.invited':'Invited {$date}',
-		'userInvitation.search.userNotFound':'The user does not have a role in this journal',
-		'userInvitation.search.userFound':'The user already exists in the journal',
-		'userInvitation.edit.title':'Edit Invitation',
-		'userInvitation.edit.message':'If you edit the existing invitation or add a new role, the current invitation will be canceled and, a new one will be sent. Are you sure you want to proceed?',
-		'invitation.step':'STEP',
+		'invitation.cancelInvite.actionName': 'Cancel Invite',
+		'invitation.cancelInvite.title': 'Cancel Invitation',
+		'invitation.cancelInvite.message':
+			'Cancel the invitation sent to {$givenName} {$familyName} will deactivate acceptance link sent via email. Here are the invitation details:',
+		'invitation.role.modifyRole.button': 'Modify Role',
+		'invitation.masthead.show': 'Appear on the masthead',
+		'invitation.masthead.hidden': 'Does not appear on the masthead',
+		'invitation.removeRoles': 'Remove Role',
+		'invitation.management.options': 'Invitation management options',
+		'userInvitation.cancel.message':
+			'Are you sure wnat to cancel this invitation ?',
+		'userInvitation.cancel.goBack': 'Go Back',
+		'userInvitation.status.invited': 'Invited {$date}',
+		'userInvitation.search.userNotFound':
+			'The user does not have a role in this journal',
+		'userInvitation.search.userFound': 'The user already exists in the journal',
+		'userInvitation.edit.title': 'Edit Invitation',
+		'userInvitation.edit.message':
+			'If you edit the existing invitation or add a new role, the current invitation will be canceled and, a new one will be sent. Are you sure you want to proceed?',
+		'invitation.step': 'STEP',
+		'acceptInvitation.cancelInvite.title': 'Cancel Role Invitation Process?',
+		'acceptInvitation.cancel.message':
+			"Are you sure you want to cancel? Canceling now will stop the role acceptance process, and you’ll need to restart from the invitation email to accept the role again.If you’re already a user, you’ll be taken back to the dashboard. If not, you’ll need to access the invitation email to start the process again.",
+		'acceptInvitation.cancelInvite.button': 'Cancel Invitation Process',
+		'acceptInvitation.authorization.shouldBeAnonymous':
+			"Invitation not accepted. You're logged in as a different user.",
+		'acceptInvitation.authorization.message':
+			'Please log out and sign in with the correct account to accept this invitation.',
 	},
 
 	tinyMCE: {

src/components/DropdownActions/DropdownActions.vue

@@ -124,7 +124,9 @@ const emit = defineEmits([
 ]);
 
 const emitAction = (action) => {
-	if (action.name) {
+	if (action.name && (action.id || action.id === 0)) {
+		emit('action', [action.name, action.id]);
+	} else if (action.name) {
 		emit('action', action.name);
 	}
 };

src/components/Form/FormGroup.vue

@@ -53,6 +53,7 @@
 </template>
 
 <script>
+import FieldAffiliations from './fields/FieldAffiliations.vue';
 import FieldArchivingPn from './fields/FieldArchivingPn.vue';
 import FieldAutosuggestPreset from './fields/FieldAutosuggestPreset.vue';
 import FieldBaseAutosuggest from './fields/FieldBaseAutosuggest.vue';
@@ -84,6 +85,7 @@ import {shouldShowFieldWithinGroup} from './formHelpers';
 export default {
 	name: 'FormGroup',
 	components: {
+		FieldAffiliations,
 		FieldArchivingPn,
 		FieldAutosuggestPreset,
 		FieldBaseAutosuggest,

src/components/Form/fields/FieldAffiliations.mdx

@@ -0,0 +1,26 @@
+import {Primary, Controls, Stories, Meta, ArgTypes} from '@storybook/blocks';
+
+import * as FieldAffiliationsStories from './FieldAffiliations.stories.js';
+
+<Meta of={FieldAffiliationsStories} />
+
+# FieldAffiliation
+
+## Usage
+
+A special component to maintain affiliations (institutions) of authors (contributors).
+
+The Affiliations currently saved are shown in a tabular way.
+
+The default locale name and a clickable status message is shown, which shows which translations are saved.
+The affiliation name can be retrieved from an API or entered manually.
+If retrieved from the API, the values will be read only.
+
+The data of the API is from a cached data dump from https://ror.org.
+Getting and saving the data dump is done with the classes in the namespace "PKP\ror".
+
+The `value` are an array of Affiliation objects.
+
+<Primary />
+<Controls />
+<Stories />

src/components/Form/fields/FieldAffiliations.stories.js

@@ -0,0 +1,40 @@
+import FieldAffiliations from './FieldAffiliations.vue';
+import FieldAffiliationsMock from '@/components/Form/mocks/field-affiliations';
+import {http, HttpResponse} from "msw";
+
+const args = {...FieldAffiliationsMock};
+
+export default {
+	title: 'Forms/FieldAffiliations',
+	component: FieldAffiliations,
+	args: {},
+	parameters: {
+		msw: {
+			handlers: [
+				http.get(
+					'https://mock/index.php/publicknowledge/api/v1/rors/?searchPhrase=Simon+Fraser+University',
+					async () => {
+						return HttpResponse.json(args.apiResponse);
+					},
+				),
+			],
+		},
+	},
+	render: (args) => ({
+		components: {FieldAffiliations},
+		setup() {
+			return {args}
+		},
+		template: `
+			<FieldAffiliations v-bind="args"/>`
+	}),
+	decorators: [
+		() => ({
+			template: '<div style="height: 600px"><story/></div>',
+		}),
+	],
+};
+
+export const Base = {
+	args: {...FieldAffiliationsMock},
+};