-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor(NodeInfoComponent): Convert to standalone (#2003)
- Loading branch information
1 parent
5d51ab0
commit 53912fb
Showing
6 changed files
with
100 additions
and
95 deletions.
There are no files selected for viewing
4 changes: 2 additions & 2 deletions
4
src/app/classroom-monitor/show-node-info-dialog/show-node-info-dialog.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,8 @@ | ||
| <h2 mat-dialog-title>{{ stepNumberAndTitle }}</h2> | ||
| <mat-dialog-content #nodeInfoDiv class="dialog-content-scroll"> | ||
| <node-info [nodeId]="nodeId"></node-info> | ||
| <node-info [nodeId]="nodeId" /> | ||
| </mat-dialog-content> | ||
| <mat-dialog-actions align="end"> | ||
| <button mat-button (click)="openInNewWindow()" i18n>Open in New Window</button> | ||
| <button mat-button (click)="close()" i18n>Close</button> | ||
| </mat-dialog-actions> | ||
| </mat-dialog-actions> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
113 changes: 56 additions & 57 deletions
113
...se5/classroomMonitor/classroomMonitorComponents/shared/node-info/node-info.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,62 +1,61 @@ | ||
| <mat-card appearance="outlined" *ngIf="nodeContent.rubric" class="rubric"> | ||
| <mat-card-title fxLayoutAlign="start center" fxLayoutGap="8px"> | ||
| <mat-icon class="mat-24 info">info</mat-icon> | ||
| <span class="mat-subtitle-2" i18n>Step Info</span> | ||
| </mat-card-title> | ||
| <mat-card-content [innerHTML]="nodeContent.rubric"> </mat-card-content> | ||
| </mat-card> | ||
| @if (node.rubric) { | ||
| <mat-card appearance="outlined" class="rubric"> | ||
| <mat-card-title fxLayoutAlign="start center" fxLayoutGap="8px"> | ||
| <mat-icon class="mat-24 info">info</mat-icon> | ||
| <span class="mat-subtitle-2" i18n>Step Info</span> | ||
| </mat-card-title> | ||
| <mat-card-content [innerHTML]="node.rubric" /> | ||
| </mat-card> | ||
| } | ||
| <mat-card appearance="outlined" class="node-info"> | ||
| <mat-card-content> | ||
| <div | ||
| id="component_{{ component.id }}" | ||
| class="component" | ||
| *ngFor="let component of nodeContent.components; first as isFirst" | ||
| > | ||
| <mat-divider class="item-divider divider--dashed" *ngIf="!isFirst"></mat-divider> | ||
| <h3 | ||
| *ngIf="component.isStudentWorkGenerated" | ||
| class="accent-1 mat-subtitle-2 gray-lightest-bg component-header" | ||
| > | ||
| {{ component.assessmentItemIndex + '. ' + component.typeLabel }} | ||
| </h3> | ||
| <preview-component [component]="component.component" [periodId]="periodId" /> | ||
| <mat-card | ||
| appearance="outlined" | ||
| *ngIf="component.rubric" | ||
| class="rubric component-rubric mat-elevation-z0 notice-bg-bg" | ||
| > | ||
| <mat-card-title class="mat-subtitle-2" fxLayoutAlign="start center" fxLayoutGap="8px"> | ||
| <mat-icon class="mat-24 info">info</mat-icon> | ||
| <span i18n>Item Info</span> | ||
| </mat-card-title> | ||
| <mat-card-content class="app-bg-bg" [innerHTML]="component.rubric"> </mat-card-content> | ||
| </mat-card> | ||
| <div *ngIf="component.hasResponsesSummary"> | ||
| <teacher-summary-display | ||
| *ngIf="component.type === 'MultipleChoice'" | ||
| [nodeId]="nodeId" | ||
| [componentId]="component.id" | ||
| [periodId]="periodId" | ||
| [studentDataType]="'responses'" | ||
| [source]="source" | ||
| [highlightCorrectAnswer]="component.hasCorrectAnswer" | ||
| [chartType]="'column'" | ||
| [doRender]="true" | ||
| > | ||
| </teacher-summary-display> | ||
| </div> | ||
| <div *ngIf="component.hasScoresSummary && component.hasScoreAnnotation"> | ||
| <teacher-summary-display | ||
| [nodeId]="nodeId" | ||
| [componentId]="component.id" | ||
| [periodId]="periodId" | ||
| [studentDataType]="'scores'" | ||
| [source]="source" | ||
| [chartType]="'column'" | ||
| [doRender]="true" | ||
| > | ||
| </teacher-summary-display> | ||
| @for (component of node.components; track component.id; let isFirst = $first) { | ||
| <div id="component_{{ component.id }}" class="component"> | ||
| @if (!isFirst) { | ||
| <mat-divider class="item-divider divider--dashed" /> | ||
| } | ||
| @if (component.isStudentWorkGenerated) { | ||
| <h3 class="accent-1 mat-subtitle-2 gray-lightest-bg component-header"> | ||
| {{ component.assessmentItemIndex + '. ' + component.typeLabel }} | ||
| </h3> | ||
| } | ||
| <preview-component [component]="component.component" [periodId]="periodId" /> | ||
| @if (component.rubric) { | ||
| <mat-card | ||
| appearance="outlined" | ||
| class="rubric component-rubric mat-elevation-z0 notice-bg-bg" | ||
| > | ||
| <mat-card-title class="mat-subtitle-2" fxLayoutAlign="start center" fxLayoutGap="8px"> | ||
| <mat-icon class="mat-24 info">info</mat-icon> | ||
| <span i18n>Item Info</span> | ||
| </mat-card-title> | ||
| <mat-card-content class="app-bg-bg" [innerHTML]="component.rubric" /> | ||
| </mat-card> | ||
| } | ||
| @if (component.hasResponsesSummary && component.type === 'MultipleChoice') { | ||
| <teacher-summary-display | ||
| [nodeId]="nodeId" | ||
| [componentId]="component.id" | ||
| [periodId]="periodId" | ||
| [studentDataType]="'responses'" | ||
| [source]="source" | ||
| [highlightCorrectAnswer]="component.hasCorrectAnswer" | ||
| [chartType]="'column'" | ||
| [doRender]="true" | ||
| /> | ||
| } | ||
| @if (component.hasScoresSummary && component.hasScoreAnnotation) { | ||
| <teacher-summary-display | ||
| [nodeId]="nodeId" | ||
| [componentId]="component.id" | ||
| [periodId]="periodId" | ||
| [studentDataType]="'scores'" | ||
| [source]="source" | ||
| [chartType]="'column'" | ||
| [doRender]="true" | ||
| /> | ||
| } | ||
| </div> | ||
| </div> | ||
| } | ||
| </mat-card-content> | ||
| </mat-card> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters