New service and model for the tunnel flights

Front/skydivelogs-app/src/app/app.module.ts

@@ -38,6 +38,7 @@ import { AuthGuardService } from "../services/auth-guard.service";
 import { ImageService } from "../services/image.service";
 import { ConfigurationHelper } from "../services/configuration-helper";
 import { ServiceCacheApi } from "../services/service-cache-api.service";
+import { TunnelService } from "../services/tunnel.service";
 
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
@@ -193,6 +194,7 @@ export function initConfig(configService: ConfigurationHelper) {
   ],
   exports: [HttpClientModule],
   providers: [
+    TunnelService,
     ImageService,
     AircraftService,
     DropzoneService,

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

@@ -3,16 +3,38 @@ import { formatDate } from '@angular/common';
 import { DateAdapter, MAT_DATE_FORMATS, NativeDateAdapter } from "@angular/material/core";
 import { TranslateService } from '@ngx-translate/core';
 
+import { TunnelResp } from "../../models/tunnel";
+
 import { DateService } from 'src/services/date.service';
+import { TunnelService } from 'src/services/tunnel.service';
 import { ServiceComm } from 'src/services/service-comm.service';
 import { StatsService } from 'src/services/stats.service';
 
+export const PICK_FORMATS = {
+  parse: { dateInput: 'yy MM dd' },
+  display: {
+    dateInput: 'yyyy-MM-dd',
+    monthYearLabel: 'yyyy MMM',
+    dateA11yLabel: 'yyyy MM dd',
+    monthYearA11yLabel: 'yyyy MMMM',
+  }
+};
+class PickDateAdapter extends NativeDateAdapter {
+  format(date: Date, displayFormat: Object): string {
+    return formatDate(date, displayFormat.toString(), "en");
+  }
+}
+
 @Component({
   selector: 'app-new-tunnel-flight',
   templateUrl: './new-tunnel-flight.component.html',
-  styleUrls: ['./new-tunnel-flight.component.css']
+  styleUrls: ['./new-tunnel-flight.component.css'],
+  providers: [
+    { provide: DateAdapter, useClass: PickDateAdapter },
+    { provide: MAT_DATE_FORMATS, useValue: PICK_FORMATS }
+  ]
 })
-export class NewTunnelFlightComponent {
+export class NewTunnelFlightComponent implements OnInit {
   public beginDate: Date;
   public endDate: Date;
   public minutesOfFlight: number;
@@ -24,19 +46,19 @@ export class NewTunnelFlightComponent {
   private pendingAddRequest: boolean;
 
   constructor(private serviceComm: ServiceComm,
-              private serviceTunnel: TunnelService,
-              private dateService: DateService,
-              private translateService: TranslateService,
-              private statsService : StatsService) {}
+    private serviceTunnel: TunnelService,
+    private dateService: DateService,
+    private translateService: TranslateService,
+    private statsService: StatsService) { }
 
   ngOnInit() {
-    this.serviceComm.forceTranslateTitle.subscribe((data)=> {
-      if (data === true){
+    this.serviceComm.forceTranslateTitle.subscribe((data) => {
+      if (data === true) {
         this.updateTitle();
       }
     });
     this.updateTitle();
-    
+
     this.pendingAddRequest = false;
     this.initForm();
     this.getListOfTunnels();
@@ -45,7 +67,20 @@ export class NewTunnelFlightComponent {
   onFormSubmit() {
     this.pendingAddRequest = true;
 
-    this.statsService.resetStats();
+    this.serviceTunnel.AddFlight(this.selectedTunnel.id,
+                                 this.beginDate,
+                                 this.minutesOfFlight,
+                                 this.comments)
+                       .subscribe(() => {
+                         this.statsService.resetStats();
+                         this.comments = undefined;
+
+                         if (this.resetForm === true) {
+                           this.initForm();
+                         }
+                         this.pendingAddRequest = false;
+                       });
+
   }
 
   public isValidatedForm(): boolean {
@@ -56,7 +91,7 @@ export class NewTunnelFlightComponent {
   }
 
   private getListOfTunnels() {
-    this.serviceTunnel.getListOfTunnels(true).subscribe((data) => {
+    this.serviceTunnel.getListOfTunnels().subscribe((data) => {
       data.sort((a, b) => a.name.localeCompare(b.name));
       this.listOfTunnel = data;
       this.countDatasLoaded++;