Skip to content

feat(NodeGrading): Add show/hide toggle for class responses #2282

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
breity merged 4 commits into from
Mar 10, 2026
Merged

feat(NodeGrading): Add show/hide toggle for class responses #2282

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
036e0db
feat(NodeGrading): Add show/hide toggle for class responses
breity Mar 9, 2026
5f55ccd
Updated messages
github-actions[bot] Mar 9, 2026
8606b6b
Simplify template
breity Mar 10, 2026
9e7bbb4
Updated messages
github-actions[bot] Mar 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 13 additions & 6 deletions ...omMonitor/classroomMonitorComponents/nodeGrading/node-grading/node-grading.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,12 +54,19 @@ <h3 class="mat-body-1" i18n>Question Summaries</h3>
</div>
<div class="flex gap-2 items-center flex-wrap mt-4 mb-2 mx-2">
<h3 class="mat-body-1" i18n>Class Responses</h3>
<filter-components
[components]="components"
[selectedComponents]="visibleComponents"
(componentsChange)="setVisibleComponents($event)"
/>
@if (classResponsesVisible) {
<filter-components
[components]="components"
[selectedComponents]="visibleComponents"
(componentsChange)="setVisibleComponents($event)"
/>
<a href="#" class="mat-caption" (click)="toggleClassResponses($event)" i18n>Hide</a>
} @else {
<a href="#" class="mat-caption" (click)="toggleClassResponses($event)" i18n>Show</a>
}
</div>
<node-class-responses [node]="node" [components]="visibleComponents" />
@if (classResponsesVisible) {
<node-class-responses [node]="node" [components]="visibleComponents" />
}
</div>
</div>
6 changes: 6 additions & 0 deletions ...roomMonitor/classroomMonitorComponents/nodeGrading/node-grading/node-grading.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,7 @@ import { AnnotationService } from '../../../../services/annotationService';
templateUrl: './node-grading.component.html'
})
export class NodeGradingComponent implements OnInit, OnDestroy, OnChanges {
protected classResponsesVisible: boolean = true;
protected components: ComponentContent[];
protected hasWork: boolean;
protected node: Node;
Expand Down Expand Up @@ -149,4 +150,9 @@ export class NodeGradingComponent implements OnInit, OnDestroy, OnChanges {
this.selectedComponent.setValue(componentIndex);
this.visibleComponents = [this.components[componentIndex]];
}

protected toggleClassResponses(event: Event): void {
event.preventDefault();
this.classResponsesVisible = !this.classResponsesVisible;
}
}
8 changes: 8 additions & 0 deletions src/messages.xlf
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14696,13 +14696,21 @@ The branches will be removed but the steps will remain in the unit.</source>
<context context-type="sourcefile">src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/node-grading/node-grading.component.html</context>
<context context-type="linenumber">32,33</context>
</context-group>
<context-group purpose="location">
<context context-type="sourcefile">src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/node-grading/node-grading.component.html</context>
<context context-type="linenumber">64,65</context>
</context-group>
</trans-unit>
<trans-unit id="8461842260159597706" datatype="html">
<source>Show</source>
<context-group purpose="location">
<context context-type="sourcefile">src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/node-grading/node-grading.component.html</context>
<context context-type="linenumber">34,37</context>
</context-group>
<context-group purpose="location">
<context context-type="sourcefile">src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/node-grading/node-grading.component.html</context>
<context context-type="linenumber">66,69</context>
</context-group>
</trans-unit>
<trans-unit id="2142002953999044695" datatype="html">
<source>Class Responses</source>
Expand Down