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

Begining of the style of info popin

Browse Source 
for the jumps
This commit is contained in:
Sébastien André
2021-01-07 16:54:24 +01:00
parent e6686cbc07
commit 09fda134fc
3 changed files with 19 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts
View File

@@ -24,8 +24,7 @@ export class ListOfJumpsComponent implements OnInit {
];
public dataSourceTable;
public resultsLength = 0;
private previousElementId = -1;
private closePopin = false;
private showPopinForItemId = -1;
@ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
constructor(
@@ -51,23 +50,16 @@ export class ListOfJumpsComponent implements OnInit {
}
showPopin(event, item) {
let elementId = item.id;
this.showPopinForItemId = item.id;
}
if (this.previousElementId == -1) {
this.previousElementId = elementId;
}
this.closePopin = (elementId === this.previousElementId);
if (elementId != this.previousElementId) {
this.previousElementId = elementId;
}
hidePopin(event, item) {
this.showPopinForItemId = -1;
}
calculateClasses(item) {
return {
'showPopin': !this.closePopin || item.id === this.previousElementId,
'hidePopin': this.closePopin || item.id != this.previousElementId,
'stylePopin': true
'showPopin': this.showPopinForItemId != -1 && item.id === this.showPopinForItemId,
};
}
}