add dynamic route upload_files

Author: JulienChampagnol

components/FileSelector.vue

@@ -2,7 +2,7 @@
   <FetchingData v-if="loading" />
   <FileUploader
     v-else
-    v-bind="{ multiple, accept }"
+    v-bind="{ multiple, accept, route }"
     @files_uploaded="files_uploaded_event"
   />
 </template>
@@ -17,10 +17,11 @@
   const props = defineProps({
     multiple: { type: Boolean, required: true },
     key: { type: String, required: false, default: "" },
+    route: { type: String, required: false, default: "" },
     schema: { type: Object, required: true },
   })
 
-  const { multiple, key, schema } = props
+  const { multiple, key, route, schema } = props
 
   const accept = ref("")
   const loading = ref(false)

components/FileUploader.vue

@@ -18,7 +18,7 @@
   <v-row>
     <v-col cols="auto">
       <v-btn
-        @click="upload_files(files)"
+        @click="upload_files()"
         color="primary"
         :disabled="!files.length && !files_uploaded"
         :loading="loading"
@@ -36,8 +36,9 @@
   const props = defineProps({
     multiple: { type: Boolean, required: true },
     accept: { type: String, required: true },
+    route: { type: String, required: true },
   })
-  const { multiple, accept } = toRefs(props)
+  const { multiple, accept, route } = toRefs(props)
 
   const label = multiple ? "Please select file(s)" : "Please select a file"
   const files = ref([])
@@ -49,7 +50,7 @@
   async function upload_files() {
     toggle_loading()
     await upload_file(
-      { route: `tools/upload_file`, files },
+      { route, files: multiple ? files.value : [files.value[0]] },
       {
         response_function: () => {
           files_uploaded.value = true

components/MissingFilesSelector.vue

@@ -26,7 +26,7 @@
     <v-row>
       <v-col cols="12">
         <FileUploader
-          v-bind="{ multiple, accept }"
+          v-bind="{ multiple, accept, route }"
           @files_uploaded="files_uploaded"
         />
       </v-col>
@@ -53,10 +53,11 @@
     multiple: { type: Boolean, required: true },
     input_geode_object: { type: String, required: true },
     files: { type: Array, required: true },
+    route: { type: String, required: true },
     schema: { type: Object, required: true },
   })
 
-  const { multiple, input_geode_object, files, schema } = props
+  const { multiple, input_geode_object, files, route, schema } = props
 
   const accept = ref("")
   const loading = ref(false)
@@ -98,6 +99,7 @@
               .map((filename) => "." + filename.split(".").pop())
               .join(",")
             if (!has_missing_files.value) {
+              console.log("MISSING FILESSELECTOR increment_current_step")
               emit("increment_current_step")
             }
           },