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

@@ -30,9 +30,9 @@ import { User } from "../../models/user";
     MatFormFieldModule,
     ReactiveFormsModule,
     MatInputModule,
+    MatButtonModule,
     TranslateModule,
     TranslatePipe,
-    MatButtonModule,
   ],
 })
 export class CreateUserComponent implements OnInit {

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

@@ -4,7 +4,9 @@ import { MAT_DIALOG_DATA } from "@angular/material/dialog";
 import { TranslateModule } from "@ngx-translate/core";
 import { MatCheckboxModule } from "@angular/material/checkbox";
 import { MatFormFieldModule } from "@angular/material/form-field";
-import { FormsModule } from "@angular/forms";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatInputModule } from "@angular/material/input";
+import { MatButtonModule } from "@angular/material/button";
 
 import { AddAction } from "../../models/add-action.enum";
 import { JumpResp } from "../../models/jump";
@@ -19,9 +21,12 @@ import { ServiceComm } from "../../services/service-comm.service";
   imports: [
     TranslateModule,
     CommonModule,
+    FormsModule,
     MatCheckboxModule,
     MatFormFieldModule,
-    FormsModule,
+    ReactiveFormsModule,
+    MatInputModule,
+    MatButtonModule,
   ],
 })
 export class JumpInfosComponent implements OnInit {

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

@@ -12,6 +12,10 @@ import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
 import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 import { MatProgressBarModule } from "@angular/material/progress-bar";
+import { MatButtonModule } from "@angular/material/button";
+import { MatInputModule } from "@angular/material/input";
+import { ReactiveFormsModule } from "@angular/forms";
+import { MatFormFieldModule } from "@angular/material/form-field";
 
 import { AddAction } from "../../models/add-action.enum";
 import { Jump } from "../../models/jump";
@@ -27,13 +31,17 @@ import { StatsService } from "../../services/stats.service";
   imports: [
     TranslateModule,
     CommonModule,
+    RouterLink,
+    RouterModule,
     MatIconModule,
     MatPaginatorModule,
     MatProgressSpinnerModule,
     MatProgressBarModule,
-    RouterLink,
-    RouterModule,
     MatTableModule,
+    MatFormFieldModule,
+    ReactiveFormsModule,
+    MatInputModule,
+    MatButtonModule,
   ],
 })
 export class ListOfJumpsComponent implements OnInit {

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

@@ -15,7 +15,9 @@ import { MatCheckboxModule } from "@angular/material/checkbox";
 import { MatAutocompleteModule } from "@angular/material/autocomplete";
 import { MatDatepickerModule } from "@angular/material/datepicker";
 import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
-import { FormsModule } from "@angular/forms";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatInputModule } from "@angular/material/input";
+import { MatButtonModule } from "@angular/material/button";
 
 import { JumpTypeResp } from "../../models/jumpType";
 import { AircraftResp } from "../../models/aircraft";
@@ -57,16 +59,20 @@ class PickDateAdapter extends NativeDateAdapter {
   imports: [
     TranslateModule,
     CommonModule,
+    RouterLink,
+    FormsModule,
+    RouterModule,
     MatIconModule,
     MatOptionModule,
     MatFormFieldModule,
-    RouterLink,
     MatCheckboxModule,
     MatAutocompleteModule,
     MatDatepickerModule,
     MatProgressSpinnerModule,
-    FormsModule,
+    MatFormFieldModule,
-    RouterModule,
+    ReactiveFormsModule,
+    MatInputModule,
+    MatButtonModule,
   ],
 })
 export class NewJumpComponent implements OnInit {

Front/skydivelogs-app/src/services/base.service.ts

@@ -1,7 +1,7 @@
-import { HttpHeaders } from '@angular/common/http';
+import { HttpHeaders } from "@angular/common/http";
 
-import { ConfigurationHelper } from './configuration-helper';
+import { ConfigurationHelper } from "./configuration-helper";
-import { ServiceCacheApi } from './service-cache-api.service';
+import { ServiceCacheApi } from "./service-cache-api.service";
 
 export class BaseService {
   protected headers: HttpHeaders;
@@ -9,15 +9,14 @@ export class BaseService {
   protected serviceCacheApi: ServiceCacheApi;
 
   constructor() {
-        ConfigurationHelper.settings.subscribe(settings => 
+    ConfigurationHelper.settings.subscribe((settings) => {
-        {
       if (settings != null) {
         let tmpApiUrl: string = settings.apiUrl;
 
         this.headers = new HttpHeaders({
-                    'Access-Control-Allow-Origin': tmpApiUrl
+          "Access-Control-Allow-Origin": tmpApiUrl,
         });
-                this.apiUrl = tmpApiUrl + '/api';
+        this.apiUrl = tmpApiUrl + "/api";
       }
     });
 

Front/skydivelogs-app/src/services/service-cache-api.service.ts

@@ -1,12 +1,10 @@
-import { Injectable } from '@angular/core';
+import { Injectable } from "@angular/core";
-import { Observable } from 'rxjs';
+import { Observable } from "rxjs";
-import { tap } from 'rxjs/operators';
+import { tap } from "rxjs/operators";
-import { CacheApiKey } from '../models/cache-api-key.enum';
+import { CacheApiKey } from "../models/cache-api-key.enum";
-import { of } from 'rxjs';
+import { of } from "rxjs";
 
-@Injectable({
+@Injectable({ providedIn: "root" })
-  providedIn: 'root',
-})
 export class ServiceCacheApi {
   private cache: Map<CacheApiKey, Observable<any>>;
 
@@ -21,9 +19,10 @@ export class ServiceCacheApi {
       return cached;
     } else {
       return callToApi.pipe(
-                        tap(event => { 
+        tap((event) => {
           this.cache.set(key, of(event));
-                        }));
+        })
+      );
     }
   }