Ajout d'un thème général

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

@@ -0,0 +1 @@
+

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

@@ -46,7 +46,7 @@
     </mat-form-field>
   </p>
 
-  <button [disabled]="loading" mat-button>
+  <button [disabled]="loading" mat-raised-button color="accent">
     <span *ngIf="loading" class="spinner-border spinner-border-sm mr-1"></span>
     Create user and login
   </button>

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

@@ -43,7 +43,7 @@ export class CreateUserComponent implements OnInit {
         lastname: ["", [Validators.required, Validators.minLength(3)]],
         email: ["", [Validators.required, Validators.email]]
       },
-      { updateOn: "submit" }
+      { updateOn: "blur" }
     );
 
     // get return url from route parameters or default to '/'

Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="dataSourceTable != null else loading" class="table-container">
-  <button mat-button (click)="openDialogToAdd()" mat-button>Add a aircraft</button>
+  <button mat-raised-button color="accent" (click)="openDialogToAdd()">Add a aircraft</button>
 
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="id">

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

@@ -1,5 +1,5 @@
 <div *ngIf="dataSourceTable != null else loading" class="table-container">
-  <button mat-button (click)="openDialogToAdd()" mat-button>Add a drop zone</button>
+  <button mat-raised-button color="accent" (click)="openDialogToAdd()">Add a drop zone</button>
 
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="isfavorite">

Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="dataSourceTable != null else loading" class="table-container">
-  <button mat-button (click)="openDialogToAdd()" mat-button>Add a gear</button>
+  <button mat-raised-button color="accent" (click)="openDialogToAdd()">Add a gear</button>
 
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="id">

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

@@ -1,5 +1,5 @@
 <div *ngIf="dataSourceTable != null else loading" class="table-container">
-  <button mat-button (click)="openDialogToAdd()" mat-button>Add a jump type</button>
+  <button mat-raised-button color="accent" (click)="openDialogToAdd()">Add a jump type</button>
 
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="id">

Front/skydivelogs-app/src/app/login-user/login-user.component.html

@@ -25,7 +25,7 @@
     </mat-form-field>
   </p>
 
-  <button [disabled]="loading" mat-button>
+  <button [disabled]="loading" mat-raised-button color="accent">
     <span *ngIf="loading" class="spinner-border spinner-border-sm mr-1"></span>
     Login
   </button>

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

@@ -3,5 +3,5 @@
     <label for="aircraftName">Aircraft name</label>
     <input id="aircraftName" type="text" formControlName="aircraftName" class="form-control">
   </p>
-  <button type="submit" mat-button>Add</button>
+  <button type="submit" mat-raised-button color="accent">Add</button>
 </form>

Front/skydivelogs-app/src/app/new-drop-zone/new-drop-zone.component.html

@@ -27,5 +27,5 @@
     <mat-checkbox formControlName="isTunnel">Is a tunnel</mat-checkbox>
   </mat-form-field>
   <br>
-  <button type="submit" mat-button>Add</button>
+  <button type="submit" mat-raised-button color="accent">Add</button>
 </form>

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

@@ -28,5 +28,5 @@
     <input id="reserveCanopy" type="text" formControlName="reserveCanopy" class="form-control">
   </p>
 
-  <button mat-button type="submit">Add</button>
+  <button mat-raised-button color="accent" type="submit">Add</button>
 </form>

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

@@ -3,5 +3,5 @@
     <label for="jumptypeName">Jump type name</label>
     <input id="jumptypeName" type="text" formControlName="jumptypeName" class="form-control">
   </p>
-  <button type="submit" mat-button>Add</button>
+  <button type="submit" mat-raised-button color="accent">Add</button>
 </form>

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

@@ -7,7 +7,7 @@
         {{jumpType.name}}
       </mat-option>
     </mat-autocomplete>
-    <button mat-button *ngIf="selectedJumpType" matSuffix mat-icon-button aria-label="Clear"
+    <button mat-raised-button color="accent" *ngIf="selectedJumpType" matSuffix mat-icon-button aria-label="Clear"
       (click)="selectedJumpType=undefined">
       <mat-icon>close</mat-icon>
     </button>
@@ -21,7 +21,7 @@
         {{aircraft.name}}
       </mat-option>
     </mat-autocomplete>
-    <button mat-button *ngIf="selectedAircraft" matSuffix mat-icon-button aria-label="Clear"
+    <button mat-raised-button color="accent" *ngIf="selectedAircraft" matSuffix mat-icon-button aria-label="Clear"
       (click)="selectedAircraft=undefined">
       <mat-icon>close</mat-icon>
     </button>
@@ -38,7 +38,7 @@
           style="width: 16px;">
       </mat-option>
     </mat-autocomplete>
-    <button mat-button *ngIf="selectedDz" matSuffix mat-icon-button aria-label="Clear" (click)="selectedDz=undefined">
+    <button mat-raised-button color="accent" *ngIf="selectedDz" matSuffix mat-icon-button aria-label="Clear" (click)="selectedDz=undefined">
       <mat-icon>close</mat-icon>
     </button>
   </mat-form-field>
@@ -51,7 +51,7 @@
         {{gear.name}}
       </mat-option>
     </mat-autocomplete>
-    <button mat-button *ngIf="selectedGear" matSuffix mat-icon-button aria-label="Clear"
+    <button mat-raised-button color="accent" *ngIf="selectedGear" matSuffix mat-icon-button aria-label="Clear"
       (click)="selectedGear=undefined">
       <mat-icon>close</mat-icon>
     </button>
@@ -73,14 +73,14 @@
 
   <mat-form-field>
     <input matInput placeholder="Exit altitude" [(ngModel)]="exitAltitude" name="exitAltitude" type="number">
-    <button mat-button *ngIf="exitAltitude" matSuffix mat-icon-button aria-label="Clear"
+    <button mat-raised-button color="accent" *ngIf="exitAltitude" matSuffix mat-icon-button aria-label="Clear"
       (click)="exitAltitude=undefined">
       <mat-icon>close</mat-icon>
     </button>
   </mat-form-field>
   <mat-form-field>
     <input matInput placeholder="Deploy altitude" [(ngModel)]="deployAltitude" name="deployAltitude" type="number">
-    <button mat-button *ngIf="deployAltitude" matSuffix mat-icon-button aria-label="Clear"
+    <button mat-raised-button color="accent" *ngIf="deployAltitude" matSuffix mat-icon-button aria-label="Clear"
       (click)="deployAltitude=undefined">
       <mat-icon>close</mat-icon>
     </button>
@@ -88,14 +88,14 @@
 
   <mat-form-field>
     <input matInput placeholder="Count of jumps" [(ngModel)]="countOfJumps" name="countOfJumps" type="number">
-    <button mat-button *ngIf="countOfJumps" matSuffix mat-icon-button aria-label="Clear"
+    <button mat-raised-button color="accent" *ngIf="countOfJumps" matSuffix mat-icon-button aria-label="Clear"
       (click)="countOfJumps=undefined">
       <mat-icon>close</mat-icon>
     </button>
   </mat-form-field>
 
   <br />
-  <button mat-button *ngIf="isValidatedForm()">Submit</button>
+  <button mat-raised-button color="accent" *ngIf="isValidatedForm()">Submit</button>
 </form>
 
 <ng-template #loading>