Upload index.html

index.html

@@ -52,6 +52,7 @@
                     type="text"
                     id="url"
                     placeholder="https://example.com/api"
+                    value="https://api.app.deeploy.ml/workspaces/5aff1650-8d8c-4d0c-b4da-87146360ba82/deployments/8df40f37-11cc-473f-aff5-2112de56f84e/predict"
                   />
                 </div>
                 <div class="input-group">
@@ -370,6 +371,7 @@
                     type="text"
                     id="url-ocr"
                     placeholder="https://example.com/api"
+                    value="https://api.app.deeploy.ml/workspaces/5aff1650-8d8c-4d0c-b4da-87146360ba82/deployments/796f79bd-bab8-495e-bc90-6654903312fe/predict"
                   />
                 </div>
                 <div class="input-group">
@@ -445,17 +447,17 @@
                   class="upload-tab"
                 >
                   <div
-                    @click="$refs.fileInput.click()"
+                    @click="$refs.fileInputOcr.click()"
                     @dragover.prevent="dragOver = true"
                     @dragleave="dragOver = false"
-                    @drop.prevent="handleDrop($event)"
+                    @drop.prevent="handleDropOcr($event)"
                     :class="{'has-image': imageUrlOcr, 'border-primary': dragOver}"
                     class="preview-area"
                   >
                     <input
                       type="file"
-                      @change="handleFileSelect"
-                      x-ref="fileInput"
+                      @change="handleFileSelectOcr"
+                      x-ref="fileInputOcr"
                       accept="image/*"
                       class="hidden"
                     />
@@ -593,7 +595,7 @@
                 </div>
 
                 <!-- Confidence Interval Slider -->
-                <div class="confidence-slider mt-2">
+                <!-- <div class="confidence-slider mt-2">
                   <label
                     for="confidence-slider"
                     class="block text-sm font-medium text-gray-700"
@@ -610,7 +612,7 @@
                   <p class="text-sm mt-1">
                     Selected: <span x-text="confidenceThreshold"></span>%
                   </p>
-                </div>
+                </div> -->
 
                 <!-- Predict Button -->
                 <div class="mt-2">
@@ -906,6 +908,13 @@
                 this.clearResults();
               }
             },
+            handleFileSelectOcr(e) {
+              const file = e.target.files[0];
+              if (file?.type.match("image.*")) {
+                this.imageUrlOcr = URL.createObjectURL(file);
+                this.clearResults();
+              }
+            },
 
             handleDrop(e) {
               this.dragOver = false;
@@ -915,6 +924,14 @@
                 this.clearResults();
               }
             },
+            handleDropOcr(e) {
+              this.dragOver = false;
+              const file = e.dataTransfer.files[0];
+              if (file?.type.match("image.*")) {
+                this.imageUrlOcr = URL.createObjectURL(file);
+                this.clearResults();
+              }
+            },
 
             clearImage() {
               if (this.imageUrl) {