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

New popin for the jump infos

Browse Source
This commit is contained in:
Sébastien André
2021-01-08 18:31:54 +01:00
parent d7c02d7fc0
commit 22df1400bd
7 changed files with 65 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
View File

@@ -7,28 +7,7 @@
<th mat-header-cell *matHeaderCellDef></th>
<td mat-cell *matCellDef="let element" style="text-align: left;">
<mat-icon aria-hidden="false" aria-label="All informations of the jump" style="cursor: pointer;"
#tooltip="matTooltip" matTooltip="Tooltips in Angular" matTooltipPosition="above"
(click)="tooltip.toggle()">info</mat-icon>
<ng-template #popinContent>
<span>
Gear : {{element.gear.mainCanopy}} ({{element.gear.mainCanopy}})
<br>Cutaway : {{element.withCutaway}}
<br>Notes : {{element.notes}}
</span>
</ng-template>
<!--
(mouseover)='showPopin($event, element)'
(mouseout)='hidePopin($event, element)'
<div [ngClass]="calculateClasses(element)" style="display: none;">
<span>
Gear : {{element.gear.mainCanopy}} ({{element.gear.mainCanopy}})
<br>Cutaway : {{element.withCutaway}}
<br>Notes : {{element.notes}}</span>
</div> -->
(click)='openDialog(element)'>info</mat-icon>
</td>
</ng-container>