From b3c2233454cb1504cf8e5ee21b2bc77655e1f607 Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Tue, 23 Jan 2024 19:05:20 +0100
Subject: [PATCH] remove use of v1 api in item edit modal, which caused a
 prompt for http basic auth

---
 web/src/components/inputs/InputPhoto.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/src/components/inputs/InputPhoto.vue b/web/src/components/inputs/InputPhoto.vue
index 5b022d5..e50033b 100644
--- a/web/src/components/inputs/InputPhoto.vue
+++ b/web/src/components/inputs/InputPhoto.vue
@@ -3,7 +3,7 @@
         <img
             v-if="!capturing"
             class="img-fluid rounded mx-auto d-block mb-3 img-preview"
-            :src="dataImage || `https://c3lf.de/api/1/thumbs/${model[field]}`"
+            :src="dataImage"
             alt="Image not available."
         />
         <video
@@ -108,11 +108,23 @@ export default {
                 });
                 console.log('Error: ', error);
             };
+        },
+        loadImage() {
+            this.fetchImage('/media/2/' + this.model[this.field] + '/').then((response) => {
+                const mime_type = response.headers.get("content-type");
+                response.arrayBuffer().then((buf) => {
+                    const base64 = btoa(new Uint8Array(buf)
+                        .reduce((data, byte) => data + String.fromCharCode(byte), ""));
+                    this.dataImage = "data:" + mime_type + ";base64," + base64;
+                });
+            })
         }
     },
     mounted() {
         if (!this.model[this.field])
             this.openStream();
+        else
+            this.loadImage();
     },
     beforeDestroy() {
         this.closeStream();