sandre/SkydiveLogs
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Avancement sur le formulaire d'ajout de sauts

Browse Source
This commit is contained in:
Sébastien André
2019-10-29 14:46:47 +01:00
parent 1a5cc2ed4e
commit 659bbed322
3 changed files with 45 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
Front/skydivelogs-app/src/app/new-jump/new-jump.component.html
View File

@@ -1,51 +1,51 @@
<div class="example-container">
<form class="example-container" (ngSubmit)="onFormSubmit()" [ngModelOptions]="{standalone: true}">
<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 [(value)]="selectedJumpType">
<mat-option value="1">Option 1</mat-option>
<mat-option value="2" disabled>Option 2 (disabled)</mat-option>
<mat-option value="3">Option 3</mat-option>
</mat-select>
</mat-form-field>
<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 [(value)]="selectedAircraft">
<mat-option value="4">Option 1</mat-option>
<mat-option value="5">Option 2</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-label>Choose the DZ</mat-label>
<mat-select>
<mat-option value="option1">Option 1</mat-option>
<mat-option value="option2">Option 2</mat-option>
<mat-select [(value)]="selectedDz">
<mat-option value="6">Option 1</mat-option>
<mat-option value="7">Option 2</mat-option>
</mat-select>
</mat-form-field>
<mat-checkbox>With a cutaway ?</mat-checkbox>
<mat-checkbox [(checked)]="withCutaway">With a cutaway ?</mat-checkbox>
<mat-form-field>
<input matInput [matDatepicker]="beginDate" [value]="date.value" disabled>
<mat-datepicker-toggle matSuffix [for]="beginDate"></mat-datepicker-toggle>
<mat-datepicker #beginDate disabled="false"></mat-datepicker>
<input matInput [matDatepicker]="beginDateDp" [value]="beginDate.value" disabled>
<mat-datepicker-toggle matSuffix [for]="beginDateDp"></mat-datepicker-toggle>
<mat-datepicker #beginDateDp disabled="false"></mat-datepicker>
</mat-form-field>
<mat-form-field>
<input matInput [matDatepicker]="endDate" [value]="date.value" disabled>
<mat-datepicker-toggle matSuffix [for]="endDate"></mat-datepicker-toggle>
<mat-datepicker #endDate disabled="false"></mat-datepicker>
<input matInput [matDatepicker]="endDateDp" [value]="endDate.value" disabled>
<mat-datepicker-toggle matSuffix [for]="endDateDp"></mat-datepicker-toggle>
<mat-datepicker #endDateDp disabled="false"></mat-datepicker>
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Exit altitude" [(ngModel)]="defaultExitAltitude">
<input matInput placeholder="Exit altitude" [(value)]="defaultExitAltitude">
<button mat-button *ngIf="defaultExitAltitude" matSuffix mat-icon-button aria-label="Clear"
(click)="defaultExitAltitude=''">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Deploy altitude" [(ngModel)]="defaultDeployAltitude">
<input matInput placeholder="Deploy altitude" [(value)]="defaultDeployAltitude">
<button mat-button *ngIf="defaultDeployAltitude" matSuffix mat-icon-button aria-label="Clear"
(click)="defaultDeployAltitude=''">
<mat-icon>close</mat-icon>
@@ -60,4 +60,6 @@
</button>
</mat-form-field>
</div>
<br />
<button class="btn btn-primary">Submit</button>
</form>