images als Tooltips, auf und zuklappbar

src/app/deck-list.component.ts

@@ -26,6 +26,9 @@ export class DeckListComponent implements OnInit {
 
   currentUploadDeckName: string = '';
 
+  // Hinzugefügt: Set zur Verfolgung erweiterter Decks
+  expandedDecks: Set<number> = new Set<number>();
+
   constructor(private deckService: DeckService) { }
 
   ngOnInit(): void {
@@ -49,15 +52,12 @@ export class DeckListComponent implements OnInit {
     });
   }
 
-  // Neue Methode zum Löschen eines Bildes
-  deleteImage(deck: Deck, image: DeckImage): void {
+  deleteImage(image: DeckImage): void {
     if (!confirm(`Bist du sicher, dass du das Bild "${image.name}" löschen möchtest?`)) {
       return;
     }
 
-    // Hier gehen wir davon aus, dass das Deck eine eindeutige ID hat. Falls nicht, passe den Code entsprechend an.
-    const deckId = deck.id; // Stelle sicher, dass das Deck eine `id` hat
-    const imageId = image.id; // Stelle sicher, dass das Bild eine `id` hat
+    const imageId = image.id; 
 
     this.deckService.deleteImage(imageId).subscribe({
       next: () => this.loadDecks(),
@@ -83,4 +83,18 @@ export class DeckListComponent implements OnInit {
     this.uploadImageModal.deckName = deckName;
     this.uploadImageModal.open();
   }
+
+  // Hinzugefügt: Methode zum Umschalten der Deck-Erweiterung
+  toggleDeckExpansion(deckId: number): void {
+    if (this.expandedDecks.has(deckId)) {
+      this.expandedDecks.delete(deckId);
+    } else {
+      this.expandedDecks.add(deckId);
+    }
+  }
+
+  // Hinzugefügt: Methode zur Überprüfung, ob ein Deck erweitert ist
+  isDeckExpanded(deckId: number): boolean {
+    return this.expandedDecks.has(deckId);
+  }
 }