282 lines
10 KiB
JSON
282 lines
10 KiB
JSON
{
|
|
"dsl":{
|
|
"widgetName":"MainContainer",
|
|
"backgroundColor":"none",
|
|
"rightColumn":4896,
|
|
"snapColumns":64,
|
|
"detachFromLayout":true,
|
|
"widgetId":"0",
|
|
"topRow":0,
|
|
"bottomRow":1290,
|
|
"containerStyle":"none",
|
|
"snapRows":125,
|
|
"parentRowSpace":1,
|
|
"type":"CANVAS_WIDGET",
|
|
"canExtend":true,
|
|
"version":59,
|
|
"minHeight":1292,
|
|
"dynamicTriggerPathList":[
|
|
|
|
],
|
|
"parentColumnSpace":1,
|
|
"dynamicBindingPathList":[
|
|
|
|
],
|
|
"leftColumn":0,
|
|
"children":[
|
|
{
|
|
"isVisible":true,
|
|
"animateLoading":true,
|
|
"defaultSelectedRowIndex":0,
|
|
"defaultSelectedRowIndices":[
|
|
0
|
|
],
|
|
"label":"Data",
|
|
"widgetName":"Table1",
|
|
"searchKey":"",
|
|
"textSize":"0.875rem",
|
|
"horizontalAlignment":"LEFT",
|
|
"verticalAlignment":"CENTER",
|
|
"totalRecordsCount":0,
|
|
"defaultPageSize":0,
|
|
"inlineEditingSaveOption": "ROW_LEVEL",
|
|
"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"
|
|
}
|
|
],
|
|
"aliasMap":{
|
|
"step":"step",
|
|
"task":"task",
|
|
"status":"status",
|
|
"action":"action"
|
|
},
|
|
"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":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"step\"]))}}",
|
|
"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":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"task\"]))}}",
|
|
"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":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}",
|
|
"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":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"action\"]))}}",
|
|
"labelColor":"#FFFFFF",
|
|
"buttonColor":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}",
|
|
"borderRadius":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}",
|
|
"boxShadow":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( 'none'))}}"
|
|
}
|
|
},
|
|
"tableData":[
|
|
{
|
|
"step":"",
|
|
"task":"Drop a table",
|
|
"status":"✅",
|
|
"action":""
|
|
},
|
|
{
|
|
"step":"",
|
|
"task":"Create a query fetch_users with the Mock DB",
|
|
"status":"--",
|
|
"action":""
|
|
},
|
|
{
|
|
"step":"",
|
|
"task":"Bind the query using => fetch_users.data",
|
|
"status":"--",
|
|
"action":""
|
|
}
|
|
],
|
|
"columnWidthMap":{
|
|
"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_V2",
|
|
"hideCard":false,
|
|
"isDeprecated":false,
|
|
"displayName":"Table",
|
|
"key":"0nh5ivigfg",
|
|
"iconSVG":"/static/media/icon.db8a9cbd.svg",
|
|
"widgetId":"kowp4cqdqt",
|
|
"renderMode":"CANVAS",
|
|
"accentColor":"{{appsmith.theme.colors.primaryColor}}",
|
|
"borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"boxShadow":"{{appsmith.theme.boxShadow.appBoxShadow}}",
|
|
"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}}"
|
|
}
|
|
},
|
|
"isLoading":false,
|
|
"parentColumnSpace":20.0625,
|
|
"parentRowSpace":10,
|
|
"leftColumn":0,
|
|
"rightColumn":64,
|
|
"topRow":2,
|
|
"bottomRow":24,
|
|
"parentId":"0"
|
|
}
|
|
]
|
|
}
|
|
} |