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

Mise à jour des packages NPM

Browse Source 
+ style dans le profile utilisateur
This commit is contained in:
Sébastien André
2020-06-10 12:27:27 +02:00
parent 1d6d1272ef
commit 00a822df0d
5 changed files with 3496 additions and 3010 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.html
View File

@@ -1,41 +1,40 @@
<form [formGroup]="imgForm" (ngSubmit)="onSubmit(imgForm.value)" autocomplete="off" style="padding: 10px;">
<p>
<input type="file" #fileUpload id="fileUpload" name="fileUpload" accept="image/*" style="display: none;"
formControlName="image" (change)="onFileChanged($event)" />
<button (click)="fileUpload.click()">Select File</button>
</p>
<p>
<mat-form-field>
<mat-label>Comment about the image</mat-label>
<input matInput type="text" formControlName="comment" />
</mat-form-field>
</p>
<div style="display: flex; flex-direction: row;">
<div style="width: 40%;">
<form [formGroup]="imgForm" (ngSubmit)="onSubmit(imgForm.value)" autocomplete="off" style="padding: 10px;">
<p>
<input type="file" #fileUpload id="fileUpload" name="fileUpload" accept="image/*" formControlName="image"
(change)="onFileChanged($event)" />
</p>
<p>
<mat-form-field>
<mat-label>Comment about the image</mat-label>
<input matInput type="text" formControlName="comment" />
</mat-form-field>
</p>
<button mat-button color="warn" type="submit">
<mat-icon>file_upload</mat-icon>
Upload image
</button>
<label>{{ imageError }}</label>
</form>
<button mat-button color="warn" type="submit">
<mat-icon>file_upload</mat-icon>
Upload image
</button>
<label>{{ imageError }}</label>
</form>
</div>
<div style="width: 40%;">
<table mat-table [dataSource]="dataSourceTable">
<ng-container matColumnDef="comment">
<th mat-header-cell *matHeaderCellDef>Name</th>
<td mat-cell *matCellDef="let element">{{element.comment}}</td>
</ng-container>
<table mat-table [dataSource]="dataSourceTable">
<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef>ID</th>
<td mat-cell *matCellDef="let element">{{element.id}}</td>
</ng-container>
<ng-container matColumnDef="data">
<th mat-header-cell *matHeaderCellDef>Image</th>
<td mat-cell *matCellDef="let element"><img src="{{element.data}}" alt="toto"></td>
</ng-container>
<ng-container matColumnDef="comment">
<th mat-header-cell *matHeaderCellDef>Name</th>
<td mat-cell *matCellDef="let element">{{element.comment}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<ng-container matColumnDef="data">
<th mat-header-cell *matHeaderCellDef>Manufacturer</th>
<td mat-cell *matCellDef="let element"><img src="{{element.data}}" alt="toto"></td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
</div>
</div>