Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine
[Gantt Chart] - Add Activation/Stage Gate Buttons
Nobody has claimed this yet.
- 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
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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