Début de la page d'ajout de sauts

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) { }
+  constructor(private serviceComm: ServiceComm) {}
 
   ngOnInit() {
-    this.serviceComm.updatedComponentTitle('Add a new jump');
+    this.serviceComm.updatedComponentTitle("Add a new jump");
   }
-
 }