240 lines
6.2 KiB
JSON
240 lines
6.2 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 453,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 1320,
|
|
"containerStyle": "none",
|
|
"snapRows": 125,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 54,
|
|
"minHeight": 1292,
|
|
"parentColumnSpace": 1,
|
|
"dynamicBindingPathList": [
|
|
|
|
],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"widgetName": "Select1",
|
|
"isFilterable": true,
|
|
"displayName": "Select",
|
|
"iconSVG": "/static/media/icon.bd99caba.svg",
|
|
"labelText": "",
|
|
"topRow": 16,
|
|
"bottomRow": 20,
|
|
"parentRowSpace": 10,
|
|
"type": "SELECT_WIDGET",
|
|
"serverSideFiltering": false,
|
|
"hideCard": false,
|
|
"defaultOptionValue": "{\n \"label\": \"{{Table1.selectedRow.step}}\",\n \"value\": \"{{Table1.selectedRow.step}}\"\n }",
|
|
"animateLoading": true,
|
|
"parentColumnSpace": 21.203125,
|
|
"dynamicTriggerPathList": [
|
|
|
|
],
|
|
"leftColumn": 39,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "defaultOptionValue"
|
|
}
|
|
],
|
|
"options": "[\n {\n \"label\": \"#1\",\n \"value\": \"#1\"\n },\n {\n \"label\": \"#2\",\n \"value\": \"#2\"\n }\n]",
|
|
"placeholderText": "Select option",
|
|
"isDisabled": false,
|
|
"key": "2zzcijdy0f",
|
|
"isRequired": false,
|
|
"rightColumn": 59,
|
|
"widgetId": "uiu9bz9s1b",
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false
|
|
},
|
|
{
|
|
"isVisible": true,
|
|
"animateLoading": true,
|
|
"defaultSelectedRow": "0",
|
|
"label": "Data",
|
|
"widgetName": "Table1",
|
|
"searchKey": "",
|
|
"textSize": "PARAGRAPH",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"totalRecordsCount": 0,
|
|
"defaultPageSize": 0,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "primaryColumns.step.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.task.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.status.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.action.computedValue"
|
|
}
|
|
],
|
|
"primaryColumns": {
|
|
"step": {
|
|
"index": 0,
|
|
"width": 150,
|
|
"id": "step",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "PARAGRAPH",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "step",
|
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.step))}}"
|
|
},
|
|
"task": {
|
|
"index": 1,
|
|
"width": 150,
|
|
"id": "task",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "PARAGRAPH",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "task",
|
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.task))}}"
|
|
},
|
|
"status": {
|
|
"index": 2,
|
|
"width": 150,
|
|
"id": "status",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "PARAGRAPH",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "status",
|
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.status))}}"
|
|
},
|
|
"action": {
|
|
"index": 3,
|
|
"width": 150,
|
|
"id": "action",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "PARAGRAPH",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "action",
|
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.action))}}"
|
|
}
|
|
},
|
|
"derivedColumns": {
|
|
},
|
|
"tableData": "[\n {\n \"step\": \"#1\",\n \"task\": \"Drop a table\",\n \"status\": \"✅\",\n \"action\": \"\"\n },\n {\n \"step\": \"#2\",\n \"task\": \"Create a query fetch_users with the Mock DB\",\n \"status\": \"--\",\n \"action\": \"\"\n },\n {\n \"step\": \"#3\",\n \"task\": \"Bind the query using => fetch_users.data\",\n \"status\": \"--\",\n \"action\": \"\"\n }\n]",
|
|
"columnSizeMap": {
|
|
"task": 245,
|
|
"step": 62,
|
|
"status": 75
|
|
},
|
|
"columnOrder": [
|
|
"step",
|
|
"task",
|
|
"status",
|
|
"action"
|
|
],
|
|
"enableClientSideSearch": true,
|
|
"isVisibleSearch": true,
|
|
"isVisibleFilters": true,
|
|
"isVisibleDownload": true,
|
|
"isVisiblePagination": true,
|
|
"isSortable": true,
|
|
"delimiter": ",",
|
|
"version": 3,
|
|
"type": "TABLE_WIDGET",
|
|
"hideCard": false,
|
|
"displayName": "Table",
|
|
"key": "t22odw8rfj",
|
|
"iconSVG": "/static/media/icon.db8a9cbd.svg",
|
|
"widgetId": "f427h0lu92",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 16.703125,
|
|
"parentRowSpace": 10,
|
|
"leftColumn": 6,
|
|
"rightColumn": 34,
|
|
"topRow": 9,
|
|
"bottomRow": 37,
|
|
"parentId": "0",
|
|
"dynamicTriggerPathList": [
|
|
|
|
],
|
|
"dynamicPropertyPathList": [
|
|
|
|
]
|
|
},
|
|
{
|
|
"isVisible": true,
|
|
"text": "{{Select1.selectedOptionValue}}",
|
|
"fontSize": "PARAGRAPH",
|
|
"fontStyle": "BOLD",
|
|
"textAlign": "LEFT",
|
|
"textColor": "#231F20",
|
|
"truncateButtonColor": "#FFC13D",
|
|
"widgetName": "Text1",
|
|
"shouldTruncate": false,
|
|
"overflow": "NONE",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"displayName": "Text",
|
|
"key": "cdb5qeydze",
|
|
"iconSVG": "/static/media/icon.97c59b52.svg",
|
|
"widgetId": "5qb4nik2gy",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 16.703125,
|
|
"parentRowSpace": 10,
|
|
"leftColumn": 39,
|
|
"rightColumn": 59,
|
|
"topRow": 33,
|
|
"bottomRow": 37,
|
|
"parentId": "0",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
}
|
|
],
|
|
"dynamicTriggerPathList": [
|
|
|
|
]
|
|
}
|
|
]
|
|
}
|
|
} |