fix: streamline AI response handling in analyzeFields functions

Author: yaroslav8765

custom/visionAction.vue

@@ -330,9 +330,8 @@ async function convertImages(fieldName, img) {
 
 
 async function analyzeFields() {
+  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => false);
   try {
-    isAiResponseReceivedAnalize.value = props.checkboxes.map(() => false);
-
     const res = await callAdminForthApi({
       path: `/plugin/${props.meta.pluginInstanceId}/analyze`,
       method: 'POST',
@@ -341,8 +340,6 @@ async function analyzeFields() {
       },
     });
 
-    isAiResponseReceivedAnalize.value = props.checkboxes.map(() => true);
-
     if (res?.error) {
       adminforth.alert({
         message: res.error,
@@ -380,23 +377,20 @@ async function analyzeFields() {
     //isCriticalError.value = true;
     errorMessage.value = res.error;
   }
+  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => true);
 }
 
 
 async function analyzeFieldsNoImages() {
+  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => false);
   try {
-    isAiResponseReceivedAnalize.value = props.checkboxes.map(() => false);
-
     const res = await callAdminForthApi({
       path: `/plugin/${props.meta.pluginInstanceId}/analyze_no_images`,
       method: 'POST',
       body: {
         selectedIds: props.checkboxes,
       },
     });
-    if(!props.meta.isFieldsForAnalizeFromImages) {
-      isAiResponseReceivedAnalize.value = props.checkboxes.map(() => true);
-    }
     if(res?.error) {
       adminforth.alert({
         message: res.error,
@@ -432,6 +426,9 @@ async function analyzeFieldsNoImages() {
       //isCriticalError.value = true;
       errorMessage.value = `Failed to analyze fields. Please, try to re-run the action.`;
   }
+  if(!props.meta.isFieldsForAnalizeFromImages) {
+    isAiResponseReceivedAnalize.value = props.checkboxes.map(() => true);
+  }
 }
 
 

custom/visionTable.vue

@@ -78,7 +78,7 @@
           </div>
         </div>
 
-        <div v-else-if="isAiResponseReceivedImage[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])]">
+        <div v-if="isAiResponseReceivedImage[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])]">
           <div v-if="isInColumnImage(n)">
             <div class="mt-2 flex items-center justify-center gap-2">
               <img 
@@ -102,11 +102,11 @@
           </div>
         </div>
 
-        <div v-else-if="isInColumnImage(n)">
+        <div v-if="!isAiResponseReceivedImage[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])] && isInColumnImage(n)">
             <Skeleton type="image" class="w-20 h-20" />
         </div>
 
-        <div v-else>
+        <div v-if="!isAiResponseReceivedAnalize[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])] && !isInColumnImage(n)">
           <Skeleton class="w-full h-6" />
         </div>
       </template>