Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts

@@ -6,6 +6,7 @@ import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
 import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { AddAction } from "../../models/add-action.enum";
 import { DropZoneResp } from "../../models/dropzone";
@@ -24,6 +25,7 @@ import { NewDropZoneComponent } from "../new-drop-zone/new-drop-zone.component";
     MatIconModule,
     MatPaginatorModule,
     MatProgressSpinnerModule,
+    MatFormFieldModule,
   ],
 })
 export class ListOfDzsComponent implements OnInit {

Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts

@@ -5,6 +5,7 @@ import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator";
 import { trigger, state, style } from "@angular/animations";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { ImageService } from "../../services/image.service";
 import { ServiceComm } from "../../services/service-comm.service";
@@ -24,7 +25,13 @@ import { TranslateModule } from "@ngx-translate/core";
       state("rot270", style({ transform: "rotate(-270deg)" })),
     ]),
   ],
-  imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatIconModule,
+    MatPaginatorModule,
+    MatFormFieldModule,
+  ],
 })
 export class ListOfImagesComponent implements OnInit {
   public displayedColumns: Array<string> = ["comment", "data"];

Front/skydivelogs-app/src/app/login-user/login-user.component.ts

@@ -1,19 +1,20 @@
 import { Component, OnInit, ViewChild, AfterViewInit } from "@angular/core";
 import { Router, ActivatedRoute } from "@angular/router";
-import { FormBuilder, FormGroup, Validators } from "@angular/forms";
-import { MatInput } from "@angular/material/input";
 import { CommonModule } from "@angular/common";
+import { FormBuilder, FormGroup, Validators } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatInput } from "@angular/material/input";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { first } from "rxjs/operators";
 
 import { AuthenticationService } from "../../services/authentication.service";
-import { TranslateModule } from "@ngx-translate/core";
 
 @Component({
   selector: "app-login-user",
   templateUrl: "./login-user.component.html",
   styleUrls: ["./login-user.component.css"],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatFormFieldModule],
 })
 export class LoginUserComponent implements OnInit, AfterViewInit {
   loginForm: FormGroup;

Front/skydivelogs-app/src/app/new-aircraft/new-aircraft.component.ts

@@ -1,15 +1,18 @@
 import { Component, OnInit } from "@angular/core";
 import { FormControl, FormGroup, Validators } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatFormFieldModule } from "@angular/material/form-field";
+
+import { AddAction } from "../../models/add-action.enum";
+
 import { AircraftService } from "../../services/aircraft.service";
 import { ServiceComm } from "../../services/service-comm.service";
-import { AddAction } from "../../models/add-action.enum";
-import { TranslateModule } from "@ngx-translate/core";
 
 @Component({
   selector: "app-new-aircraft",
   templateUrl: "./new-aircraft.component.html",
   styleUrls: ["./new-aircraft.component.css"],
-  imports: [TranslateModule],
+  imports: [TranslateModule, MatFormFieldModule],
 })
 export class NewAircraftComponent implements OnInit {
   public addForm: FormGroup;

Front/skydivelogs-app/src/app/new-drop-zone/new-drop-zone.component.ts

@@ -1,15 +1,18 @@
 import { Component, OnInit } from "@angular/core";
 import { FormControl, FormGroup, Validators } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatFormFieldModule } from "@angular/material/form-field";
+
 import { AddAction } from "../../models/add-action.enum";
+
 import { ServiceComm } from "../../services/service-comm.service";
 import { DropzoneService } from "../../services/dropzone.service";
-import { TranslateModule } from "@ngx-translate/core";
 
 @Component({
   selector: "app-new-drop-zone",
   templateUrl: "./new-drop-zone.component.html",
   styleUrls: ["./new-drop-zone.component.css"],
-  imports: [TranslateModule],
+  imports: [TranslateModule, MatFormFieldModule],
 })
 export class NewDropZoneComponent implements OnInit {
   public addForm: FormGroup;

Front/skydivelogs-app/src/app/new-gear/new-gear.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit } from "@angular/core";
 import { FormControl, FormGroup, Validators } from "@angular/forms";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { ServiceComm } from "../../services/service-comm.service";
 import { GearService } from "../../services/gear.service";
@@ -10,7 +11,7 @@ import { TranslateModule } from "@ngx-translate/core";
   selector: "app-new-gear",
   templateUrl: "./new-gear.component.html",
   styleUrls: ["./new-gear.component.css"],
-  imports: [TranslateModule],
+  imports: [TranslateModule, MatFormFieldModule],
 })
 export class NewGearComponent implements OnInit {
   public addForm: FormGroup;

Front/skydivelogs-app/src/app/new-jump-type/new-jump-type.component.ts

@@ -1,15 +1,17 @@
 import { Component, OnInit } from "@angular/core";
 import { FormControl, FormGroup, Validators } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatFormFieldModule } from "@angular/material/form-field";
+
 import { AddAction } from "../../models/add-action.enum";
 import { ServiceComm } from "../../services/service-comm.service";
 import { JumpTypeService } from "../../services/jump-type.service";
-import { TranslateModule } from "@ngx-translate/core";
 
 @Component({
   selector: "app-new-jump-type",
   templateUrl: "./new-jump-type.component.html",
   styleUrls: ["./new-jump-type.component.css"],
-  imports: [TranslateModule],
+  imports: [TranslateModule, MatFormFieldModule],
 })
 export class NewJumpTypeComponent implements OnInit {
   public addForm: FormGroup;

Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts

@@ -9,6 +9,7 @@ import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
 import { MatOptionModule } from "@angular/material/core";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { JumpTypeResp } from "../../models/jumpType";
 import { AircraftResp } from "../../models/aircraft";
@@ -47,7 +48,13 @@ class PickDateAdapter extends NativeDateAdapter {
     { provide: DateAdapter, useClass: PickDateAdapter },
     { provide: MAT_DATE_FORMATS, useValue: PICK_FORMATS },
   ],
-  imports: [TranslateModule, CommonModule, MatIconModule, MatOptionModule],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatIconModule,
+    MatOptionModule,
+    MatFormFieldModule,
+  ],
 })
 export class NewJumpComponent implements OnInit {
   public beginDate: Date;

Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts

@@ -9,6 +9,8 @@ import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
 import { MatOptionModule } from "@angular/material/core";
+import { MatAutocompleteModule } from "@angular/material/autocomplete";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { TunnelResp } from "../../models/tunnel";
 
@@ -18,7 +20,6 @@ import { ServiceComm } from "../../services/service-comm.service";
 import { TunnelFlightService } from "../../services/tunnel-flight.service";
 import { JumpTypeService } from "../../services/jump-type.service";
 import { DateService } from "../../services/date.service";
-import { MatAutocompleteModule } from "@angular/material/autocomplete";
 
 export const PICK_FORMATS = {
   parse: { dateInput: "yy MM dd" },
@@ -48,7 +49,7 @@ class PickDateAdapter extends NativeDateAdapter {
     TranslateModule,
     CommonModule,
     MatIconModule,
-    ,
+    MatFormFieldModule,
     MatOptionModule,
   ],
 })