Sort scheduling/activity parameters according to optional order provided in the metadata

Author: adrienmaillard

src/components/parameters/ParameterRecStruct.svelte

@@ -12,6 +12,7 @@
   import ParameterName from './ParameterName.svelte';
   import ParameterRec from './ParameterRec.svelte';
   import ParameterUnits from './ParameterUnits.svelte';
+  import { compare } from '../../utilities/generic';
 
   export let disabled: boolean = false;
   export let expanded: boolean = false;
@@ -33,22 +34,25 @@
 
   function getSubFormParameters(formParameter: FormParameter<ValueSchemaStruct>): FormParameter[] {
     const { schema, value = [] } = formParameter;
-    const { items: keys } = schema;
+    const { items: keys, metadata } = schema;
+    const order = metadata?.item_order;
     const structKeys = Object.keys(keys).sort();
 
     const subFormParameters = structKeys.map((key, index) => {
       let subFormParameter: FormParameter = {
         errors: null,
         key,
         name: key,
-        order: index,
+        order: order ? order.indexOf(key) : index,
         schema: schema.items[key],
         value: value !== null ? value[key] : null,
         valueSource: formParameter.valueSource,
       };
       return subFormParameter;
     });
 
+    subFormParameters.sort((a, b) => compare(a.order, b.order));
+
     return subFormParameters;
   }
 

src/components/scheduling/goals/SchedulingGoal.svelte

@@ -61,11 +61,13 @@
     const schema = version?.parameter_schema;
 
     if (schema && schema.type === 'struct') {
-      formParameters = Object.entries(schema.items).map(([name, subschema], i) => {
+      const { items, metadata } = schema;
+      const order = metadata?.item_order;
+      formParameters = Object.entries(items).map(([name, subschema], i) => {
         return {
           errors: null,
           name,
-          order: i,
+          order: order ? order.indexOf(name) : i,
           required: true,
           schema: subschema,
           value: