Merge pull request #2242 from WISE-Community/remove-modules-part-1

Author: hirokiterashima

src/app/authoring-tool/edit-component-advanced/edit-component-advanced.component.ts

@@ -15,11 +15,11 @@ import { Component as WISEComponent } from '../../../assets/wise5/common/Compone
 import { components } from '../../../assets/wise5/components/Components';
 
 @Component({
-  templateUrl: './edit-component-advanced.component.html',
+  imports: [MatDivider, MatDialogModule, MatButtonModule],
   styles: [
     '.mat-divider { margin: 0 -16px; } .mat-mdc-dialog-content { padding-top: 10px !important; padding-bottom: 10px !important; }'
   ],
-  imports: [MatDivider, MatDialogModule, MatButtonModule]
+  templateUrl: './edit-component-advanced.component.html'
 })
 export class EditComponentAdvancedComponent {
   @ViewChild('component') private componentElementRef: ElementRef;

src/app/classroom-monitor/alert-status-corner/alert-status-corner.component.ts

@@ -3,10 +3,10 @@ import { Component, Input } from '@angular/core';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
-    imports: [CommonModule, MatTooltipModule],
-    selector: 'alert-status-corner',
-    styleUrl: 'alert-status-corner.scss',
-    templateUrl: 'alert-status-corner.component.html'
+  imports: [CommonModule, MatTooltipModule],
+  selector: 'alert-status-corner',
+  styleUrl: 'alert-status-corner.scss',
+  templateUrl: 'alert-status-corner.component.html'
 })
 export class AlertStatusCornerComponent {
   @Input() hasNewAlert: boolean;

src/app/classroom-monitor/status-icon/status-icon.component.html

@@ -3,9 +3,18 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
-    imports: [MatIconModule, MatTooltipModule],
-    selector: 'status-icon',
-    templateUrl: 'status-icon.component.html'
+  imports: [MatIconModule, MatTooltipModule],
+  selector: 'status-icon',
+  template: `
+    <mat-icon
+      class="{{ class }}"
+      tabindex="0"
+      matTooltip="{{ tooltip }}"
+      matTooltipPosition="above"
+    >
+      {{ name }}
+    </mat-icon>
+  `
 })
 export class StatusIconComponent {
   @Input() class: string;

src/app/classroom-monitor/status-icon/status-icon.component.ts

@@ -4,8 +4,8 @@ import { MatButton } from '@angular/material/button';
 import { MatCard, MatCardContent } from '@angular/material/card';
 
 @Component({
-    templateUrl: './forgot-user-password-complete.component.html',
-    imports: [MatCard, MatCardContent, MatButton]
+  imports: [MatCard, MatCardContent, MatButton],
+  templateUrl: './forgot-user-password-complete.component.html'
 })
 export class ForgotUserPasswordCompleteComponent {
   @Input() username: string;

src/app/forgot/forgot-user-password-complete/forgot-user-password-complete.component.ts

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 @Component({
-    imports: [RouterModule],
-    selector: 'app-help',
-    styleUrl: './help.component.scss',
-    templateUrl: './help.component.html'
+  imports: [RouterModule],
+  selector: 'app-help',
+  styleUrl: './help.component.scss',
+  templateUrl: './help.component.html'
 })
 export class HelpComponent {}

src/app/help/help.component.ts

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 @Component({
-    selector: 'app-header-signin',
-    imports: [RouterModule],
-    templateUrl: './header-signin.component.html',
-    styleUrls: ['./header-signin.component.scss']
+  imports: [RouterModule],
+  selector: 'app-header-signin',
+  styleUrl: './header-signin.component.scss',
+  templateUrl: './header-signin.component.html'
 })
 export class HeaderSigninComponent {}

src/app/modules/header/header-signin/header-signin.component.ts

@@ -5,11 +5,11 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 type SelectAllItemsStatus = 'none' | 'some' | 'all';
 
 @Component({
-    imports: [MatCheckboxModule, MatTooltipModule],
-    providers: [{ provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }],
-    selector: 'select-all-items-checkbox',
-    styleUrl: 'select-all-items-checkbox.component.scss',
-    templateUrl: './select-all-items-checkbox.component.html'
+  imports: [MatCheckboxModule, MatTooltipModule],
+  providers: [{ provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }],
+  selector: 'select-all-items-checkbox',
+  styleUrl: 'select-all-items-checkbox.component.scss',
+  templateUrl: './select-all-items-checkbox.component.html'
 })
 export class SelectAllItemsCheckboxComponent {
   @Output() allSelectedEvent: EventEmitter<void> = new EventEmitter<void>();

src/app/modules/library/select-all-items-checkbox/select-all-items-checkbox.component.ts

@@ -2,10 +2,10 @@ import { CommonModule } from '@angular/common';
 import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
 
 @Component({
-    imports: [CommonModule],
-    selector: 'app-blurb',
-    styleUrl: './blurb.component.scss',
-    templateUrl: './blurb.component.html'
+  imports: [CommonModule],
+  selector: 'app-blurb',
+  styleUrl: './blurb.component.scss',
+  templateUrl: './blurb.component.html'
 })
 export class BlurbComponent {
   @Input() content: string;

src/app/modules/shared/blurb/blurb.component.ts

@@ -16,18 +16,18 @@ import { MatInputModule } from '@angular/material/input';
 import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
 
 @Component({
-    encapsulation: ViewEncapsulation.None,
-    imports: [
-        CommonModule,
-        MatButtonModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        ReactiveFormsModule
-    ],
-    selector: 'app-search-bar',
-    styleUrl: './search-bar.component.scss',
-    templateUrl: './search-bar.component.html'
+  encapsulation: ViewEncapsulation.None,
+  imports: [
+    CommonModule,
+    MatButtonModule,
+    MatFormFieldModule,
+    MatIconModule,
+    MatInputModule,
+    ReactiveFormsModule
+  ],
+  selector: 'app-search-bar',
+  styleUrl: './search-bar.component.scss',
+  templateUrl: './search-bar.component.html'
 })
 export class SearchBarComponent implements OnInit {
   @Output('update') change: EventEmitter<string> = new EventEmitter<string>();