Update angular/core et angular/cli
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
(ngSubmit)="onSubmit(imgForm.value)"
|
||||
autocomplete="off"
|
||||
style="padding: 10px"
|
||||
>
|
||||
>
|
||||
<p>
|
||||
<input
|
||||
type="file"
|
||||
@@ -14,7 +14,7 @@
|
||||
accept="image/*"
|
||||
formControlName="image"
|
||||
(change)="onFileChanged($event)"
|
||||
/>
|
||||
/>
|
||||
</p>
|
||||
<p>
|
||||
<mat-form-field>
|
||||
@@ -31,43 +31,42 @@
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div *ngIf="resultsLength > 0">
|
||||
<table mat-table [dataSource]="dataSourceTable">
|
||||
<ng-container matColumnDef="comment">
|
||||
<th mat-header-cell *matHeaderCellDef style="text-align: center">
|
||||
Comments
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let element" style="text-align: left">
|
||||
<span style="white-space: nowrap">{{ element.comment }}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="data">
|
||||
<th mat-header-cell *matHeaderCellDef style="text-align: center">
|
||||
Image
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let element" style="text-align: center">
|
||||
<img
|
||||
src="{{ element.data }}"
|
||||
alt="image"
|
||||
style="width: 50%"
|
||||
(click)="openModal(element)"
|
||||
class="cursor"
|
||||
/>
|
||||
</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>
|
||||
</div>
|
||||
@if (resultsLength > 0) {
|
||||
<div>
|
||||
<table mat-table [dataSource]="dataSourceTable">
|
||||
<ng-container matColumnDef="comment">
|
||||
<th mat-header-cell *matHeaderCellDef style="text-align: center">
|
||||
Comments
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let element" style="text-align: left">
|
||||
<span style="white-space: nowrap">{{ element.comment }}</span>
|
||||
</td>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="data">
|
||||
<th mat-header-cell *matHeaderCellDef style="text-align: center">
|
||||
Image
|
||||
</th>
|
||||
<td mat-cell *matCellDef="let element" style="text-align: center">
|
||||
<img
|
||||
src="{{ element.data }}"
|
||||
alt="image"
|
||||
style="width: 50%"
|
||||
(click)="openModal(element)"
|
||||
class="cursor"
|
||||
/>
|
||||
</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>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div
|
||||
class="imgmodal"
|
||||
[ngStyle]="{ display: showPopin === true ? 'block' : 'none' }"
|
||||
>
|
||||
>
|
||||
<span class="close cursor" (click)="closeModal()">×</span>
|
||||
<mat-icon
|
||||
aria-hidden="false"
|
||||
@@ -82,6 +81,6 @@
|
||||
src="{{ popinImage }}"
|
||||
(click)="closeModal()"
|
||||
[@rotatedState]="stateRotation"
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user