fix(components): swith to array filenames

BREAKING CHANGE: Changes props

Author: JulienChampagnol

components/ExtensionSelector.vue

@@ -58,9 +58,10 @@
 
   const props = defineProps({
     input_geode_object: { type: String, required: true },
+    filenames: { type: Array, required: true },
     schema: { type: Object, required: true },
   })
-  const { input_geode_object, schema } = props
+  const { input_geode_object, filenames, schema } = props
 
   const geode_objects_and_output_extensions = ref([])
   const loading = ref(false)
@@ -69,7 +70,7 @@
 
   async function get_output_file_extensions() {
     toggle_loading()
-    const params = { input_geode_object }
+    const params = { input_geode_object, filenames }
     await api_fetch(
       { schema, params },
       {

components/MissingFilesSelector.vue

@@ -52,12 +52,12 @@
   const props = defineProps({
     multiple: { type: Boolean, required: true },
     input_geode_object: { type: String, required: true },
-    files: { type: Array, required: true },
+    filenames: { type: Array, required: true },
     route: { type: String, required: true },
     schema: { type: Object, required: true },
   })
 
-  const { multiple, input_geode_object, files, route, schema } = props
+  const { multiple, input_geode_object, filenames, route, schema } = props
 
   const accept = ref("")
   const loading = ref(false)
@@ -76,36 +76,31 @@
     mandatory_files.value = []
     additional_files.value = []
     toggle_loading()
-    for (const file of files) {
-      const params = { input_geode_object, filename: file.name }
-      await api_fetch(
-        { schema, params },
-        {
-          response_function: (response) => {
-            has_missing_files.value = response._data.has_missing_files
-            mandatory_files.value = [].concat(
-              mandatory_files.value,
-              response._data.mandatory_files,
-            )
-            additional_files.value = [].concat(
-              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) {
-              console.log("MISSING FILESSELECTOR increment_step")
-              emit("increment_step")
-            }
-          },
+    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
+
+          console.log("response", response)
+
+          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")
+          }
         },
-      )
-    }
+      },
+    )
+
     toggle_loading()
   }
 

components/ObjectSelector.vue

@@ -36,20 +36,20 @@
   const emit = defineEmits(["update_values", "increment_step"])
 
   const props = defineProps({
-    files: { type: Array, required: true },
+    filenames: { type: Array, required: true },
     key: { type: String, required: false, default: null },
     schema: { type: Object, required: true },
   })
 
-  const { files, key, schema } = props
+  const { filenames, key, schema } = props
 
   const loading = ref(false)
   const allowed_objects = ref([])
 
   const toggle_loading = useToggle(loading)
 
   async function get_allowed_objects() {
-    const params = { filename: files[0].name, key }
+    const params = { filenames, key }
     toggle_loading()
     await api_fetch(
       { schema, params },

components/Step.vue

@@ -63,9 +63,7 @@
   }
 
   function update_values_event(keys_values_object) {
-    console.log("update_values_event", keys_values_object)
     for (const [key, value] of Object.entries(keys_values_object)) {
-      console.log(key, value)
       stepper_tree[key] = value
     }
   }