refactor(Application): Remove unnecessary imports. (#2172)

These are imported by Angular automatically

Author: hirokiterashima

src/app/student/top-bar/top-bar.component.ts

@@ -27,24 +27,23 @@ import { MatIconModule } from '@angular/material/icon';
 import { ProjectLanguageChooserComponent } from '../../common/project-language-chooser/project-language-chooser.component';
 
 @Component({
-    selector: 'top-bar',
-    imports: [
-        CommonModule,
-        DismissAmbientNotificationDialogModule,
-        FlexLayoutModule,
-        MatBadgeModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatIconModule,
-        MatMenuModule,
-        MatProgressSpinnerModule,
-        MatToolbarModule,
-        NotificationsDialogComponent,
-        ProjectLanguageChooserComponent,
-        StudentAccountMenuModule
-    ],
-    styleUrls: ['./top-bar.component.scss'],
-    templateUrl: 'top-bar.component.html'
+  imports: [
+    CommonModule,
+    DismissAmbientNotificationDialogModule,
+    FlexLayoutModule,
+    MatBadgeModule,
+    MatButtonModule,
+    MatDialogModule,
+    MatIconModule,
+    MatMenuModule,
+    MatProgressSpinnerModule,
+    MatToolbarModule,
+    ProjectLanguageChooserComponent,
+    StudentAccountMenuModule
+  ],
+  selector: 'top-bar',
+  styleUrls: ['./top-bar.component.scss'],
+  templateUrl: 'top-bar.component.html'
 })
 export class TopBarComponent {
   @ViewChild(StudentAccountMenuComponent) accountMenu: StudentAccountMenuComponent;
@@ -157,7 +156,7 @@ export class TopBarComponent {
     );
   }
 
-  viewAlerts($event: any): void {
+  protected viewAlerts($event: any): void {
     $event.stopPropagation();
     this.dialog.open(NotificationsDialogComponent, {
       panelClass: 'dialog-sm',

src/app/teacher/select-tags/select-tags.component.ts

@@ -8,11 +8,11 @@ import { MatDividerModule } from '@angular/material/divider';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatSelectModule } from '@angular/material/select';
 import { NgSelectModule } from '@ng-select/ng-select';
-import { SearchBarComponent } from '../../modules/shared/search-bar/search-bar.component';
 import { Tag } from '../../domain/tag';
 import { TagComponent } from '../tag/tag.component';
 
 @Component({
+  encapsulation: ViewEncapsulation.None,
   imports: [
     CommonModule,
     FormsModule,
@@ -22,10 +22,8 @@ import { TagComponent } from '../tag/tag.component';
     MatFormFieldModule,
     MatSelectModule,
     NgSelectModule,
-    SearchBarComponent,
     TagComponent
   ],
-  encapsulation: ViewEncapsulation.None,
   selector: 'select-tags',
   styleUrl: './select-tags.component.scss',
   templateUrl: './select-tags.component.html'

src/assets/wise5/authoringTool/components/component-type-button/component-type-button.component.ts

@@ -9,24 +9,20 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
-    imports: [
-        ComponentInfoDialogComponent,
-        FlexLayoutModule,
-        MatButtonModule,
-        MatCardModule,
-        MatIconModule,
-        MatTooltipModule
-    ],
-    selector: 'component-type-button',
-    styleUrl: './component-type-button.component.scss',
-    templateUrl: './component-type-button.component.html'
+  imports: [FlexLayoutModule, MatButtonModule, MatCardModule, MatIconModule, MatTooltipModule],
+  selector: 'component-type-button',
+  styleUrl: './component-type-button.component.scss',
+  templateUrl: './component-type-button.component.html'
 })
 export class ComponentTypeButtonComponent {
   @Output() componentSelectedEvent: EventEmitter<void> = new EventEmitter<void>();
   @Input() componentType: string;
   protected label: string;
 
-  constructor(private componentInfoService: ComponentInfoService, private dialog: MatDialog) {}
+  constructor(
+    private componentInfoService: ComponentInfoService,
+    private dialog: MatDialog
+  ) {}
 
   ngOnInit(): void {
     const componentInfo = this.componentInfoService.getInfo(this.componentType);

src/assets/wise5/authoringTool/create-branch-paths/create-branch-paths.component.ts

@@ -16,29 +16,27 @@ import { MultipleChoiceContent } from '../../components/multipleChoice/MultipleC
 import { CHOICE_CHOSEN_VALUE, SCORE_VALUE } from '../../../../app/domain/branchCriteria';
 import { ComponentContent } from '../../common/ComponentContent';
 import { MatSelectModule } from '@angular/material/select';
-import { DisplayBranchPathStepsComponent } from '../display-branch-path-steps/display-branch-path-steps.component';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { FlexLayoutModule } from '@angular/flex-layout';
 
 @Component({
-    imports: [
-        CommonModule,
-        DisplayBranchPathStepsComponent,
-        FlexLayoutModule,
-        FormsModule,
-        MatButtonModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatSelectModule,
-        MatTooltipModule,
-        ReactiveFormsModule
-    ],
-    selector: 'create-branch-paths',
-    styleUrl: './create-branch-paths.component.scss',
-    templateUrl: './create-branch-paths.component.html'
+  imports: [
+    CommonModule,
+    FlexLayoutModule,
+    FormsModule,
+    MatButtonModule,
+    MatFormFieldModule,
+    MatIconModule,
+    MatInputModule,
+    MatSelectModule,
+    MatTooltipModule,
+    ReactiveFormsModule
+  ],
+  selector: 'create-branch-paths',
+  styleUrl: './create-branch-paths.component.scss',
+  templateUrl: './create-branch-paths.component.html'
 })
 export class CreateBranchPathsComponent {
   protected readonly CHOICE_CHOSEN_VALUE: string = CHOICE_CHOSEN_VALUE;

src/assets/wise5/authoringTool/teacher-node-icon/teacher-node-icon.component.ts

@@ -11,18 +11,17 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatBadgeModule } from '@angular/material/badge';
 
 @Component({
-    imports: [
-        CommonModule,
-        FlexLayoutModule,
-        MatBadgeModule,
-        MatButtonModule,
-        MatIconModule,
-        MatTooltipModule,
-        NodeIconChooserDialogComponent
-    ],
-    selector: 'teacher-node-icon',
-    styleUrl: '../../vle/node-icon/node-icon.component.scss',
-    templateUrl: '../../vle/node-icon/node-icon.component.html'
+  imports: [
+    CommonModule,
+    FlexLayoutModule,
+    MatBadgeModule,
+    MatButtonModule,
+    MatIconModule,
+    MatTooltipModule
+  ],
+  selector: 'teacher-node-icon',
+  styleUrl: '../../vle/node-icon/node-icon.component.scss',
+  templateUrl: '../../vle/node-icon/node-icon.component.html'
 })
 export class TeacherNodeIconComponent extends NodeIconComponent {
   constructor(

src/assets/wise5/classroomMonitor/classroomMonitorComponents/component-grading.component.ts

@@ -25,31 +25,27 @@ import { PeerChatGradingModule } from '../../components/peerChat/peer-chat-gradi
 import { ShowGroupWorkGradingModule } from '../../components/showGroupWork/show-group-work-grading/show-group-work-grading.module';
 import { TableGradingModule } from '../../components/table/table-grading/table-grading.module';
 import { ShowMyWorkGradingModule } from '../../components/showMyWork/show-my-work-grading/show-my-work-grading.module';
-import { MultipleChoiceGradingComponent } from '../../components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component';
-import { DialogGuidanceGradingComponent } from '../../components/dialogGuidance/dialog-guidance-grading/dialog-guidance-grading.component';
 
 @Component({
-    imports: [
-        AiChatGradingModule,
-        AnimationGradingModule,
-        AudioOscillatorGradingModule,
-        ConceptMapGradingModule,
-        DialogGuidanceGradingComponent,
-        DiscussionGradingModule,
-        DrawGradingModule,
-        EmbeddedGradingModule,
-        GraphGradingModule,
-        LabelGradingModule,
-        MatchGradingModule,
-        MultipleChoiceGradingComponent,
-        OpenResponseGradingModule,
-        PeerChatGradingModule,
-        ShowGroupWorkGradingModule,
-        ShowMyWorkGradingModule,
-        TableGradingModule
-    ],
-    selector: 'component-grading-component',
-    template: '<div #component></div>'
+  imports: [
+    AiChatGradingModule,
+    AnimationGradingModule,
+    AudioOscillatorGradingModule,
+    ConceptMapGradingModule,
+    DiscussionGradingModule,
+    DrawGradingModule,
+    EmbeddedGradingModule,
+    GraphGradingModule,
+    LabelGradingModule,
+    MatchGradingModule,
+    OpenResponseGradingModule,
+    PeerChatGradingModule,
+    ShowGroupWorkGradingModule,
+    ShowMyWorkGradingModule,
+    TableGradingModule
+  ],
+  selector: 'component-grading-component',
+  template: '<div #component></div>'
 })
 export class ComponentGradingComponent {
   @ViewChild('component') private componentElementRef: ElementRef;

src/assets/wise5/components/dialogGuidance/dialog-responses/dialog-responses.component.ts

@@ -11,13 +11,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { RubricEventService } from '../../common/cRater/crater-rubric/RubricEventService';
 
 @Component({
-  imports: [
-    CommonModule,
-    CRaterRubricComponent,
-    DetectedIdeasComponent,
-    DialogResponseComponent,
-    MatIconModule
-  ],
+  imports: [CommonModule, DetectedIdeasComponent, DialogResponseComponent, MatIconModule],
   selector: 'dialog-responses',
   styleUrl: './dialog-responses.component.scss',
   templateUrl: './dialog-responses.component.html'

src/assets/wise5/components/openResponse/open-response-authoring/open-response-authoring.component.html

@@ -1,7 +1,4 @@
 <div class="openResponse" flex>
-  <style>
-    {{nodeContent.style}}
-  </style>
   @if (!componentContent.showPreviousWork) {
     <div>
       <mat-icon

src/assets/wise5/vle/vle.component.ts

@@ -29,12 +29,10 @@ import { StepToolsComponent } from '../themes/default/themeComponents/stepTools/
 import { RunEndedAndLockedMessageComponent } from './run-ended-and-locked-message/run-ended-and-locked-message.component';
 import { NodeComponent } from './node/node.component';
 import { NavigationComponent } from '../themes/default/navigation/navigation.component';
-import { ChooseBranchPathDialogComponent } from '../../../app/preview/modules/choose-branch-path-dialog/choose-branch-path-dialog.component';
 
 @Component({
   imports: [
     CommonModule,
-    ChooseBranchPathDialogComponent,
     GroupTabsComponent,
     MatSidenavModule,
     NavigationComponent,

src/messages.xlf

@@ -10279,7 +10279,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/vle/vle.component.ts</context>
-          <context context-type="linenumber">197</context>
+          <context context-type="linenumber">195</context>
         </context-group>
       </trans-unit>
       <trans-unit id="537022937435161177" datatype="html">
@@ -10294,7 +10294,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/vle/vle.component.ts</context>
-          <context context-type="linenumber">198</context>
+          <context context-type="linenumber">196</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3407061818321766940" datatype="html">
@@ -20251,7 +20251,7 @@ Current Score: <x id="PH_1" equiv-text="currentScore"/></source>
         <source>If you want to use rich visuals (images, videos, links, bullets, etc.) in your prompt, use an HTML component above this</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/openResponse/open-response-authoring/open-response-authoring.component.html</context>
-          <context context-type="linenumber">8,11</context>
+          <context context-type="linenumber">5,8</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4633085794688959129" datatype="html">