Skip to content

feat(Step Icon): Improve default option#2290

Open
hirokiterashima wants to merge 5 commits intodevelopfrom
issue-2286-step-icon-defaults
Open

feat(Step Icon): Improve default option#2290
hirokiterashima wants to merge 5 commits intodevelopfrom
issue-2286-step-icon-defaults

Conversation

@hirokiterashima
Copy link
Member

@hirokiterashima hirokiterashima commented Mar 16, 2026

Currently, we assign a gray hat icon for new steps and lessons. This makes the unit rather dull. This PR tries to improve this by making the unit more colorful and organized. We do this by changing the following:

  • New lesson icon will have a random color, grid icon ("dashboard" material icon)
  • New step icon will have the same color as the lesson, hat icon ("school" material icon)
    • This includes branch path steps and the merge step
  • Imported step(s) icon(s) will have the same color as lesson they get imported into, same icon as before

Test

  • Above works as described

Closes #2286

@hirokiterashima hirokiterashima self-assigned this Mar 16, 2026
@hirokiterashima hirokiterashima added the enhancement New feature of any size or improvement (UI, performance, security) label Mar 16, 2026
@qltysh
Copy link

qltysh bot commented Mar 16, 2026

Qlty

Coverage Impact

Unable to calculate total coverage change because base branch coverage was not found.

Modified Files with Diff Coverage (5)

RatingFile% DiffUncovered Line #s
New file Coverage rating: A
src/assets/wise5/services/authorBranchService.ts100.0%
New file Coverage rating: A
src/assets/wise5/services/createBranchService.ts100.0%
New file Coverage rating: F
src/assets/wise5/vle/node-icon/NodeIconColor.ts50.0%16
New file Coverage rating: D
src/assets/wise5/services/teacherProjectService.ts100.0%
New file Coverage rating: F
...addNode/abstract-import-step/abstract-import-step.component.ts16.7%36-58
Total60.0%
🤖 Increase coverage with AI coding...

In the `issue-2286-step-icon-defaults` branch, add test coverage for this new code:

- `src/assets/wise5/authoringTool/addNode/abstract-import-step/abstract-import-step.component.ts` -- Line 36-58
- `src/assets/wise5/vle/node-icon/NodeIconColor.ts` -- Line 16

🚦 See full report on Qlty Cloud »

🛟 Help
  • Diff Coverage: Coverage for added or modified lines of code (excludes deleted files). Learn more.

  • Total Coverage: Coverage for the whole repository, calculated as the sum of all File Coverage. Learn more.

  • File Coverage: Covered Lines divided by Covered Lines plus Missed Lines. (Excludes non-executable lines including blank lines and comments.)

    • Indirect Changes: Changes to File Coverage for files that were not modified in this PR. Learn more.

@hirokiterashima hirokiterashima marked this pull request as ready for review March 16, 2026 20:00
@hirokiterashima hirokiterashima requested a review from breity March 16, 2026 20:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature of any size or improvement (UI, performance, security)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(Step Icon): Improve default option

1 participant