promises and resove.all

Author: JulienChampagnol

components/ExtensionSelector.vue

@@ -72,16 +72,31 @@
 
   async function get_output_file_extensions() {
     toggle_loading()
-    const params = { input_geode_object, filenames }
-    await api_fetch(
-      { schema, params },
-      {
-        response_function: (response) => {
-          geode_objects_and_output_extensions.value =
-            response._data.geode_objects_and_output_extensions
-        },
-      },
-    )
+    geode_objects_and_output_extensions.vaue = {}
+    var promise_array = []
+    for (const filename of filenames) {
+      const params = { input_geode_object, filename }
+      const promise = new Promise((resolve, reject) => {
+        api_fetch(
+          { schema, params },
+          {
+            request_error_function: () => {
+              reject()
+            },
+            response_function: (response) => {
+              geode_objects_and_output_extensions.value =
+                response._data.geode_objects_and_output_extensions
+              resolve()
+            },
+            response_error_function: () => {
+              reject()
+            },
+          },
+        )
+      })
+      promise_array.push(promise)
+    }
+    await Promise.all(promise_array)
     toggle_loading()
   }
 

components/FileUploader.vue

@@ -49,15 +49,29 @@
 
   async function upload_files() {
     toggle_loading()
-    await upload_file(
-      { route, files: multiple ? files.value : [files.value[0]] },
-      {
-        response_function: () => {
-          files_uploaded.value = true
-          emit("files_uploaded", files.value)
-        },
-      },
-    )
+    var promise_array = []
+    for (const file of files.value) {
+      const promise = new Promise((resolve, reject) => {
+        upload_file(
+          { route, file },
+          {
+            request_error_function: () => {
+              reject()
+            },
+            response_function: () => {
+              resolve()
+            },
+            response_error_function: () => {
+              reject()
+            },
+          },
+        )
+      })
+      promise_array.push(promise)
+    }
+    await Promise.all(promise_array)
+    files_uploaded.value = true
+    emit("files_uploaded", files.value)
     toggle_loading()
   }
 

components/MissingFilesSelector.vue

@@ -73,32 +73,41 @@
   }
 
   async function missing_files() {
+    toggle_loading()
     has_missing_files.value = false
     mandatory_files.value = []
     additional_files.value = []
-    toggle_loading()
-    const params = { input_geode_object, filenames }
-    await api_fetch(
-      { schema, params },
-      {
-        response_function: (response) => {
-          has_missing_files.value = response._data.has_missing_files
-          mandatory_files.value = response._data.mandatory_files
-          additional_files.value = response._data.additional_files
 
-          const files_list = [].concat(
-            mandatory_files.value,
-            additional_files.value,
-          )
-          accept.value = files_list
-            .map((filename) => "." + filename.split(".").pop())
-            .join(",")
-          if (!has_missing_files.value) {
-            emit("increment_step")
-          }
+    for (const filename of filenames) {
+      const params = { input_geode_object, filename }
+      await api_fetch(
+        { schema, params },
+        {
+          request_error_function: () => {
+            resolve()
+          },
+          response_function: (response) => {
+            has_missing_files.value = response._data.has_missing_files
+            mandatory_files.value = response._data.mandatory_files
+            additional_files.value = response._data.additional_files
+
+            const files_list = [].concat(
+              mandatory_files.value,
+              additional_files.value,
+            )
+            accept.value = files_list
+              .map((filename) => "." + filename.split(".").pop())
+              .join(",")
+            if (!has_missing_files.value) {
+              emit("increment_step")
+            }
+          },
+          response_error_function: () => {
+            resolve()
+          },
         },
-      },
-    )
+      )
+    }
 
     toggle_loading()
   }

components/ObjectSelector.vue

@@ -49,16 +49,33 @@
   const toggle_loading = useToggle(loading)
 
   async function get_allowed_objects() {
-    const params = { filenames, key }
     toggle_loading()
-    await api_fetch(
-      { schema, params },
-      {
-        response_function: (response) => {
-          allowed_objects.value = response._data.allowed_objects
-        },
-      },
-    )
+    allowed_objects.value = []
+    var promise_array = []
+    for (const filename of filenames) {
+      const params = { filename, key }
+      const promise = new Promise((resolve, reject) => {
+        api_fetch(
+          { schema, params },
+          {
+            request_error_function: () => {
+              reject()
+            },
+            response_function: (response) => {
+              console.log(response._data.allowed_objects)
+              allowed_objects.value = response._data.allowed_objects
+
+              resolve()
+            },
+            response_error_function: () => {
+              reject()
+            },
+          },
+        )
+      })
+      promise_array.push(promise)
+    }
+    await Promise.all(promise_array)
     toggle_loading()
   }
 

composables/upload_file.js

@@ -1,14 +1,12 @@
 export function upload_file(
-  { route, files },
+  { route, file },
   { request_error_function, response_function, response_error_function } = {},
 ) {
   const errors_store = use_errors_store()
   const geode_store = use_geode_store()
 
   const body = new FormData()
-  for (let i = 0; i < files.length; i++) {
-    body.append("content", files[i])
-  }
+  body.append("file", file)
 
   const request_options = {
     method: "PUT",