Début de la page d'ajout de sauts

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

@@ -15,8 +15,8 @@ import { ListOfJumpTypesComponent } from './list-of-jump-types/list-of-jump-type
 import { ServiceApi } from '../services/serviceApi';
 import { ServiceComm } from '../services/serviceComm';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatTableModule } from '@angular/material/table';
+import { MatPaginatorModule, MatTableModule, MatSelectModule, MatOptionModule, MatFormFieldModule } from '@angular/material';
+
 
 
 const appRoutes: Routes = [
@@ -45,9 +45,7 @@ const appRoutes: Routes = [
       { enableTracing: true } // <-- debugging purposes only
     ),
     BrowserModule,
-    BrowserAnimationsModule,
-    MatPaginatorModule,
-    MatTableModule
+    BrowserAnimationsModule, MatPaginatorModule, MatTableModule, MatSelectModule, MatOptionModule, MatFormFieldModule 
   ],
   exports: [HttpClientModule],
   providers: [ServiceApi, ServiceComm],

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

@@ -2,9 +2,9 @@ import { Component, OnInit, ViewChild } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 
-import { DropZoneResp } from 'src/models/dropzone';
-import { ServiceApi } from 'src/services/serviceApi';
-import { ServiceComm } from 'src/services/serviceComm';
+import { DropZoneResp } from '../../models/dropzone';
+import { ServiceApi } from '../../services/serviceApi';
+import { ServiceComm } from '../../services/serviceComm';
 
 @Component({
   selector: 'app-list-of-dzs',

Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts

@@ -2,9 +2,9 @@ import { Component, OnInit, ViewChild } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 
-import { JumpTypeResp } from 'src/models/jumpType';
-import { ServiceApi } from 'src/services/serviceApi';
-import { ServiceComm } from 'src/services/serviceComm';
+import { JumpTypeResp } from '../../models/jumpType';
+import { ServiceApi } from '../../services/serviceApi';
+import { ServiceComm } from '../../services/serviceComm';
 
 @Component({
   selector: 'app-list-of-jump-types',

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

@@ -3,9 +3,9 @@ import { MatPaginator } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 
 import { Observable } from 'rxjs';
-import { JumpResp } from 'src/models/jump';
-import { ServiceApi } from 'src/services/serviceApi';
-import { ServiceComm } from 'src/services/serviceComm';
+import { JumpResp } from '../../models/jump';
+import { ServiceApi } from '../../services/serviceApi';
+import { ServiceComm } from '../../services/serviceComm';
 
 
 @Component({

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

@@ -0,0 +1,8 @@
+.example-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.example-container>* {
+  width: 100%;
+}

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

@@ -1,3 +1,20 @@
-<p>
-  new-jump works!
-</p>
+<div class="example-container">
+  <h4>Basic native select</h4>
+  <mat-form-field>
+    <mat-label>Choose the jump type</mat-label>
+    <mat-select>
+      <mat-option value="option1">Option 1</mat-option>
+      <mat-option value="option2" disabled>Option 2 (disabled)</mat-option>
+      <mat-option value="option3">Option 3</mat-option>
+    </mat-select>
+  </mat-form-field>
+
+  <h4>Basic native select</h4>
+  <mat-form-field>
+    <mat-label>Choose the aircraft</mat-label>
+    <mat-select>
+      <mat-option value="option1">Option 1</mat-option>
+      <mat-option value="option2">Option 2</mat-option>
+    </mat-select>
+  </mat-form-field>
+</div>

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

@@ -1,17 +1,15 @@
-import { Component, OnInit } from '@angular/core';
-import { ServiceComm } from 'src/services/serviceComm';
+import { Component, OnInit } from "@angular/core";
+import { ServiceComm } from "../../services/serviceComm";
 
 @Component({
-  selector: 'app-new-jump',
-  templateUrl: './new-jump.component.html',
-  styleUrls: ['./new-jump.component.css']
+  selector: "app-new-jump",
+  templateUrl: "./new-jump.component.html",
+  styleUrls: ["./new-jump.component.css"]
 })
 export class NewJumpComponent implements OnInit {
-
   constructor(private serviceComm: ServiceComm) {}
 
   ngOnInit() {
-    this.serviceComm.updatedComponentTitle('Add a new jump');
+    this.serviceComm.updatedComponentTitle("Add a new jump");
   }
-
 }

Front/skydivelogs-app/src/app/summary/summary.component.html

@@ -2,23 +2,20 @@
   <label>Total jumps</label>
   Total Total
 </p>
-<p>
+<div>
   <label>By DZ</label>
   <table mat-table [dataSource]="dsNbJumpByDz">
     <ng-container matColumnDef="label">
-      <!-- <th mat-header-cell *matHeaderCellDef>DZ</th> -->
       <td mat-cell *matCellDef="let element">{{element.label}}</td>
     </ng-container>
     <ng-container matColumnDef="nb">
-      <!-- <th mat-header-cell *matHeaderCellDef>Nb</th> -->
       <td mat-cell *matCellDef="let element">{{element.nb}}</td>
     </ng-container>
 
-    <!-- <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> -->
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-</p>
-<p>
+</div>
+<div>
   <label>By aircraft</label>
   <table mat-table [dataSource]="dsNbJumpByAircraft">
     <ng-container matColumnDef="label">
@@ -30,9 +27,9 @@
 
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-</p>
-<p>
-  <label>By RIG</label>
+</div>
+<div>
+  <label>By Rig</label>
   <table mat-table [dataSource]="dsNbJumpByRig">
     <ng-container matColumnDef="label">
       <td mat-cell *matCellDef="let element">{{element.label}}</td>
@@ -43,8 +40,8 @@
 
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-</p>
-<p>
+</div>
+<div>
   <label>By jump type</label>
   <table mat-table [dataSource]="dsNbJumpByType">
     <ng-container matColumnDef="label">
@@ -56,9 +53,9 @@
 
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-</p>
-<p>
-  By year
+</div>
+<div>
+  <label>By year</label>
   <table mat-table [dataSource]="dsNbJumpByYear">
     <ng-container matColumnDef="label">
       <td mat-cell *matCellDef="let element">{{element.label}}</td>
@@ -69,7 +66,7 @@
 
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
-</p>
+</div>
 
 <p>
   <label>Total cutaways</label>

Front/skydivelogs-app/src/app/summary/summary.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
-import { ServiceComm } from 'src/services/serviceComm';
-import { ServiceApi } from 'src/services/serviceApi';
+import { ServiceComm } from '../../services/serviceComm';
+import { ServiceApi } from '../../services/serviceApi';
 
 @Component({
   selector: 'app-summary',

Front/skydivelogs-app/src/services/serviceApi.ts

@@ -3,11 +3,11 @@ import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 
-import { DropZoneResp } from 'src/models/dropzone';
-import { JumpResp } from 'src/models/jump';
-import { AircraftResp } from 'src/models/aircraft';
-import { JumpTypeResp } from 'src/models/jumpType';
-import { StatsResp, StatsByDzResp, StatsByAircraftResp, StatsByJumpTypeResp, StatsByRigResp, StatsByYearResp } from 'src/models/statsresp';
+import { DropZoneResp } from '../models/dropzone';
+import { JumpResp } from '../models/jump';
+import { AircraftResp } from '../models/aircraft';
+import { JumpTypeResp } from '../models/jumpType';
+import { StatsResp, StatsByDzResp, StatsByAircraftResp, StatsByJumpTypeResp, StatsByRigResp, StatsByYearResp } from '../models/statsresp';
 
 
 @Injectable()