[Frontend] Tasks & Discussions in Submission Workflow Page

[blesildaramirez]

Description:

Implement UI for managing tasks and discussions in the submission workflow page.
This feature is behind the config flag: enable_new_discussions = On

Desk Review Tasks & Discussions

Table/List

• Group entries by: Yet to Begin, In Progress, Completed, sort by oldest to newest.
• Columns
  • Name: Type (Task/Discussion), clickable title, creator name
  • Activity: Most recent activity log or thread activity logs
  • Due Date: Tasks only
  • Started: Checkbox for tasks (confirm modal to start, disabled if started), hidden for discussions
  • Closed: Checkbox (confirm modal to complete for tasks/discussions or reopen for discussions), disabled if task is closed.
  • Actions:
    • Edit (disabled for closed task/discussions)
    • Add Task Details (discussions only), opens the edit modal with "Add task information" checkbox ticked.
    • History [temporarily disabled until the API is ready]
    • Delete (confirm modal to delete the task/discussion)

Adding a new Task/Discussion

• "Add" button opens side modal form
• Fields:
  • Details group:
    • Templates selection - see the Selecting a template section below for details. [temporarily disabled until the API is ready]
    • Name (required)
    • Participants (required) [options include all the participants for the submission, reviewers assigned to that stage, and the site admin if they are the currently logged in user.]
  • Task Details:
    • Enter task information checkbox
    • Due Date (required)
    • Responsible to complete this task (required) [options are the selected participants from the Participants field]
    • Dropdown with option to "Begin task upon saving" or "Create Task (Do Not Start)"
  • Discussion:
    • Message (required) [temporarily disabled until the API is ready]
• Validations:
  • Discussions must have at least 2 participants
  • Tasks: “Begin task upon saving” -> status = "In Progress", otherwise "Yet to Begin"
  • Cancel/close warns on unsaved changes

Viewing a Task/Discussion

• Click name -> opens View modal
• Modal Title = name + status, with Edit button (disabled if closed)
• Show participants, due date, responsible, messages/replies
• Task status checkbox: Start/Complete
• Started tasks, show:
  • Started By [temporarily disabled until the API is ready]
  • Start Date
• Allow adding new messages [temporarily disabled until the API is ready]
• Cancel/close warns on unsaved changes

Editing a Task/Discussion

• Triggered via Edit button in table or View modal
• Side modal form with fields same with Add form
• Disabled fields:
  • Enter task information (disabled if item is a task)
  • Dropdown with option to "Begin task upon saving" or "Create Task (Do Not Start)"
• Validation as add form
• Update the headnote/first message of the task/discussion [temporarily disabled until the API is ready]
• Cancel/close warns on unsaved changes

Selecting a template

[temporarily disabled until the API is ready]

• Adding a Task/Discussion: Users can select a template to prefill the name, participants (based on role), due date, and headnote.
• Editing a Task/Discussion: If a template is selected, warn the user that it will override the existing name, participants (based on role), due date, and headnote.

What application are you using?
OJS, OMP or OPS main branch

Additional information
Mockups can be found in this link: https://miro.com/app/board/uXjVLjmM3rU=/?moveToWidget=3458764621555035976&cot=14

---

Development Updates

Branch name used: blesildaramirez:i11825

Pull requests
ui-library:
pkp/ui-library#652 Tasks and Discussions (templates/ui components) (merged)
pkp/ui-library#653 Table component updates (multi-level headers) (merged)
pkp/ui-library#655 Add form (Submission workflow) (merged)
pkp/ui-library#680 Edit & view forms (Submission workflow) (merged)
pkp/ui-library#691 Handle status updates on table listing and in view form (merged)
pkp/ui-library#699 Api integration for managing submission tasks/discussions (merged)
pkp/ui-library#709 Implement API integration for headnote and adding messages

pkp-lib:
#11804 Add locale keys and feature flag for the new submission tasks and discussions (merged)
#11869 Update translations related to tak/discussion form

ojs:
pkp/ojs#5071 Add feature flag to enable the new tasks/discussions component (merged)

omp:
pkp/omp#2121 Add feature flag to enable the new tasks/discussions component (merged)

ops:
pkp/ops#1094 Add feature flag to enable the new tasks/discussions component (merged)