Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine

[Gantt Chart] - Add Activation/Stage Gate Buttons

Open
#2,499 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

difficult front-end
Dominant language
TypeScript
Stars
36
Forks
9
Avg merge
4d 21h
Merged PRs (30d)
11

Description

Description

Right now you have to click into a work package, click on the stage gate/ activate option in the dropdown, then fill out and submit the modal to stage gate or activate a work package from the Gantt Chart. Ideally you should be able to access this functionality directly from the Gantt Chart.

This ticket is to add an icon button next to each work package on the Gantt Chart when you're in edit mode for that team section (a button to activate it if the wp is inactive, and a button to stage gate it if the wp is active). The button should not show up if the wp is complete

Acceptance Criteria
  • Each inactive work package on the Gantt Chart should have an IconButton with the Icon KeyboardDoubleArrowUpIcon directly to the right of it in edit mode
  • When clicked the button should pop up the activate work package modal and create a new activate change request on submission
  • Each active work package on the Gantt Chart should have an IconButton with the Icon DoneOutlineIcon directly to the right of it in edit mode
  • When clicked the button should pop up the stage gate work package modal and create a new stage-gate change request on submission
Proposed Solution

You should be able to reuse the existing ActivateWorkPackageModal and StageGateWorkPackageModalContainers. The only weirdness may be in adding the button directly to the right of a work package bar on the Gantt Chart without messing up the resizing code.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the Gantt Chart work-package rendering and trace how edit mode, bar positioning, and resizing are handled. Review the existing ActivateWorkPackageModal and StageGateWorkPackageModalContainers, then connect the appropriate inactive or active icon button to each modal. Done means the buttons appear only in edit mode for incomplete work packages, open the correct modal, and create the corresponding change request on submission.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
62/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.