workflow wip

src/components/TableNext/TableColumn.vue

@@ -2,7 +2,7 @@
 	<th
 		scope="col"
 		:aria-sort="props.allowsSorting ? tableContext.sortDirection : undefined"
-		class="whitespace-nowrap border-b border-t border-light px-2 py-4 text-start text-base-normal uppercase first:border-s first:ps-3 last:border-e last:pe-3"
+		class="whitespace-nowrap border-b border-t border-light px-2 py-4 text-start text-base-normal uppercase text-heading first:border-s first:ps-3 last:border-e last:pe-3"
 	>
 		<template v-if="props.allowsSorting">
 			<button class="flex items-center" @click="tableContext.onSort(id)">

src/composables/useSubmission.js

@@ -31,6 +31,12 @@ export function useSubmission() {
 		return submission.stages.find((stage) => stage.isActiveStage);
 	}
 
+	function getReviewAssignmentsForRound(submission, roundId) {
+		return submission.reviewAssignments.filter(
+			(reviewAssignment) => reviewAssignment.roundId === roundId,
+		);
+	}
+
 	function getCurrentReviewRound(
 		submission,
 		stageId = pkp.const.WORKFLOW_STAGE_ID_EXTERNAL_REVIEW,
@@ -81,7 +87,9 @@ export function useSubmission() {
 
 	function getExtendedStage(submission) {
 		const activeStage = getActiveStage(submission);
-
+		if (submission.status === pkp.const.STATUS_DECLINED) {
+			return ExtendedStages.DECLINED;
+		}
 		switch (activeStage.id) {
 			case pkp.const.WORKFLOW_STAGE_ID_SUBMISSION:
 				return submission.submissionProgress
@@ -99,8 +107,6 @@ export function useSubmission() {
 						return ExtendedStages.PRODUCTION_SCHEDULED;
 					case pkp.const.STATUS_PUBLISHED:
 						return ExtendedStages.PRODUCTION_PUBLISHED;
-					case pkp.const.STATUS_DECLINED:
-						return ExtendedStages.PRODUCTION_DECLINED;
 				}
 		}
 	}
@@ -149,5 +155,6 @@ export function useSubmission() {
 		getFileStageFromWorkflowStage,
 		hasNotSubmissionStartedStage,
 		hasSubmissionPassedStage,
+		getReviewAssignmentsForRound,
 	};
 }

src/managers/ParticipantManager/ParticipantManager.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="border border-light">
 		<div class="flex items-center justify-between bg-default p-5">
-			<h3 class="text-2xl-bold uppercase text-default">
+			<h3 class="text-2xl-bold uppercase text-heading">
 				{{ t('editor.submission.stageParticipants') }}
 			</h3>
 			<PkpButton @click="participantManagerStore.handleAction(Actions.ASSIGN)">

src/managers/ReviewerManager/ReviewerManager.vue

@@ -74,6 +74,7 @@ const headingId = generateId();
 
 const props = defineProps({
 	submission: {type: Object, required: true},
+	reviewRoundId: {type: Number, required: true},
 	redactedForAuthors: {type: Boolean, required: false, default: false},
 });
 

src/managers/ReviewerManager/reviewerManagerStore.js

@@ -1,21 +1,26 @@
 import {computed} from 'vue';
 import {defineComponentStore} from '@/utils/defineComponentStore';
 import {useReviewAssignment} from '@/composables/useReviewAssignment';
-
+import {useSubmission} from '@/composables/useSubmission';
 export const useReviewerManagerStore = defineComponentStore(
 	'reviewerManagerStore',
 	(props) => {
 		const {getReviewMethodIcons, getOpenReviewAssignments} =
 			useReviewAssignment();
 
-		// todo get only review assignment for current round
+		const {getReviewAssignmentsForRound} = useSubmission();
 
 		const reviewAssignments = computed(() => {
+			const reviewAssignmentsForSelectedRound = getReviewAssignmentsForRound(
+				props.submission,
+				props.reviewRoundId,
+			);
+
 			if (props.redactedForAuthors) {
-				return getOpenReviewAssignments(props.submission?.reviewAssignments);
+				return getOpenReviewAssignments(reviewAssignmentsForSelectedRound);
 			}
 
-			return props.submission?.reviewAssignments;
+			return reviewAssignmentsForSelectedRound;
 		});
 
 		return {

src/pages/dashboard/DashboardPage.mdx

@@ -7,4 +7,3 @@ import * as DashboardPage from './DashboardPage.stories.js';
 # DashboardPage page
 
 <ArgTypes />
-./DashboardPage.stories.js