From f16ffe3cd2fb80c694e904ec41eb2428f05b9449 Mon Sep 17 00:00:00 2001
From: Sam Freund <samf.236@proton.me>
Date: Thu, 30 Oct 2025 01:11:25 -0500
Subject: [PATCH] Add progress indicator for single model OD upload (#2154)

---
 .../settings/ObjectDetectionCard.vue           | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/photon-client/src/components/settings/ObjectDetectionCard.vue b/photon-client/src/components/settings/ObjectDetectionCard.vue
index 5cfe2eaed..d135b5748 100644
--- a/photon-client/src/components/settings/ObjectDetectionCard.vue
+++ b/photon-client/src/components/settings/ObjectDetectionCard.vue
@@ -45,7 +45,23 @@ const handleImport = async () => {
 
   axios
     .post("/objectdetection/import", formData, {
-      headers: { "Content-Type": "multipart/form-data" }
+      headers: { "Content-Type": "multipart/form-data" },
+      onUploadProgress: ({ progress }) => {
+        const uploadPercentage = (progress || 0) * 100.0;
+        if (uploadPercentage < 99.5) {
+          useStateStore().showSnackbarMessage({
+            message: "Object Detection Model Upload in Process, " + uploadPercentage.toFixed(2) + "% complete",
+            color: "secondary",
+            timeout: -1
+          });
+        } else {
+          useStateStore().showSnackbarMessage({
+            message: "Processing uploaded Object Detection Model...",
+            color: "secondary",
+            timeout: -1
+          });
+        }
+      }
     })
     .then((response) => {
       useStateStore().showSnackbarMessage({