auto migrate standalone components

src/app/modules/presentation/monitor/legal/legal.component.spec.ts

@@ -9,8 +9,8 @@ describe('LegalComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [LegalComponent],
-      }).compileComponents();
+    imports: [LegalComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/presentation/monitor/legal/legal.component.ts

@@ -1,12 +1,13 @@
 import {Component, Input} from '@angular/core';
 import {Song} from '../../../songs/services/song';
 import {Config} from '../../../../services/config';
+import { NgIf } from '@angular/common';
 
 @Component({
-  selector: 'app-legal',
-  templateUrl: './legal.component.html',
-  styleUrls: ['./legal.component.less'],
-  standalone: false,
+    selector: 'app-legal',
+    templateUrl: './legal.component.html',
+    styleUrls: ['./legal.component.less'],
+    imports: [NgIf],
 })
 export class LegalComponent {
   @Input() public song: Song | null = null;

src/app/modules/presentation/monitor/logo/logo.component.spec.ts

@@ -9,8 +9,8 @@ describe('LogoComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [LogoComponent],
-      }).compileComponents();
+    imports: [LogoComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/presentation/monitor/logo/logo.component.ts

@@ -1,10 +1,9 @@
 import {Component} from '@angular/core';
 
 @Component({
-  selector: 'app-logo',
-  templateUrl: './logo.component.html',
-  styleUrls: ['./logo.component.less'],
-  standalone: false,
+    selector: 'app-logo',
+    templateUrl: './logo.component.html',
+    styleUrls: ['./logo.component.less'],
 })
 export class LogoComponent {
 }

src/app/modules/presentation/monitor/monitor.component.spec.ts

@@ -9,8 +9,8 @@ describe('MonitorComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [MonitorComponent],
-      }).compileComponents();
+    imports: [MonitorComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/presentation/monitor/monitor.component.ts

@@ -13,13 +13,26 @@ import {PresentationBackground, Show} from '../../shows/services/show';
 import {GlobalSettings} from '../../../services/global-settings';
 import {ShowSongService} from '../../shows/services/show-song.service';
 import {openFullscreen} from '../../../services/fullscreen';
+import { NgIf, AsyncPipe, DatePipe } from '@angular/common';
+import { LogoComponent } from './logo/logo.component';
+import { SongTextComponent } from '../../../widget-modules/components/song-text/song-text.component';
+import { LegalComponent } from './legal/legal.component';
+import { ShowTypePipe } from '../../../widget-modules/pipes/show-type-translater/show-type.pipe';
 
 @Component({
-  selector: 'app-monitor',
-  templateUrl: './monitor.component.html',
-  styleUrls: ['./monitor.component.less'],
-  animations: [songSwitch],
-  standalone: false,
+    selector: 'app-monitor',
+    templateUrl: './monitor.component.html',
+    styleUrls: ['./monitor.component.less'],
+    animations: [songSwitch],
+    imports: [
+        NgIf,
+        LogoComponent,
+        SongTextComponent,
+        LegalComponent,
+        AsyncPipe,
+        DatePipe,
+        ShowTypePipe,
+    ],
 })
 export class MonitorComponent implements OnInit {
   public song: Song | null = null;