From fb75113a086d8b36b79e41414791e89c64db7054 Mon Sep 17 00:00:00 2001
From: Andreas Knuth <andreas.knuth@gmail.com>
Date: Sat, 30 Nov 2024 20:55:44 +0100
Subject: [PATCH] new image url

---
 src/app/deck-list.component.html       | 3 ++-
 src/app/training/training.component.ts | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/deck-list.component.html b/src/app/deck-list.component.html
index 5e5cf31..0c9ea7c 100644
--- a/src/app/deck-list.component.html
+++ b/src/app/deck-list.component.html
@@ -31,9 +31,10 @@
         <!-- Liste der Bilder mit Anzahl der Boxen und Icons -->
         <ul class="mb-4">
           <li *ngFor="let image of deck.images" class="flex justify-between items-center py-2 border-b last:border-b-0">
-            <div>
+            <div class="flex items-center">
               <span class="font-medium">{{ image.name }}</span>
               <span class="text-gray-600">({{ image.boxes.length }} Boxen)</span>
+              <img src="/api/debug_image/{{image.id}}/thumbnail.jpg">
             </div>
             <div class="flex space-x-2">
               <!-- Edit Icon -->
diff --git a/src/app/training/training.component.ts b/src/app/training/training.component.ts
index 3a60d6a..7d5d419 100644
--- a/src/app/training/training.component.ts
+++ b/src/app/training/training.component.ts
@@ -64,7 +64,7 @@ export class TrainingComponent implements OnInit {
     if (!ctx || !this.currentImageData) return;
 
     const img = new Image();
-    img.src = `/api/debug_image/${this.currentImageData.id}`;
+    img.src = `/api/debug_image/${this.currentImageData.id}/original_compressed.jpg`;
     img.onload = () => {
       // Set canvas size to image size
       canvas.width = img.width;