refactor(MultipleChoiceGradingComponent): Convert to standalone compo…

…nent (#1991)

src/app/teacher/component-grading.module.ts

@@ -9,7 +9,6 @@ import { EmbeddedGradingModule } from '../../assets/wise5/components/embedded/em
 import { GraphGradingModule } from '../../assets/wise5/components/graph/graph-grading/graph-grading.module';
 import { LabelGradingModule } from '../../assets/wise5/components/label/label-grading/label-grading.module';
 import { MatchGradingModule } from '../../assets/wise5/components/match/match-grading/match-grading.module';
-import { MultipleChoiceGradingModule } from '../../assets/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.module';
 import { OpenResponseGradingModule } from '../../assets/wise5/components/openResponse/open-response-grading/open-response-grading.module';
 import { PeerChatGradingModule } from '../../assets/wise5/components/peerChat/peer-chat-grading/peer-chat-grading.module';
 import { ShowGroupWorkGradingModule } from '../../assets/wise5/components/showGroupWork/show-group-work-grading/show-group-work-grading.module';
@@ -18,6 +17,7 @@ import { ComponentGradingComponent } from '../../assets/wise5/classroomMonitor/c
 import { ShowMyWorkGradingModule } from '../../assets/wise5/components/showMyWork/show-my-work-grading/show-my-work-grading.module';
 import { AiChatGradingModule } from '../../assets/wise5/components/aiChat/ai-chat-grading/ai-chat-grading.module';
 import { ComponentStateInfoComponent } from '../../assets/wise5/common/component-state-info/component-state-info.component';
+import { MultipleChoiceGradingComponent } from '../../assets/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component';
 
 @NgModule({
   declarations: [ComponentGradingComponent],
@@ -34,7 +34,7 @@ import { ComponentStateInfoComponent } from '../../assets/wise5/common/component
     GraphGradingModule,
     LabelGradingModule,
     MatchGradingModule,
-    MultipleChoiceGradingModule,
+    MultipleChoiceGradingComponent,
     OpenResponseGradingModule,
     PeerChatGradingModule,
     ShowGroupWorkGradingModule,
@@ -55,7 +55,7 @@ import { ComponentStateInfoComponent } from '../../assets/wise5/common/component
     GraphGradingModule,
     LabelGradingModule,
     MatchGradingModule,
-    MultipleChoiceGradingModule,
+    MultipleChoiceGradingComponent,
     OpenResponseGradingModule,
     PeerChatGradingModule,
     ShowGroupWorkGradingModule,

src/assets/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html

@@ -3,5 +3,4 @@
   [componentId]="componentId"
   [componentState]="componentState"
   [isRevision]="isRevision"
->
-</multiple-choice-show-work>
+/>

src/assets/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
 import { ComponentShowWorkDirective } from '../../component-show-work.directive';
+import { MultipleChoiceShowWorkComponent } from '../multiple-choice-show-work/multiple-choice-show-work.component';
 
 @Component({
+  imports: [MultipleChoiceShowWorkComponent],
   selector: 'multiple-choice-grading',
+  standalone: true,
   templateUrl: 'multiple-choice-grading.component.html'
 })
 export class MultipleChoiceGradingComponent extends ComponentShowWorkDirective {}

src/assets/wise5/components/showWork/show-work-student/show-work-student.component.html

@@ -76,8 +76,7 @@
     [nodeId]="nodeId"
     [componentId]="componentId"
     [componentState]="studentWork"
-  >
-  </multiple-choice-show-work>
+  />
   <open-response-show-work
     *ngSwitchCase="'OpenResponse'"
     [nodeId]="nodeId"