Set job metadata as body

Author: alexjennings

src/components/job/JobCreateForm.jsx

@@ -12,6 +12,7 @@ import FieldTypeArray from '../ui/FieldTypeArray';
 import FormSection from '../ui/FormSection';
 import { KeyValuePairType } from '../ui/FormType';
 import { StatefulAsyncSelect } from '../ui/Select';
+import { SimpleMetadataTypeForm } from '../ui/SimpleMetadataField';
 
 const queryParams = () => (
   <>
@@ -25,14 +26,14 @@ const queryParams = () => (
       fullWidth
       creatable
     />
-    <FieldTypeArray
+    {/* <FieldTypeArray
       name="jobmetadata"
       component={KeyValuePairType}
-      label="Job Metadata"
+      label="Job Metadata (Query Param)"
       withHeader={false}
       arrayHeader
       dense
-    />
+    /> */}
     <FormControl fullWidth>
       <InputLabel htmlFor="priority">Priority</InputLabel>
       <Field name="priority" component={Select}>
@@ -60,6 +61,12 @@ function JobCreateForm({ error, handleSubmit }) {
     <form onSubmit={handleSubmit}>
       {error && <Typography color="error">{error}</Typography>}
       <FormSection name="queryParams" component={queryParams} />
+      <FormSection
+        name="simpleMetadataDocument"
+        component={SimpleMetadataTypeForm}
+        label="Job Metadata"
+      />
+
       <button type="submit" hidden />
     </form>
   );

src/formactions/job.js

@@ -1,5 +1,7 @@
 import { job as JobApi } from '@vidispine/vdt-api';
 
+import { SimpleMetadataType } from '../components/ui/FormType';
+
 import withSubmissionError from './withSubmissionError';
 
 export const onJobList = withSubmissionError((form) => {
@@ -54,8 +56,9 @@ export const onAbortJob = withSubmissionError((form, dispatch, props) => {
 });
 
 export const onCreateJob = withSubmissionError((form) => {
-  const { queryParams } = form;
+  const { queryParams, simpleMetadataDocument } = form;
   return JobApi.createJob({
     queryParams,
+    simpleMetadataDocument,
   });
 });