Commit 208248c9 authored by Cédric Le Ninivin's avatar Cédric Le Ninivin Committed by Cédric Le Ninivin

erp5_json_form: jsonschema-form-gadget improvments for real usage

erp5_json_form: jsonschema-form-gadget handle "Const", add checkValidity and liveValidate

erp5_json_form: react from add readonly and fix render when input json change

erp5_json_form: React form Hide danger panel to prefer display error inline

erp5_json_form: react jsonschema form gadget use typeof to be compatible with firefox 68
parent 17fd9829
.rjsf .panel-danger.errors {
display: none;
}
.rjsf button.array-item-move-down::before { .rjsf button.array-item-move-down::before {
font-family: "FontAwesome"; font-family: "FontAwesome";
content: "\f0d7" content: "\f0d7"
......
...@@ -28,18 +28,22 @@ function makeUiSchema(schema, uiSchema, visited) { ...@@ -28,18 +28,22 @@ function makeUiSchema(schema, uiSchema, visited) {
for (const [key, value] of Object.entries(schema.properties)) { for (const [key, value] of Object.entries(schema.properties)) {
uiSchema[key] = {}; uiSchema[key] = {};
if (value.default && !(value.default instanceof Object)) { if (value.default && !(value.default instanceof Object)) {
if (value?.type === 'string' && value.const === undefined) { if (typeof(value) === 'string' && value.const === undefined) {
uiSchema[key]['ui:placeholder'] = value.default; uiSchema[key]['ui:placeholder'] = value.default;
} }
if (value.const === undefined) { if (value.const === undefined) {
delete value.default; delete value.default;
} }
} }
if (value.const !== undefined) {
value.default = value.const;
uiSchema[key]["ui:readonly"] = true;
}
// This is something used in SlapOS schemas // This is something used in SlapOS schemas
if (value.textarea) { if (value.textarea) {
uiSchema[key]["ui:widget"] = "textarea" uiSchema[key]["ui:widget"] = "textarea"
} }
if (value?.type === 'object') { if (typeof(value) === 'object') {
makeUiSchema(value, uiSchema[key], visited); makeUiSchema(value, uiSchema[key], visited);
} }
for (const oneOf of value.oneOf || []) { for (const oneOf of value.oneOf || []) {
...@@ -62,18 +66,21 @@ function makeUiSchema(schema, uiSchema, visited) { ...@@ -62,18 +66,21 @@ function makeUiSchema(schema, uiSchema, visited) {
value: options.value, value: options.value,
key: options.key, key: options.key,
schema_url: options.schema, schema_url: options.schema,
readonly: options.readonly,
}); });
}) })
.onStateChange(function (modification_dict) { .onStateChange(function (modification_dict) {
var gadget = this; var gadget = this;
if (modification_dict.schema_url) { if (modification_dict.schema_url || modification_dict.value) {
return $RefParser return $RefParser
.dereference(modification_dict.schema_url) .dereference(gadget.state.schema_url)
.then(function (schema) { .then(function (schema) {
let uiSchema = {}; let uiSchema = {};
if (gadget.state.readonly) {
uiSchema["ui:readonly"] = true;
}
makeUiSchema(schema, uiSchema, new Set()) makeUiSchema(schema, uiSchema, new Set())
console.log('after simplification', schema, uiSchema);
const log = (type) => console.log.bind(console, type); const log = (type) => console.log.bind(console, type);
...@@ -94,12 +101,12 @@ function makeUiSchema(schema, uiSchema, visited) { ...@@ -94,12 +101,12 @@ function makeUiSchema(schema, uiSchema, visited) {
}), }),
// onSubmit: log('submitted'), // onSubmit: log('submitted'),
onError: log('errors'), onError: log('errors'),
liveValidate: true,
}), }),
gadget.element gadget.element
); );
}); });
} }
console.log(this.element, modification_dict);
}) })
.declareMethod( .declareMethod(
...@@ -113,7 +120,9 @@ function makeUiSchema(schema, uiSchema, visited) { ...@@ -113,7 +120,9 @@ function makeUiSchema(schema, uiSchema, visited) {
) )
.declareMethod('checkValidity', function () { .declareMethod('checkValidity', function () {
// TODO if (this.state.errors !== undefined) {
return this.state.errors.length === 0;
}
return true; return true;
}); });
})(window, rJS, RSVP, document); })(window, rJS, RSVP, document);
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment