pkp/pkp-lib#10779 Help button adjustments WIP

src/components/HelpButton/HelpButton.vue

@@ -6,7 +6,9 @@
 		@click.prevent
 	>
 		<Icon class="h-5 w-5 text-primary" icon="Help" />
-		<span class="-screenReader">{{ label }}</span>
+		<span :class="!showLabel ? '-screenReader' : ''">
+			{{ label || t('help.help') }}
+		</span>
 	</button>
 </template>
 
@@ -27,7 +29,13 @@ export default {
 		/** A localized label for screen readers. In English this should be "Help". */
 		label: {
 			type: String,
-			required: true,
+			required: false,
+			default: null,
+		},
+		showLabel: {
+			type: Boolean,
+			required: false,
+			default: false,
 		},
 	},
 };

src/pages/workflow/WorkflowPageOJS.vue

@@ -27,6 +27,7 @@ import WorkflowChangeSubmissionLanguage from './components/publication/WorkflowC
 import WorkflowPrimaryBasicMetadata from './components/primary/WorkflowPrimaryBasicMetadata.vue';
 import WorkflowSubmissionStatus from './components/primary/WorkflowSubmissionStatus.vue';
 import WorkflowPublicationEditDisabled from './components/publication/WorkflowPublicationEditDisabled.vue';
+import HelpButton from '@/components/HelpButton/HelpButton.vue';
 
 import {useWorkflowConfigOJS as useWorkflowConfig} from './composables/useWorkflowConfig/useWorkflowConfigOJS';
 import {useWorkflowNavigationConfigOJS as useWorkflowNavigationConfig} from './composables/useWorkflowNavigationConfig/useWorkflowNavigationConfigOJS';
@@ -56,6 +57,7 @@ const Components = markRaw({
 	WorkflowChangeSubmissionLanguage,
 	WorkflowSubmissionStatus,
 	WorkflowPublicationEditDisabled,
+	HelpButton,
 });
 
 const store = useWorkflowStore({

src/pages/workflow/composables/useWorkflowConfig/workflowConfigEditorialOJS.js

@@ -162,6 +162,14 @@ export const WorkflowConfig = {
 				},
 			});
 
+			items.push({
+				component: 'HelpButton',
+				props: {
+					topic: 'editorial-workflow/submission',
+					showLabel: true,
+				},
+			});
+
 			return items;
 		},