Skip to content

feat(Teacher Tools): Important activities#2292

Open
hirokiterashima wants to merge 8 commits intodevelopfrom
important-components
Open

feat(Teacher Tools): Important activities#2292
hirokiterashima wants to merge 8 commits intodevelopfrom
important-components

Conversation

@hirokiterashima
Copy link
Copy Markdown
Member

@hirokiterashima hirokiterashima commented Mar 26, 2026

This new feature allows teachers to quickly see important activities in the Teacher Tools. To implement this, we add an "!important" tag to an activity. These activities appear with a star icon in the teacher tools, in the step listing page and in the activities tabs in the step grading page.

Notes

Please style as you see fit.

Changes

  • In the AT, author can mark and unmark an activity as important using a star/unstar button next to the activity type in the step editing page.
  • In the Teacher Tools
    • In the step listing page, if a step contains a starred activity, a star will appear next to the step title. Clicking on this will take you to the step grading page, and will open to the first starred activity in that step.
    • In the step grading page, if an activity in the step is starred, it will display the star icon. You will also see the icon next to the starred activity in the "Class Responses" filter listing.

Test

  • Feature works as described above.

@hirokiterashima hirokiterashima requested a review from breity March 26, 2026 16:19
@hirokiterashima hirokiterashima self-assigned this Mar 26, 2026
@hirokiterashima hirokiterashima added the enhancement New feature of any size or improvement (UI, performance, security) label Mar 26, 2026
@qltysh
Copy link
Copy Markdown

qltysh bot commented Mar 26, 2026

❌ 4 blocking issues (4 total)

Tool Category Rule Count
qlty Duplication Found 21 lines of similar code in 2 locations (mass = 176) 4

(icon: any) => (icon as Element).textContent.trim() === 'star'
) as any;
}
expect(starIcon).toBeTruthy();
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Found 21 lines of similar code in 2 locations (mass = 176) [qlty:similar-code]

(icon: any) => (icon as Element).textContent.trim() === 'star'
) as any;
}
expect(starIcon).toBeFalsy();
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Found 21 lines of similar code in 2 locations (mass = 176) [qlty:similar-code]

const icons = Array.from(fixture.nativeElement.querySelectorAll('mat-icon'));
const starIcon = icons.find((icon: any) => icon.textContent.trim() === 'star');
expect(starIcon).toBeTruthy();
expect(component['hasImportantComponent']).toBeTrue();
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Found 15 lines of similar code in 2 locations (mass = 150) [qlty:similar-code]

const icons = Array.from(fixture.nativeElement.querySelectorAll('mat-icon'));
const starIcon = icons.find((icon: any) => icon.textContent.trim() === 'star');
expect(starIcon).toBeFalsy();
expect(component['hasImportantComponent']).toBeFalse();
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Found 15 lines of similar code in 2 locations (mass = 150) [qlty:similar-code]

@qltysh
Copy link
Copy Markdown

qltysh bot commented Mar 26, 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
...s/nodeGrading/filter-components/filter-components.component.ts100.0%
New file Coverage rating: D
...mMonitorComponents/nodeProgress/nav-item/nav-item.component.ts14.3%98-104
New file Coverage rating: B
...rComponents/nodeGrading/node-grading/node-grading.component.ts100.0%
New file Coverage rating: A
src/assets/wise5/common/Node.ts100.0%
New file Coverage rating: A
...ponents/toggle-component-tag/toggle-component-tag.component.ts100.0%
Total82.4%
🤖 Increase coverage with AI coding...

In the `important-components` branch, add test coverage for this new code:

- `src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeProgress/nav-item/nav-item.component.ts` -- Line 98-104

🚦 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 26, 2026 16:30
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.

1 participant