[#464] Fix js

src/objects/js/components/admin/permissions/auth-fields.js

@@ -61,6 +61,14 @@ const authFields = (object_fields, dataFields, fields, setFields) => {
 };
 
 const versionAuthFields = (objectType, objectFields, dataFieldChoices, fields, setFields) => {
+    if (!(objectType in dataFieldChoices)) {
+        return (
+            <div className="errornote">
+                <p>To be able to select fields, first you must save the instance and then you can edit the fields!</p>
+                <p>Click on button <strong>'Save and continue editing'</strong></p>
+            </div>
+        );
+    }
 
     const dataFields = dataFieldChoices[objectType];
     const objecttypeVersions = Object.entries(dataFieldChoices).reduce((acc, [k, v]) => {

src/objects/js/components/admin/permissions/permission-form.js

@@ -9,8 +9,10 @@ const PermissionForm = ({objectFields, dataFieldChoices, tokenChoices, objecttyp
     const [mode, setMode]  = useState(values["mode"]);
     const [useFields, setUseFields] = useState(values["use_fields"]);
     const [objectType, setObjectType] = useState(values["object_type"]);
-
-    const [fields, setFields] = useState( JSON.parse(values["fields"]) || {});
+    if (!values["fields"]) {
+        values["fields"] = "{}"
+      }
+    const [fields, setFields] = useState( JSON.parse(values["fields"]) || {})
 
     return (
      <fieldset className="module aligned">
@@ -63,7 +65,7 @@ const PermissionForm = ({objectFields, dataFieldChoices, tokenChoices, objecttyp
                 name="use_fields"
                 id="id_use_fields"
                 label="Use field-based authorization"
-                disabled={mode === "read_and_write" || Object.keys(dataFieldChoices).length === 0}
+                disabled={!mode || mode === "read_and_write"}
                 value={useFields}
                 onChange={(value) => {setUseFields(value)}}
             />