Standalone app - auto migrate

Frontend/src/app/modules/layers/layer-detail/layer-detail.component.ts

@@ -1,20 +1,28 @@
-import { DatePipe } from '@angular/common';
+import { DatePipe, NgIf, DecimalPipe } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { UntypedFormGroup, UntypedFormBuilder } from '@angular/forms';
-import { MatSort, MatSortable } from '@angular/material/sort';
-import { MatTableDataSource } from '@angular/material/table';
+import { UntypedFormGroup, UntypedFormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatSort, MatSortable, MatSortModule } from '@angular/material/sort';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
 import { AuthService } from 'src/app/auth/auth.service';
 import { Layer } from 'src/app/models/layer.model';
 import { Record } from 'src/app/models/record.model';
 import { NotificationsService } from 'src/app/services/notifications.service';
 import { environment } from 'src/environments/environment';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatButtonModule } from '@angular/material/button';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatCardModule } from '@angular/material/card';
 
 @Component({
-  selector: 'app-layer-detail',
-  templateUrl: './layer-detail.component.html',
-  styleUrls: ['./layer-detail.component.scss']
+    selector: 'app-layer-detail',
+    templateUrl: './layer-detail.component.html',
+    styleUrls: ['./layer-detail.component.scss'],
+    standalone: true,
+    imports: [FormsModule, ReactiveFormsModule, MatCardModule, MatToolbarModule, MatButtonModule, MatGridListModule, MatFormFieldModule, MatInputModule, NgIf, MatTableModule, MatSortModule, DecimalPipe]
 })
 export class LayerDetailComponent implements OnInit {
 

Frontend/src/app/modules/layers/layer-edit/layer-edit.component.ts

@@ -1,20 +1,32 @@
 import { HttpClient } from '@angular/common/http';
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
-import { MatSort } from '@angular/material/sort';
-import { MatTableDataSource } from '@angular/material/table';
-import { Router, ActivatedRoute } from '@angular/router';
+import { UntypedFormBuilder, UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import { Router, ActivatedRoute, RouterLink } from '@angular/router';
 import moment from 'moment';
 import { AuthService } from 'src/app/auth/auth.service';
 import { Layer } from 'src/app/models/layer.model';
 import { Record } from 'src/app/models/record.model';
 import { environment } from 'src/environments/environment';
 import { v4 as uuidv4 } from 'uuid';
+import { MatIconModule } from '@angular/material/icon';
+import { MatOptionModule } from '@angular/material/core';
+import { MatSelectModule } from '@angular/material/select';
+import { NgIf, DecimalPipe } from '@angular/common';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatButtonModule } from '@angular/material/button';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatCardModule } from '@angular/material/card';
 
 @Component({
-  selector: 'app-layer-edit',
-  templateUrl: './layer-edit.component.html',
-  styleUrls: ['./layer-edit.component.scss']
+    selector: 'app-layer-edit',
+    templateUrl: './layer-edit.component.html',
+    styleUrls: ['./layer-edit.component.scss'],
+    standalone: true,
+    imports: [FormsModule, ReactiveFormsModule, MatCardModule, MatToolbarModule, MatButtonModule, RouterLink, MatGridListModule, MatFormFieldModule, MatInputModule, NgIf, MatSelectModule, MatOptionModule, MatIconModule, MatTableModule, MatSortModule, DecimalPipe]
 })
 export class LayerEditComponent implements OnInit {
 

Frontend/src/app/modules/layers/layers-list/layers-list.component.ts

@@ -1,14 +1,21 @@
 import { HttpClient } from '@angular/common/http';
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { MatPaginator } from '@angular/material/paginator';
-import { MatSort, MatSortable } from '@angular/material/sort';
-import { MatTableDataSource } from '@angular/material/table';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { MatSort, MatSortable, MatSortModule } from '@angular/material/sort';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { Layer } from 'src/app/models/layer.model';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { RouterLink } from '@angular/router';
+import { MatButtonModule } from '@angular/material/button';
+import { MatGridListModule } from '@angular/material/grid-list';
 
 @Component({
-  selector: 'app-layers-list',
-  templateUrl: './layers-list.component.html',
-  styleUrls: ['./layers-list.component.scss']
+    selector: 'app-layers-list',
+    templateUrl: './layers-list.component.html',
+    styleUrls: ['./layers-list.component.scss'],
+    standalone: true,
+    imports: [MatGridListModule, MatButtonModule, RouterLink, MatFormFieldModule, MatInputModule, MatTableModule, MatSortModule, MatPaginatorModule]
 })
 export class LayersListComponent implements OnInit {
   displayedColumns = ['number', 'name', 'source'];

Frontend/src/app/modules/layers/layers.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule, DatePipe } from '@angular/common';
-import { MaterialModule } from 'src/app/material.module';
+
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { LayersListComponent } from './layers-list/layers-list.component';
 import { LayerEditComponent } from './layer-edit/layer-edit.component';
@@ -8,20 +8,17 @@ import { LayerDetailComponent } from './layer-detail/layer-detail.component';
 import { LayersRoutingModule } from './layers-routing.module';
 
 @NgModule({
-  declarations: [
+    imports: [
+    CommonModule,
+    LayersRoutingModule,
+    FormsModule,
+    ReactiveFormsModule,
     LayersListComponent,
     LayerEditComponent,
     LayerDetailComponent
-  ],
-  imports: [
-    CommonModule,
-    LayersRoutingModule,
-    MaterialModule,
-    FormsModule,
-    ReactiveFormsModule
-  ],
-  providers: [
-    DatePipe
-  ]
+],
+    providers: [
+        DatePipe
+    ]
 })
 export class LayersModule { }