Style pour la popin de saut

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

@@ -24,6 +24,7 @@ export class ListOfJumpsComponent implements OnInit {
   ];
   public dataSourceTable;
   public resultsLength = 0;
+  private previousElementId = -1;
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
 
   constructor(
@@ -47,4 +48,24 @@ export class ListOfJumpsComponent implements OnInit {
       }, 500);
     });
   }
+
+  showPopin(event, item) {
+    let elementId = item.id;
+
+    if (this.previousElementId == -1) {
+      this.previousElementId = elementId;
+    }
+
+    if (elementId != this.previousElementId ) {
+      this.previousElementId = elementId;
+    }
+  }
+
+  calculateClasses(item) {
+    return {
+      'showPopin': item.id === this.previousElementId,
+      'hidePopin': item.id != this.previousElementId,
+      'stylePopin': true
+  };
+  }
 }