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

Rotation de l'image zoomée

Browse Source
This commit is contained in:
Sébastien André
2021-04-07 11:06:24 +02:00
parent ec2b53955d
commit b0a4db5a6c
3 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -29,7 +29,7 @@
<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)">
<img src="{{element.data}}" alt="image" style="width:50%;" (click)="openModal(element)" class="cursor">
</td>
</ng-container>
@@ -42,7 +42,8 @@
<div class="imgmodal" [ngStyle]="{'display': (showPopin === true) ? 'block' : 'none'}">
<span class="close cursor" (click)="closeModal()">&times;</span>
<mat-icon aria-hidden="false" aria-label="Rotation" (click)="rotate()" class="rotate cursor">undo</mat-icon>
<div class="imgbox">
<img class="center-fit cursor" src="{{ popinImage }}" (click)="closeModal()">
<img class="center-fit cursor" src="{{ popinImage }}" (click)="closeModal()" [@rotatedState]='stateRotation'>
</div>
</div>