377 lines
14 KiB
JSON
377 lines
14 KiB
JSON
|
|
{
|
||
|
|
"dsl": {
|
||
|
|
"widgetName": "MainContainer",
|
||
|
|
"backgroundColor": "none",
|
||
|
|
"rightColumn": 1168,
|
||
|
|
"snapColumns": 64,
|
||
|
|
"detachFromLayout": true,
|
||
|
|
"widgetId": "0",
|
||
|
|
"topRow": 0,
|
||
|
|
"bottomRow": 680,
|
||
|
|
"containerStyle": "none",
|
||
|
|
"snapRows": 125,
|
||
|
|
"parentRowSpace": 1,
|
||
|
|
"type": "CANVAS_WIDGET",
|
||
|
|
"canExtend": true,
|
||
|
|
"version": 47,
|
||
|
|
"minHeight": 870,
|
||
|
|
"parentColumnSpace": 1,
|
||
|
|
"dynamicTriggerPathList": [],
|
||
|
|
"dynamicBindingPathList": [],
|
||
|
|
"leftColumn": 0,
|
||
|
|
"children": [
|
||
|
|
{
|
||
|
|
"widgetName": "Text1",
|
||
|
|
"displayName": "Text",
|
||
|
|
"iconSVG": "/static/media/icon.97c59b52.svg",
|
||
|
|
"topRow": 54,
|
||
|
|
"bottomRow": 58,
|
||
|
|
"parentRowSpace": 10,
|
||
|
|
"type": "TEXT_WIDGET",
|
||
|
|
"hideCard": false,
|
||
|
|
"animateLoading": true,
|
||
|
|
"parentColumnSpace": 18.0625,
|
||
|
|
"leftColumn": 22,
|
||
|
|
"text": "Label",
|
||
|
|
"key": "zgsygilz5a",
|
||
|
|
"rightColumn": 38,
|
||
|
|
"textAlign": "LEFT",
|
||
|
|
"widgetId": "ums2hvawa0",
|
||
|
|
"isVisible": true,
|
||
|
|
"fontStyle": "BOLD",
|
||
|
|
"textColor": "#231F20",
|
||
|
|
"version": 1,
|
||
|
|
"parentId": "0",
|
||
|
|
"renderMode": "CANVAS",
|
||
|
|
"isLoading": false,
|
||
|
|
"fontSize": "PARAGRAPH"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"isVisible": true,
|
||
|
|
"animateLoading": true,
|
||
|
|
"backgroundColor": "#fff",
|
||
|
|
"disabledWhenInvalid": true,
|
||
|
|
"fixedFooter": true,
|
||
|
|
"autoGenerateForm": true,
|
||
|
|
"schema": {
|
||
|
|
"__root_schema__": {
|
||
|
|
"children": {
|
||
|
|
"name": {
|
||
|
|
"children": {},
|
||
|
|
"dataType": "string",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Text Input",
|
||
|
|
"sourceData": "John",
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "name",
|
||
|
|
"identifier": "name",
|
||
|
|
"position": 0,
|
||
|
|
"originalIdentifier": "name",
|
||
|
|
"iconAlign": "left",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isSpellCheck": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Name"
|
||
|
|
},
|
||
|
|
"age": {
|
||
|
|
"children": {},
|
||
|
|
"dataType": "number",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.age))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Number Input",
|
||
|
|
"sourceData": 30,
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "age",
|
||
|
|
"identifier": "age",
|
||
|
|
"position": 1,
|
||
|
|
"originalIdentifier": "age",
|
||
|
|
"iconAlign": "left",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isSpellCheck": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Age"
|
||
|
|
},
|
||
|
|
"dob": {
|
||
|
|
"children": {},
|
||
|
|
"dataType": "string",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.dob))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Datepicker",
|
||
|
|
"sourceData": "10/12/1992",
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "dob",
|
||
|
|
"identifier": "dob",
|
||
|
|
"position": 2,
|
||
|
|
"originalIdentifier": "dob",
|
||
|
|
"closeOnSelection": false,
|
||
|
|
"convertToISO": false,
|
||
|
|
"dateFormat": "MM/DD/YYYY",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Dob",
|
||
|
|
"maxDate": "2121-12-31T18:29:00.000Z",
|
||
|
|
"minDate": "1920-12-31T18:30:00.000Z",
|
||
|
|
"shortcuts": false,
|
||
|
|
"timePrecision": "minute"
|
||
|
|
},
|
||
|
|
"migrant": {
|
||
|
|
"children": {},
|
||
|
|
"dataType": "boolean",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.migrant))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Switch",
|
||
|
|
"sourceData": false,
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "migrant",
|
||
|
|
"identifier": "migrant",
|
||
|
|
"position": 3,
|
||
|
|
"originalIdentifier": "migrant",
|
||
|
|
"alignWidget": "LEFT",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Migrant"
|
||
|
|
},
|
||
|
|
"address": {
|
||
|
|
"children": {
|
||
|
|
"street": {
|
||
|
|
"children": {},
|
||
|
|
"dataType": "string",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address.street))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Text Input",
|
||
|
|
"sourceData": "Koramangala",
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "street",
|
||
|
|
"identifier": "street",
|
||
|
|
"position": 0,
|
||
|
|
"originalIdentifier": "street",
|
||
|
|
"iconAlign": "left",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isSpellCheck": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Street"
|
||
|
|
},
|
||
|
|
"city": {
|
||
|
|
"children": {},
|
||
|
|
"dataType": "string",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address.city))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Text Input",
|
||
|
|
"sourceData": "Bangalore",
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "city",
|
||
|
|
"identifier": "city",
|
||
|
|
"position": 1,
|
||
|
|
"originalIdentifier": "city",
|
||
|
|
"iconAlign": "left",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isSpellCheck": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "City"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"dataType": "object",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Object",
|
||
|
|
"sourceData": {
|
||
|
|
"street": "Koramangala",
|
||
|
|
"city": "Bangalore"
|
||
|
|
},
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "address",
|
||
|
|
"identifier": "address",
|
||
|
|
"position": 4,
|
||
|
|
"originalIdentifier": "address",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Address"
|
||
|
|
},
|
||
|
|
"education": {
|
||
|
|
"children": {
|
||
|
|
"__array_item__": {
|
||
|
|
"children": {
|
||
|
|
"college": {
|
||
|
|
"children": {},
|
||
|
|
"dataType": "string",
|
||
|
|
"fieldType": "Text Input",
|
||
|
|
"sourceData": "MIT",
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "college",
|
||
|
|
"identifier": "college",
|
||
|
|
"position": 0,
|
||
|
|
"originalIdentifier": "college",
|
||
|
|
"iconAlign": "left",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isSpellCheck": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "College"
|
||
|
|
},
|
||
|
|
"year": {
|
||
|
|
"children": {},
|
||
|
|
"dataType": "string",
|
||
|
|
"fieldType": "Datepicker",
|
||
|
|
"sourceData": "20/10/2014",
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "year",
|
||
|
|
"identifier": "year",
|
||
|
|
"position": 1,
|
||
|
|
"originalIdentifier": "year",
|
||
|
|
"closeOnSelection": false,
|
||
|
|
"convertToISO": false,
|
||
|
|
"dateFormat": "DD/MM/YYYY",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Year",
|
||
|
|
"maxDate": "2121-12-31T18:29:00.000Z",
|
||
|
|
"minDate": "1920-12-31T18:30:00.000Z",
|
||
|
|
"shortcuts": false,
|
||
|
|
"timePrecision": "minute"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"dataType": "object",
|
||
|
|
"fieldType": "Object",
|
||
|
|
"sourceData": {
|
||
|
|
"college": "MIT",
|
||
|
|
"year": "20/10/2014"
|
||
|
|
},
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "__array_item__",
|
||
|
|
"identifier": "__array_item__",
|
||
|
|
"position": -1,
|
||
|
|
"originalIdentifier": "__array_item__",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Array Item"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"dataType": "array",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.education))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Array",
|
||
|
|
"sourceData": [
|
||
|
|
{
|
||
|
|
"college": "MIT",
|
||
|
|
"year": "20/10/2014"
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"isCustomField": false,
|
||
|
|
"accessor": "education",
|
||
|
|
"identifier": "education",
|
||
|
|
"position": 5,
|
||
|
|
"originalIdentifier": "education",
|
||
|
|
"backgroundColor": "#FAFAFA",
|
||
|
|
"isCollapsible": true,
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": "Education"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"dataType": "object",
|
||
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}",
|
||
|
|
"fieldType": "Object",
|
||
|
|
"sourceData": {
|
||
|
|
"name": "John",
|
||
|
|
"age": 30,
|
||
|
|
"dob": "10/12/1992",
|
||
|
|
"migrant": false,
|
||
|
|
"address": {
|
||
|
|
"street": "Koramangala",
|
||
|
|
"city": "Bangalore"
|
||
|
|
},
|
||
|
|
"education": [
|
||
|
|
{
|
||
|
|
"college": "MIT",
|
||
|
|
"year": "20/10/2014"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
"isCustomField": false,
|
||
|
|
"name": "__root_schema__",
|
||
|
|
"accessor": "__root_schema__",
|
||
|
|
"identifier": "__root_schema__",
|
||
|
|
"position": -1,
|
||
|
|
"originalIdentifier": "__root_schema__",
|
||
|
|
"isDisabled": false,
|
||
|
|
"isRequired": false,
|
||
|
|
"isVisible": true,
|
||
|
|
"label": ""
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"scrollContents": true,
|
||
|
|
"showReset": true,
|
||
|
|
"title": "Form",
|
||
|
|
"version": 1,
|
||
|
|
"widgetName": "JSONForm1",
|
||
|
|
"submitButtonStyles": {
|
||
|
|
"buttonColor": "#03B365",
|
||
|
|
"buttonVariant": "PRIMARY"
|
||
|
|
},
|
||
|
|
"resetButtonStyles": {
|
||
|
|
"buttonColor": "#03B365",
|
||
|
|
"buttonVariant": "SECONDARY"
|
||
|
|
},
|
||
|
|
"sourceData": "",
|
||
|
|
"type": "JSON_FORM_WIDGET",
|
||
|
|
"hideCard": false,
|
||
|
|
"displayName": "JSON Form",
|
||
|
|
"key": "sh61xsjzqi",
|
||
|
|
"iconSVG": "/static/media/icon.6bacf7df.svg",
|
||
|
|
"widgetId": "ie1fkmka46",
|
||
|
|
"renderMode": "CANVAS",
|
||
|
|
"isLoading": false,
|
||
|
|
"parentColumnSpace": 42.5625,
|
||
|
|
"parentRowSpace": 10,
|
||
|
|
"leftColumn": 29,
|
||
|
|
"rightColumn": 54,
|
||
|
|
"topRow": 29,
|
||
|
|
"bottomRow": 79,
|
||
|
|
"parentId": "0",
|
||
|
|
"submitButtonLabel": "Submit",
|
||
|
|
"resetButtonLabel": "Reset",
|
||
|
|
"dynamicPropertyPathList": [
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.dob.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.migrant.defaultValue"
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"dynamicBindingPathList": [
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.name.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.age.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.dob.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.migrant.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.address.children.street.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.address.children.city.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.address.defaultValue"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "schema.__root_schema__.children.education.defaultValue"
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"dynamicTriggerPathList": []
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|