{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 1280, "snapColumns": 64, "detachFromLayout": true, "widgetId": "0", "topRow": 0, "bottomRow": 1470, "containerStyle": "none", "snapRows": 125, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": true, "version": 61, "minHeight": 1292, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "dynamicBindingPathList": [], "leftColumn": 0, "children": [ { "boxShadow": "none", "widgetName": "FilePicker1", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "FilePicker", "iconSVG": "/static/media/icon.7c5ad9c357928c6ff5701bf51a56c2e5.svg", "searchTags": [ "upload" ], "topRow": 17, "bottomRow": 21, "parentRowSpace": 10, "allowedFileTypes": [], "type": "FILE_PICKER_WIDGET_V2", "hideCard": false, "animateLoading": true, "parentColumnSpace": 29.125, "dynamicTriggerPathList": [], "leftColumn": 21, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "isDisabled": false, "key": "ka3ok4t58q", "isRequired": false, "isDeprecated": false, "rightColumn": 37, "isDefaultClickDisabled": true, "widgetId": "tkvh3nxko7", "isVisible": true, "label": "Select Files", "maxFileSize": 5, "dynamicTyping": true, "version": 1, "fileDataType": "Base64", "parentId": "0", "selectedFiles": [], "renderMode": "CANVAS", "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "files": [], "maxNumFiles": 1 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "isVisibleDownload": true, "iconSVG": "/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg", "topRow": 40, "isSortable": true, "type": "TABLE_WIDGET_V2", "inlineEditingSaveOption": "ROW_LEVEL", "animateLoading": true, "dynamicBindingPathList": [ { "key": "primaryColumns.step.computedValue" }, { "key": "primaryColumns.task.computedValue" }, { "key": "primaryColumns.status.computedValue" }, { "key": "primaryColumns.action.computedValue" }, { "key": "primaryColumns.action.buttonColor" }, { "key": "primaryColumns.action.borderRadius" }, { "key": "primaryColumns.action.boxShadow" }, { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "childStylesheet.button.buttonColor" }, { "key": "childStylesheet.button.borderRadius" }, { "key": "childStylesheet.menuButton.menuColor" }, { "key": "childStylesheet.menuButton.borderRadius" }, { "key": "childStylesheet.iconButton.buttonColor" }, { "key": "childStylesheet.iconButton.borderRadius" }, { "key": "childStylesheet.editActions.saveButtonColor" }, { "key": "childStylesheet.editActions.saveBorderRadius" }, { "key": "childStylesheet.editActions.discardButtonColor" }, { "key": "childStylesheet.editActions.discardBorderRadius" }, { "key": "tableData" } ], "leftColumn": 34, "delimiter": ",", "defaultSelectedRowIndex": 0, "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisibleFilters": true, "isVisible": true, "enableClientSideSearch": true, "version": 1, "totalRecordsCount": 0, "isLoading": false, "childStylesheet": { "button": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "menuButton": { "menuColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "iconButton": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "editActions": { "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" } }, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "defaultSelectedRowIndices": [ 0 ], "widgetName": "Table2", "defaultPageSize": 0, "columnOrder": [ "step", "task", "status", "action" ], "dynamicPropertyPathList": [{"key": "tableData"}], "displayName": "Table", "bottomRow": 72, "columnWidthMap": { "task": 245, "step": 62, "status": 75 }, "parentRowSpace": 10, "hideCard": false, "parentColumnSpace": 29.125, "dynamicTriggerPathList": [], "primaryColumns": { "step": { "index": 0, "width": 150, "id": "step", "originalId": "step", "alias": "step", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isCellEditable": false, "isDerived": false, "label": "step", "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"step\"]))}}", "validation": {}, "labelColor": "#FFFFFF" }, "task": { "index": 1, "width": 150, "id": "task", "originalId": "task", "alias": "task", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isCellEditable": false, "isDerived": false, "label": "task", "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"task\"]))}}", "validation": {}, "labelColor": "#FFFFFF" }, "status": { "index": 2, "width": 150, "id": "status", "originalId": "status", "alias": "status", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isCellEditable": false, "isDerived": false, "label": "status", "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", "validation": {}, "labelColor": "#FFFFFF" }, "action": { "index": 3, "width": 150, "id": "action", "originalId": "action", "alias": "action", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "button", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isCellEditable": false, "isDisabled": false, "isDerived": false, "label": "action", "onClick": "{{currentRow.step === '#1' ? showAlert('Done', 'success') : currentRow.step === '#2' ? navigateTo('https://docs.appsmith.com/core-concepts/connecting-to-data-sources/querying-a-database',undefined,'NEW_WINDOW') : navigateTo('https://docs.appsmith.com/core-concepts/displaying-data-read/display-data-tables',undefined,'NEW_WINDOW')}}", "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"action\"]))}}", "validation": {}, "labelColor": "#FFFFFF", "buttonColor": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}", "borderRadius": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}", "boxShadow": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( 'none'))}}" } }, "key": "8azewxqczt", "isDeprecated": false, "rightColumn": 64, "textSize": "0.875rem", "widgetId": "yyc9usw44s", "tableData": "{{FilePicker1.files[0].data}}", "label": "Data", "searchKey": "", "parentId": "0", "renderMode": "CANVAS", "horizontalAlignment": "LEFT", "isVisibleSearch": true, "isVisiblePagination": true, "verticalAlignment": "CENTER" } ] } }