include fabric.js + Bugs

src/app/deck-list.component.ts

@@ -1,12 +1,10 @@
 // src/app/deck-list.component.ts
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
 import { DeckService, Deck } from './deck.service';
 import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
 import { CreateDeckModalComponent } from './create-deck-modal/create-deck-modal.component';
 import { TrainingComponent } from './training/training.component';
 import { UploadImageModalComponent } from './upload-image-modal/upload-image-modal.component';
-import { initFlowbite } from 'flowbite';
 
 
 @Component({
@@ -24,6 +22,11 @@ export class DeckListComponent implements OnInit {
   decks: Deck[] = [];
   selectedDeck: Deck | null = null;
 
+  @ViewChild(CreateDeckModalComponent) createDeckModal!: CreateDeckModalComponent;
+  @ViewChild(UploadImageModalComponent) uploadImageModal!: UploadImageModalComponent;
+
+  currentUploadDeckName: string = '';
+
   constructor(private deckService: DeckService) { }
 
   ngOnInit(): void {
@@ -55,4 +58,15 @@ export class DeckListComponent implements OnInit {
     this.selectedDeck = null;
     this.loadDecks();
   }
+
+  openCreateDeckModal(): void {
+    this.createDeckModal.open();
+  }
+
+  openUploadImageModal(deckName: string): void {
+    this.currentUploadDeckName = deckName;
+    this.uploadImageModal.deckName = deckName;
+    this.uploadImageModal.open();
+  }
 }
+