Change submission language

src/components/Container/WorkflowPage.vue

@@ -24,6 +24,7 @@ export default {
 		return {
 			activityLogLabel: '',
 			canAccessPublication: false,
+			canChangeLang: false,
 			canEditPublication: false,
 			currentPublication: null,
 			decisionUrl: '',
@@ -41,6 +42,7 @@ export default {
 			submissionFileApiUrl: '',
 			submissionLibraryLabel: '',
 			submissionLibraryUrl: '',
+			submissionSupportedLocales: [],
 			supportsReferences: false,
 			statusLabel: '',
 			unpublishConfirmLabel: '',
@@ -55,6 +57,7 @@ export default {
 			workingPublication: null,
 			isModalOpenedSelectRevisionDecision: false,
 			isModalOpenedSelectRevisionRecommendation: false,
+			isModalOpenedChangeSubmissionLanguage: false,
 		};
 	},
 	computed: {
@@ -104,6 +107,78 @@ export default {
 		},
 	},
 	methods: {
+		/**
+		 * Change submission language and update contributor props
+		 */
+		async changeSubmissionLanguage() {
+			const oldLocale = this.submission.locale;
+			const newLocale =
+				this.components[pkp.const.FORM_CHANGE_SUBMISSION_LANGUAGE_METADATA]
+					.primaryLocale;
+			const self = this;
+			return editContributors().then(
+				submitLang().then(() => {
+					this.isModalOpenedChangeSubmissionLanguage = false;
+				}, $.noop),
+				$.noop,
+			);
+
+			async function editContributors() {
+				if (newLocale === oldLocale) return;
+
+				return $.when(
+					...self.workingPublication.authors.map((author) => {
+						return send(
+							`${self.submissionApiUrl}/publications/${self.workingPublication.id}/contributors/${author.id}`,
+							edit(author),
+						);
+					}),
+				);
+
+				function edit(author) {
+					// Only edit if given name empty
+					if (author['givenName'][newLocale] !== '') return {};
+					return ['givenName', 'familyName', 'preferredPublicName'].reduce(
+						(editedProps, prop) => {
+							if (author[prop][newLocale] === '') {
+								editedProps[prop] = {[newLocale]: author[prop][oldLocale]};
+							}
+							return editedProps;
+						},
+						{},
+					);
+				}
+			}
+
+			async function submitLang() {
+				return send(self.submissionApiUrl, {locale: newLocale}, (r) =>
+					pkp.eventBus.$emit(
+						'form-success',
+						pkp.const.FORM_CHANGE_SUBMISSION_LANGUAGE,
+						r,
+					),
+				);
+			}
+
+			async function send(url, data, success = $.noop) {
+				return $.ajax({
+					url: url,
+					method: 'POST',
+					headers: {
+						'X-Csrf-Token': pkp.currentUser.csrfToken,
+						'X-Http-Method-Override': 'PUT',
+					},
+					data: data,
+					success(r) {
+						success(r);
+					},
+					error(r) {
+						self.ajaxErrorCallback(r);
+					},
+				});
+			}
+		},
+
 		/**
 		 * Create a new version of the latest publication
 		 */
@@ -509,6 +584,24 @@ export default {
 			});
 		},
 
+		/**
+		 * Update change submission language metadata form data, and at start add footer element with text
+		 */
+		updateSubmissionLangMetadataFormData(formId, data) {
+			this.set(formId, data);
+			const form = this.components[formId];
+			const oldLocale = form.primaryLocale;
+			const newLocale = data.fields ? data.fields[0].value : oldLocale;
+
+			if (newLocale === oldLocale) return;
+
+			form.primaryLocale = newLocale;
+			form.visibleLocales = [newLocale];
+			Object.keys(data).forEach(function (key) {
+				form[key] = data[key];
+			});
+		},
+
 		/**
 		 * Update a publication
 		 *
@@ -556,6 +649,10 @@ export default {
 				this.submission.currentPublicationId = newPublication.id;
 				this.refreshSubmission();
 			}
+
+			if (formId === pkp.const.FORM_CHANGE_SUBMISSION_LANGUAGE) {
+				window.location.reload();
+			}
 		});
 
 		/**
@@ -720,9 +817,23 @@ export default {
 	}
 }
 
+.pkpSubmission__localeNotSupported {
+	margin: 0 -2rem;
+	padding: 1rem;
+	background: @primary;
+	font-size: @font-sml;
+	color: #fff;
+	text-align: center;
+}
+
 // Integrate the grids in the publication tab
 .pkpWorkflow__contributors,
 #representations-grid {
 	padding-top: 2rem;
 }
+
+// Hide formlocales of change language metadata form
+#changeSubmissionLanguage form .pkpFormLocales {
+	display: none;
+}
 </style>

src/components/Container/WorkflowPageOMP.vue

@@ -38,7 +38,7 @@ export default {
 			const $chaptersEl = $(this.$refs.chapters);
 			const sourceUrl = this.chaptersGridUrl.replace(
 				'__publicationId__',
-				publication.id
+				publication.id,
 			);
 			if (!$.pkp.classes.Handler.hasHandler($chaptersEl)) {
 				$chaptersEl.pkpHandler('$.pkp.controllers.UrlInDivHandler', {
@@ -61,9 +61,13 @@ export default {
 
 		/**
 		 * Update the work type to be an edited volume
+		 * Update authors' isVolumeEditor to bool if null
 		 */
 		setAsEditedVolume() {
 			this.updateWorkType(this.getConstant('WORK_TYPE_EDITED_VOLUME'));
+			this.workingPublication.authors.forEach(
+				(author) => (author.isVolumeEditor = !!author.isVolumeEditor),
+			);
 		},
 
 		/**

src/components/Form/FormPage.vue

@@ -191,6 +191,9 @@ export default {
 			if (typeof group.showWhen === 'string') {
 				return !!whenField.value;
 			}
+			if (Array.isArray(group.showWhen[1])) {
+				return group.showWhen[1].includes(whenField.value);
+			}
 			return whenField.value === group.showWhen[1];
 		},
 

src/docs/components/WorkflowPage/readme.md

@@ -22,6 +22,7 @@ This is a root component. Learn about [page hydration](#/pages/pages).
 | `submissionApiUrl` | URL for the submissions REST API endpoint. |
 | `submissionLibraryLabel` | Label for the submission library button. |
 | `submissionLibraryUrl` | URL to get the submission library. |
+| `submissionSupportedLocales` | Array containing supported submission locale keys |
 | `supportsReferences` | Should the form for references be shown? |
 | `unpublishConfirmLabel` | Confirmation message before unpublishing a publication. |
 | `unpublishLabel` | Label for the unpublish button. |