better re-processing OCR for admin

opus_submitter/src/components/AdminPanel.vue

@@ -112,11 +112,19 @@
                 <td>
                   <button
                     @click="openValidationModal(response)"
-                    class="btn btn-sm btn-primary"
+                    class="btn btn-sm btn-primary mr-2"
                   >
                     <i class="mdi mdi-check-circle mr-1"></i>
                     Validate
                   </button>
+                  <button
+                    v-if="response.id"
+                    @click="autoValidation(response.id)"
+                    class="btn btn-sm btn-warning"
+                  >
+                    <i class="mdi mdi-check-circle mr-1"></i>
+                    Auto Validation
+                  </button>
                 </td>
               </tr>
             </tbody>
@@ -143,6 +151,10 @@
         <img :src="file.file_url" />
       </div>
 
+      <div class="mockup-code w-full">
+        <pre><code>{{ validationModal}}</code></pre>
+      </div>
+
       <div v-if="validationModal.response" class="space-y-4">
         <div class="alert alert-info">
           <i class="mdi mdi-information-outline"></i>
@@ -339,6 +351,21 @@ const closeValidationModal = () => {
   };
 };
 
+const autoValidation = async (id: number) => {
+  const { data } = await apiService.autoValidateResponses(id);
+  console.log(data);
+
+  if (data && !data.needs_manual_validation) {
+    // Remove from validation list
+    responsesNeedingValidation.value = responsesNeedingValidation.value.filter(
+      (r) => r.id !== id,
+    );
+    console.log(stats.value);
+    stats.value.needs_validation -= 1;
+    console.log(stats.value);
+  }
+};
+
 const submitValidation = async () => {
   if (!validationModal.value.response?.id) return;