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

Début pour afficher une popin affichant les

Browse Source 
images dans le profil utilisateur.
This commit is contained in:
Sébastien André
2021-04-06 18:26:34 +02:00
parent 0c6cb2a246
commit 6b927be26a
4 changed files with 61 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,7 +28,9 @@
<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="toto" style="width:50%;"></td>
<td mat-cell *matCellDef="let element" style="text-align: center;">
<img src="{{element.data}}" alt="image" style="width:50%;" (click)="openModal(element)">
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
@@ -37,3 +39,10 @@
<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
</div>
<div id="imgModal" class="slide-modal" [ngStyle]="{'display': (showPopin === true) ? 'block' : 'none'}">
<span class="close cursor" (click)="closeModal()">&times;</span>
<div class="slide-modal-content">
<img class="images" src="{{ popinImage }}" (click)="closeModal()" style="width: 100%; display: table;">
</div>
</div>