+
+ = new Set();
+
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);
+ }
}
+
+
+
diff --git a/src/app/deck-list.component.ts b/src/app/deck-list.component.ts
index 0b1a733..e794931 100644
--- a/src/app/deck-list.component.ts
+++ b/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
-
-
- {{ deck.name }}
- - - - {{ deck.images.length }} Bilder - - - --
- - {{ image.name }} - ({{ image.boxes.length }} Boxen) -
+ + + + {{ image.name }} + + ++ ({{ image.boxes.length }} Boxen)+
+ -+ + ++ + +