{ "tooljet_database": [ { "id": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82", "table_name": "ett_employee_details", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"33e9f0e1-7c56-4dcd-b332-176c86fbcf82_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "NO", "constraint_type": "PRIMARY KEY", "keytype": "PRIMARY KEY" }, { "column_name": "name", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "email", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "designation", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "department", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "avatar_url", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" } ] } }, { "id": "4cc08b92-cbf3-4e92-a096-12074bdf21ff", "table_name": "ett_clock_time", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"4cc08b92-cbf3-4e92-a096-12074bdf21ff_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "NO", "constraint_type": "PRIMARY KEY", "keytype": "PRIMARY KEY" }, { "column_name": "employee_id", "data_type": "integer", "column_default": null, "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "clock_in_time", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "clock_out_time", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" } ] } } ], "app": [ { "definition": { "appV2": { "id": "4c13d341-cedf-4512-910d-d14959a48426", "type": "front-end", "name": "Employee time tracker", "slug": "4c13d341-cedf-4512-910d-d14959a48426", "isPublic": false, "isMaintenanceOn": false, "icon": "shield", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "currentVersionId": null, "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc", "workflowApiToken": null, "workflowEnabled": false, "createdAt": "2024-02-02T12:41:09.533Z", "creationMode": "DEFAULT", "updatedAt": "2024-02-23T22:03:35.983Z", "editingVersion": { "id": "5738883b-f401-4d8d-958f-35b5f6057025", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "5306ddbc-3614-4e43-91fe-f727554873d7", "pages": { "5306ddbc-3614-4e43-91fe-f727554873d7": { "components": { "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0": { "id": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#213b80ff" }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 0, "left": 0, "width": 43, "height": 70 } } }, "60970c79-9349-474c-8c3f-9bdf1872c13f": { "id": "60970c79-9349-474c-8c3f-9bdf1872c13f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.3255827912519793, "width": 6, "height": 40 } }, "parent": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0" }, "9d6334fb-053b-4692-92a3-430389515899": { "id": "9d6334fb-053b-4692-92a3-430389515899", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Time Tracker" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 67.44185981400516, "width": 12, "height": 40 } }, "parent": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0" }, "53ccb21d-dda8-45fe-902b-387a24911a51": { "id": "53ccb21d-dda8-45fe-902b-387a24911a51", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable column sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSidePagination": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideSearch": { "type": "clientServerSwitch", "displayName": "Type", "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideFilter": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "defaultValue": "clientSide" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Enable filtering", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "defaultSelectedRow": { "type": "code", "displayName": "Default selected row", "validation": { "schema": { "type": "object" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "12" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "data": { "value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "Title", "id": "db258ca5-d4f5-4b22-a667-143882f7f004", "columnType": "string" }, { "name": "Department", "id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b", "columnType": "dropdown" } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75, "db258ca5-d4f5-4b22-a667-143882f7f004": 123 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{true}}" }, "allowSelection": { "value": "{{true}}" }, "columnDeletionHistory": { "value": [ "new_column1", "email" ] } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 28.86, "height": 456 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 96, "left": 2.3255813953488373, "width": 20.999999999999996, "height": 620 } } }, "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd": { "id": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#ffffffff" }, "borderRadius": { "value": "12" }, "borderColor": { "value": "#9b9b9b4d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 100, "left": 53.48837209302325, "width": 19, "height": 610 } } }, "8b4d0adf-d363-4daf-9f38-999232fa659a": { "id": "8b4d0adf-d363-4daf-9f38-999232fa659a", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "rounded-circle" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "cover" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://assets-global.website-files.com/611648b6262a801811180f6c/622a840a298a8bda4133dba2_Untitled%20design%20(7)%20(2).png" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "image1", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 6.9767441860465125, "width": 5, "height": 70 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "673da9f1-1b89-472d-b367-a085cec25f59": { "id": "673da9f1-1b89-472d-b367-a085cec25f59", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000ff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Sarah Fallow" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 23.255811128215644, "width": 10, "height": 20 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "e804fef8-ccba-496e-8537-8db1d221347d": { "id": "e804fef8-ccba-496e-8537-8db1d221347d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000ff", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Product Designer" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 23.255813953488374, "width": 15.000000000000002, "height": 30 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "6fd6d914-0fb9-4b92-aa47-2858a20cad7f": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "json", "displayName": "Data", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "array" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "markerColor": { "type": "color", "displayName": "Marker color", "validation": { "schema": { "type": "string" } } }, "showAxes": { "type": "toggle", "displayName": "Show axes", "validation": { "schema": { "type": "boolean" } } }, "showGridLines": { "type": "toggle", "displayName": "Show grid lines", "validation": { "schema": { "type": "boolean" } } }, "type": { "type": "select", "displayName": "Chart type", "options": [ { "name": "Line", "value": "line" }, { "name": "Bar", "value": "bar" }, { "name": "Pie", "value": "pie" } ], "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" }, { "type": "number" } ] } } }, "jsonDescription": { "type": "json", "displayName": "Json Description", "validation": { "schema": { "type": "string" } } }, "plotFromJson": { "type": "toggle", "displayName": "Use Plotly JSON schema", "validation": { "schema": { "type": "boolean" } } }, "barmode": { "type": "select", "displayName": "Bar mode", "options": [ { "name": "Stack", "value": "stack" }, { "name": "Group", "value": "group" }, { "name": "Overlay", "value": "overlay" }, { "name": "Relative", "value": "relative" } ], "validation": { "schema": { "schemas": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "padding": { "value": "15" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "" }, "markerColor": { "value": "#213b80ff" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{false}}" }, "loadingState": { "value": "{{false}}" }, "barmode": { "value": "group" }, "jsonDescription": { "value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }" }, "type": { "value": "line" }, "data": { "value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 68}\n]" } }, "general": {}, "exposedVariables": {} }, "name": "chart1", "displayName": "Chart", "description": "Visualize data", "component": "Chart", "defaultSize": { "width": 20, "height": 400 }, "exposedVariables": { "show": null } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 160, "left": 2.3255874504368084, "width": 40, "height": 260 } }, "withDefaultChildren": false }, "2cb6b4a3-9360-4df3-a67c-2d93850d512d": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213b80ff" }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "HOURS WORKED" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 120, "left": 4.651175305416109, "width": 13, "height": 40 } }, "withDefaultChildren": false }, "52cfbd38-df1d-4424-b4c3-7bf66e5aedda": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{2}}" }, "values": { "value": "{{[1,2,3]}}" }, "display_values": { "value": "{{[\"this week\", \"last quarter\", \"this month\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 120, "left": 53.48837886584794, "width": 17.000000000000004, "height": 40 } }, "withDefaultChildren": false }, "6d7f13bb-4121-4e66-a937-6ec23465ccf8": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "cc5bf265-3fd3-4141-869d-b8ed15a08435" } ], "styles": { "backgroundColor": { "value": "#213b80ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b80ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "View Time Sheet" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 30, "left": 60.465123410762814, "width": 14.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "33f15dfe-164d-4291-932d-23b1565c4525": { "id": "33f15dfe-164d-4291-932d-23b1565c4525", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9b80" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider1", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 100, "left": 2.325581395348838, "width": 40, "height": 10 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "fbb53c76-46cc-4339-8167-461e9a349544": { "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary label colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary text colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary label colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary text colour", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "#36AF8B" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Avg weekly hours" }, "primaryValue": { "value": "42.3" }, "secondaryValueLabel": { "value": "" }, "secondaryValue": { "value": "2.85" }, "secondarySignDisplay": { "value": "positive" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics1", "displayName": "Statistics", "description": "Show key metrics", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 440, "left": 4.651162790697676, "width": 19.000000000000004, "height": 150 } }, "withDefaultChildren": false }, "0c1dc8ec-4dc6-4a0d-ba76-b3ae1f947271": { "id": "0c1dc8ec-4dc6-4a0d-ba76-b3ae1f947271", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary label colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary text colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary label colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary text colour", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "#EE2C4D" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "PTO hours this year" }, "primaryValue": { "value": "54" }, "secondaryValueLabel": { "value": "" }, "secondaryValue": { "value": "1.27" }, "secondarySignDisplay": { "value": "negative" }, "loadingState": { "value": "{{false}}" }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics2", "displayName": "Statistics", "description": "Show key metrics", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 440, "left": 51.16278930787513, "width": 19.000000000000004, "height": 150 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "cc5bf265-3fd3-4141-869d-b8ed15a08435": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#000000" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Sarah Fallow's Time Sheet" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{true}}" }, "modalHeight": { "value": "600px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Show pop-up windows", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 770, "left": 2.325581980275584, "width": 10, "height": 34 } }, "withDefaultChildren": false }, "67290b04-169a-43fe-853a-b87e70ed7c2e": { "id": "67290b04-169a-43fe-853a-b87e70ed7c2e", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable column sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSidePagination": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideSearch": { "type": "clientServerSwitch", "displayName": "Type", "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideFilter": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "defaultValue": "clientSide" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Enable filtering", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "defaultSelectedRow": { "type": "code", "displayName": "Default selected row", "validation": { "schema": { "type": "object" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "12" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "data": { "value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "id": "5daa95b7-ecda-4a80-be8e-dd0272d30b4f", "name": "Date", "key": "email", "columnType": "datepicker", "autogenerated": true, "isTimeChecked": false, "dateFormat": "DD/MM/YYYY", "parseDateFormat": "DD/MM/YYYY" }, { "id": "2dbf6726-c736-4e07-9ef0-db6206b141e2", "name": "Clock in time", "key": "name", "columnType": "default", "autogenerated": true, "isTimeChecked": false, "dateFormat": "DD/MM/YYYY", "parseDateFormat": "DD/MM/YYYY" }, { "name": "clock out time", "id": "db258ca5-d4f5-4b22-a667-143882f7f004", "columnType": "string" }, { "name": "Hours worked", "id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b", "columnType": "default" } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75, "db258ca5-d4f5-4b22-a667-143882f7f004": 135, "2dbf6726-c736-4e07-9ef0-db6206b141e2": 118, "5daa95b7-ecda-4a80-be8e-dd0272d30b4f": 124 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{true}}" }, "allowSelection": { "value": "{{true}}" }, "columnDeletionHistory": { "value": [ "new_column1" ] } }, "general": {}, "exposedVariables": {} }, "name": "table2", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 28.86, "height": 456 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 4.651162790697675, "width": 39.00000000000001, "height": 550 } }, "parent": "cc5bf265-3fd3-4141-869d-b8ed15a08435" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "#f8f9fa", "backgroundFxQuery": "#f8f9fa" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "appId": "4c13d341-cedf-4512-910d-d14959a48426", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2024-02-02T12:41:09.553Z", "updatedAt": "2024-02-23T22:06:05.176Z" }, "components": [ { "id": "e3caaad0-00be-4cba-9f08-ba2ac4c43c98", "name": "table1", "type": "Table", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": null, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getEmployees.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getEmployees.data}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true, "columnType": "string", "key": "id", "cellBackgroundColor": "{{components.table1.selectedRow.id == rowData.id ? \"#C4B45455\" : \"inherit\"}}" }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true, "columnType": "string", "key": "name", "textColor": "", "cellBackgroundColor": "{{components.table1.selectedRow.id == rowData.id ? \"#C4B45455\" : \"inherit\"}}" }, { "name": "designation", "id": "db258ca5-d4f5-4b22-a667-143882f7f004", "columnType": "string", "key": "designation", "cellBackgroundColor": "{{components.table1.selectedRow.id == rowData.id ? \"#C4B45455\" : \"inherit\"}}" }, { "name": "department", "id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b", "columnType": "string", "key": "department", "textColor": "", "cellBackgroundColor": "{{components.table1.selectedRow.id == rowData.id ? \"#C4B45455\" : \"inherit\"}}" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{true}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 232.99999999999997, "db258ca5-d4f5-4b22-a667-143882f7f004": 273, "8bfbedc0-22aa-4ce0-be4b-594603f17b1b": 207 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "new_column1", "email", "avatar_url" ] } }, "general": null, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-bordered" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "03ce543d-b160-4b43-b03b-d683ee9e4f7b", "type": "desktop", "top": 160, "left": 2.3255813953488373, "width": 23, "height": 610, "componentId": "e3caaad0-00be-4cba-9f08-ba2ac4c43c98" } ] }, { "id": "35af03a6-fafa-4045-9e62-cb0731e646ad", "name": "image1", "type": "Image", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "source": { "value": "{{components?.table1?.selectedRow?.avatar_url ?? \"https://www.svgrepo.com/show/496483/profile.svg\"}}" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": null, "styles": { "borderType": { "value": "rounded" }, "padding": { "value": "2" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "scale-down" }, "backgroundColor": { "value": "#ffffff00" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-21T22:48:26.546Z", "layouts": [ { "id": "4e53ad74-950c-45a2-8b35-2691c3aa4e4d", "type": "desktop", "top": 30, "left": 4.651164072762633, "width": 5.000000000000001, "height": 70, "componentId": "35af03a6-fafa-4045-9e62-cb0731e646ad" } ] }, { "id": "cc7140a1-35fd-46e0-8774-456851e10fde", "name": "text2", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "2aa51b6a-8c51-4d01-931d-3b787dc23a42", "properties": { "text": { "value": "Employee time tracker" }, "loadingState": { "value": "{{false}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-23T22:03:42.123Z", "layouts": [ { "id": "32dc40c9-10ae-42fd-9d9e-9a250974c9a3", "type": "desktop", "top": 10, "left": 74.41860465116278, "width": 9.999999999999998, "height": 40, "componentId": "cc7140a1-35fd-46e0-8774-456851e10fde" } ] }, { "id": "8fe7533e-d915-43f4-a906-084339a35408", "name": "text7", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "text": { "value": "HOURS WORKED" }, "loadingState": { "value": "{{false}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#c4b454ff" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "8df3bc64-76d9-4370-9fcb-8b1818928e3a", "type": "desktop", "top": 140, "left": 4.651176498979059, "width": 13, "height": 40, "componentId": "8fe7533e-d915-43f4-a906-084339a35408" } ] }, { "id": "d165289d-945c-4db3-96e4-0d326d42e102", "name": "text6", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.designation ?? \"Employee designation\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "7e7d54d6-eee3-4b3a-9b5d-37ed5f5011de", "type": "desktop", "top": 70, "left": 18.6046511627907, "width": 19.999999999999996, "height": 30, "componentId": "d165289d-945c-4db3-96e4-0d326d42e102" } ] }, { "id": "c90e5e98-46fc-4a5a-8ad0-24e91d02fc0c", "name": "text5", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.name ?? \"Employee name\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": "{{1}}" }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "e8543e9e-e446-4ce4-b5d1-e53da93cc65b", "type": "desktop", "top": 30, "left": 18.6046511627907, "width": 19.999999999999996, "height": 40, "componentId": "c90e5e98-46fc-4a5a-8ad0-24e91d02fc0c" } ] }, { "id": "462f923d-9901-432b-8116-18d6dd8c8402", "name": "chart1", "type": "Chart", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "title": { "value": "" }, "markerColor": { "value": "#c4b454ff" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{false}}" }, "loadingState": { "value": "{{queries.getClockTimeForStats.isLoading || queries.generateChartData.isLoading}}", "fxActive": true }, "barmode": { "value": "group" }, "jsonDescription": { "value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }" }, "type": { "value": "line" }, "data": { "value": "{{JSON.stringify(queries.generateChartData.data)}}" } }, "general": null, "styles": { "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "01b5f74e-7b48-44e8-9f13-e662b9cb81f5", "type": "desktop", "top": 200, "left": 4.651163254282533, "width": 39, "height": 250, "componentId": "462f923d-9901-432b-8116-18d6dd8c8402" } ] }, { "id": "1dd8cbc8-4a84-4f78-bf46-bab601b43542", "name": "statistics2", "type": "Statistics", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "primaryValueLabel": { "value": "{{`Total hours this ${components.dropdown1.value}`}}" }, "primaryValue": { "value": "{{queries?.workHours?.data?.totalWorkHours ?? \"--\"}}" }, "secondaryValueLabel": { "value": "" }, "secondaryValue": { "value": "1.27" }, "secondarySignDisplay": { "value": "negative" }, "loadingState": { "value": "{{queries.getClockTimeForStats.isLoading || queries.workHours.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{true}}" } }, "general": null, "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "#EE2C4D" }, "visibility": { "value": "{{true}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "51a1e522-4532-4d56-a037-97c00e3487ec", "type": "desktop", "top": 470, "left": 51.16279532799006, "width": 19, "height": 150, "componentId": "1dd8cbc8-4a84-4f78-bf46-bab601b43542" } ] }, { "id": "da8c13ac-de69-45d0-94ff-3cb524313437", "name": "statistics1", "type": "Statistics", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "primaryValueLabel": { "value": "{{`Avg weekly hours this ${components.dropdown1.value}`}}" }, "primaryValue": { "value": "{{queries?.workHours?.data?.avgWeeklyWorkHours ?? \"--\"}}" }, "secondaryValueLabel": { "value": "" }, "secondaryValue": { "value": "2.85" }, "secondarySignDisplay": { "value": "positive" }, "loadingState": { "value": "{{queries.getClockTimeForStats.isLoading || queries.workHours.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{true}}" } }, "general": null, "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "#36AF8B" }, "visibility": { "value": "{{true}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "d3f08fb7-fdbc-4293-9566-a4f0aa18da98", "type": "desktop", "top": 470, "left": 4.651144252938457, "width": 19, "height": 150, "componentId": "da8c13ac-de69-45d0-94ff-3cb524313437" } ] }, { "id": "54ac93d4-6606-49de-9cb1-fa8339480818", "name": "divider1", "type": "Divider", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": {}, "general": null, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "15921923-d620-49b6-81d9-83ecc8e8ee08", "type": "desktop", "top": 120, "left": 0, "width": 43, "height": 10, "componentId": "54ac93d4-6606-49de-9cb1-fa8339480818" } ] }, { "id": "7a35efb2-cc52-425b-bd30-cc31d4053b42", "name": "dropdown1", "type": "DropDown", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "week" }, "values": { "value": "{{[\"week\", \"month\", \"quarter\"]}}" }, "display_values": { "value": "{{[\"This week\", \"This month\", \"This quarter\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": null, "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": null, "displayPreferences": null, "validation": { "customRule": { "value": null } }, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "7e4f063e-3397-49ae-9ea3-5b8744e62c3e", "type": "desktop", "top": 140, "left": 55.81392949385922, "width": 17.000000000000004, "height": 40, "componentId": "7a35efb2-cc52-425b-bd30-cc31d4053b42" } ] }, { "id": "2aa51b6a-8c51-4d01-931d-3b787dc23a42", "name": "container1", "type": "Container", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": null, "properties": { "visible": { "value": "{{true}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#c4b454ff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "a24e0a56-b815-41eb-b6a8-3b7c038e7f0c", "type": "desktop", "top": 20, "left": 2.3255831109355123, "width": 41, "height": 70, "componentId": "2aa51b6a-8c51-4d01-931d-3b787dc23a42" } ] }, { "id": "d397bfe0-2913-4eee-ac78-befc81267df9", "name": "modal1", "type": "Modal", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": null, "properties": { "title": { "value": "{{`${components.table1.selectedRow.name}'s Time Sheet`}}" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{true}}" }, "modalHeight": { "value": "650px" } }, "general": null, "styles": { "headerBackgroundColor": { "value": "#c4b454ff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "cc5d2d95-1f8d-4361-92a1-95fe0782b487", "type": "desktop", "top": 800, "left": 2.3255797136224254, "width": 3, "height": 40, "componentId": "d397bfe0-2913-4eee-ac78-befc81267df9" } ] }, { "id": "61a24c31-4eb8-4be3-a4b6-8680021a517f", "name": "button1", "type": "Button", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "properties": { "text": { "value": "View Time Sheet" }, "loadingState": { "value": "{{false}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#c4b454ff" }, "textColor": { "value": "#ffffffff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}", "fxActive": false } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "019c7681-89e0-4b8c-8731-9ea168bd5331", "type": "desktop", "top": 60, "left": 67.44187879519713, "width": 12, "height": 40, "componentId": "61a24c31-4eb8-4be3-a4b6-8680021a517f" } ] }, { "id": "fa50b357-7b74-420c-bf6f-07e21db511b6", "name": "table2", "type": "Table", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "d397bfe0-2913-4eee-ac78-befc81267df9", "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getTimeSheet.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getTimeSheet.data}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": true }, "enableNextButton": { "value": "{{queries.getTimeSheet.rawData.length >= 11}}", "fxActive": true }, "enablePrevButton": { "value": "{{(components?.table2?.pageIndex ?? 1) > 1}}", "fxActive": true }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true, "key": "id", "columnType": "string" }, { "name": "clock in time", "id": "9e3ce0a2-436f-4c09-bd36-d9d680e6971d", "key": "clock_in_time", "columnType": "string" }, { "name": "clock out time", "id": "db258ca5-d4f5-4b22-a667-143882f7f004", "columnType": "string", "key": "clock_out_time" }, { "name": "hours worked", "id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b", "columnType": "default", "key": "hours_worked" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75, "db258ca5-d4f5-4b22-a667-143882f7f004": 204, "2dbf6726-c736-4e07-9ef0-db6206b141e2": 118, "5daa95b7-ecda-4a80-be8e-dd0272d30b4f": 124, "9e3ce0a2-436f-4c09-bd36-d9d680e6971d": 216, "8bfbedc0-22aa-4ce0-be4b-594603f17b1b": 129 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "new_column1", "name", "email", "employee_id" ] } }, "general": null, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "c6314a23-133a-4609-8663-31d9e17d219c", "type": "desktop", "top": 30, "left": 4.6511832247959095, "width": 39.00000000000001, "height": 580, "componentId": "fa50b357-7b74-420c-bf6f-07e21db511b6" } ] }, { "id": "e3e518a3-7b2e-4d22-8a90-e10a758a2742", "name": "container2", "type": "Container", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#8888884d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{components?.table1?.selectedRow?.id == undefined}}", "fxActive": true } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "d194bcda-21d2-477f-bd4b-dd5eebd01bcb", "type": "desktop", "top": 110, "left": 58.139535064309, "width": 17, "height": 660, "componentId": "e3e518a3-7b2e-4d22-8a90-e10a758a2742" } ] }, { "id": "acff7107-e053-4657-86fd-4817fe05c8b3", "name": "text1", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "2aa51b6a-8c51-4d01-931d-3b787dc23a42", "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "layouts": [ { "id": "87e0c727-cc15-40df-bdfb-1a5086167069", "type": "desktop", "top": 10, "left": 2.3255827912519793, "width": 6, "height": 40, "componentId": "acff7107-e053-4657-86fd-4817fe05c8b3" } ] }, { "id": "4610d48a-fa42-4a8f-8065-7f1694ceedae", "name": "text8", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": null, "properties": { "text": { "value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}" } }, "general": null, "styles": { "textColor": { "value": "#c4b454ff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "fontWeight": { "value": "bold" }, "textIndent": { "value": "{{5}}" }, "visibility": { "value": "{{!queries.getEmployees.isLoading}}", "fxActive": true } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T22:59:54.711Z", "updatedAt": "2024-02-21T23:01:23.645Z", "layouts": [ { "id": "400577a2-067b-475f-b155-8a7b9de40620", "type": "desktop", "top": 110, "left": 2.3255801650925974, "width": 12, "height": 40, "componentId": "4610d48a-fa42-4a8f-8065-7f1694ceedae" } ] }, { "id": "20c12602-5061-4ffc-913d-c980a850e1b1", "name": "button2", "type": "Button", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": null, "properties": { "text": { "value": "Add Employee" } }, "general": null, "styles": { "backgroundColor": { "value": "#c4b454ff", "fxActive": false }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T22:59:54.711Z", "updatedAt": "2024-02-21T23:01:33.432Z", "layouts": [ { "id": "dd7f41c9-528f-4465-978c-f73449f41bed", "type": "desktop", "top": 110.00003051757812, "left": 44.18611154676467, "width": 5, "height": 40, "componentId": "20c12602-5061-4ffc-913d-c980a850e1b1" } ] }, { "id": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "name": "modal2", "type": "Modal", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": null, "properties": { "useDefaultButton": { "value": "{{false}}" }, "title": { "value": "Add new employee" }, "modalHeight": { "value": "410px" } }, "general": null, "styles": { "headerBackgroundColor": { "value": "#c4b454ff" }, "headerTextColor": { "value": "#ffffffff" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:01:59.868Z", "updatedAt": "2024-02-21T23:19:31.708Z", "layouts": [ { "id": "bae4bc71-1e09-49a5-8441-4a2955c5145b", "type": "desktop", "top": 800, "left": 11.627910701373152, "width": 4, "height": 40, "componentId": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c" }, { "id": "054533e6-6526-4fa6-8fa6-9a917719a146", "type": "mobile", "top": 870, "left": 13.953488372093023, "width": 10, "height": 34, "componentId": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c" } ] }, { "id": "c9e0518f-9cd8-43c7-9717-79d05a889215", "name": "text9", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "text": { "value": "Employee name" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:08:45.400Z", "updatedAt": "2024-02-21T23:08:45.400Z", "layouts": [ { "id": "7ccc6ca2-fd7e-48e3-b753-990587e5bbb3", "type": "desktop", "top": 20, "left": 4.6511689707664114, "width": 10, "height": 40, "componentId": "c9e0518f-9cd8-43c7-9717-79d05a889215" } ] }, { "id": "9ab425ad-9c41-416f-a92e-6bac2e06cde5", "name": "textinput1", "type": "TextInput", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "placeholder": { "value": "Employee Name" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "" } }, "createdAt": "2024-02-21T23:08:45.400Z", "updatedAt": "2024-02-21T23:08:45.400Z", "layouts": [ { "id": "70615cdc-3a0c-459c-95b1-eb48410969af", "type": "desktop", "top": 20, "left": 27.906980332613056, "width": 29, "height": 40, "componentId": "9ab425ad-9c41-416f-a92e-6bac2e06cde5" } ] }, { "id": "dd24395e-35bc-4769-97ee-c883a8b52165", "name": "textinput2", "type": "TextInput", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "placeholder": { "value": "Employee email" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "" } }, "createdAt": "2024-02-21T23:09:02.894Z", "updatedAt": "2024-02-21T23:09:39.149Z", "layouts": [ { "id": "bae5435c-ef5e-411f-a315-70b7447c8949", "type": "desktop", "top": 80, "left": 27.906968570546752, "width": 29, "height": 40, "componentId": "dd24395e-35bc-4769-97ee-c883a8b52165" } ] }, { "id": "6ab0eb70-9137-41f7-80e2-ab991e2424a4", "name": "text10", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "text": { "value": "Employee email" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:09:02.894Z", "updatedAt": "2024-02-21T23:09:31.105Z", "layouts": [ { "id": "54a84847-5ec3-411b-a94b-cf097e92bd62", "type": "desktop", "top": 80, "left": 4.651162790697675, "width": 10, "height": 40, "componentId": "6ab0eb70-9137-41f7-80e2-ab991e2424a4" } ] }, { "id": "9e3d4deb-2fd8-4f81-baa6-6420aca009de", "name": "textinput3", "type": "TextInput", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "placeholder": { "value": "Employee designation" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "" } }, "createdAt": "2024-02-21T23:13:26.443Z", "updatedAt": "2024-02-21T23:14:46.868Z", "layouts": [ { "id": "33492bf1-440c-4058-9b93-747f8e341c5a", "type": "desktop", "top": 140, "left": 27.906975548043707, "width": 29, "height": 40, "componentId": "9e3d4deb-2fd8-4f81-baa6-6420aca009de" } ] }, { "id": "d7410df8-af62-4c17-9766-ca2e7ba67a16", "name": "text11", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "text": { "value": "Employee designation" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:13:26.443Z", "updatedAt": "2024-02-21T23:14:40.863Z", "layouts": [ { "id": "6194947b-2b4d-4f06-ac97-6572d402eff0", "type": "desktop", "top": 140, "left": 4.651161993269455, "width": 10, "height": 40, "componentId": "d7410df8-af62-4c17-9766-ca2e7ba67a16" } ] }, { "id": "fdd51647-56e3-4cad-bf39-b4e71ad3732f", "name": "text12", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "text": { "value": "Department" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:13:52.695Z", "updatedAt": "2024-02-21T23:15:12.343Z", "layouts": [ { "id": "f26928c7-a0f6-4c34-b290-565d79f94fa6", "type": "desktop", "top": 200, "left": 4.651170565622858, "width": 10, "height": 40, "componentId": "fdd51647-56e3-4cad-bf39-b4e71ad3732f" } ] }, { "id": "8dfa08ea-fc0b-4d30-ab4f-6c10ca219357", "name": "textinput4", "type": "TextInput", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "placeholder": { "value": "Department" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "" } }, "createdAt": "2024-02-21T23:13:52.695Z", "updatedAt": "2024-02-21T23:15:22.217Z", "layouts": [ { "id": "efda00c6-068e-4970-8d8b-6880f12faf80", "type": "desktop", "top": 200, "left": 27.90698093068422, "width": 29, "height": 40, "componentId": "8dfa08ea-fc0b-4d30-ab4f-6c10ca219357" } ] }, { "id": "ad167dde-0004-4ddb-93e7-f58a8db2a426", "name": "textinput5", "type": "TextInput", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "placeholder": { "value": "Employee avatar URL" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "" } }, "createdAt": "2024-02-21T23:14:15.681Z", "updatedAt": "2024-02-21T23:17:58.013Z", "layouts": [ { "id": "4b6c33e2-969f-4512-a0d4-9cf827724da6", "type": "desktop", "top": 260, "left": 27.90697172311032, "width": 29, "height": 40, "componentId": "ad167dde-0004-4ddb-93e7-f58a8db2a426" } ] }, { "id": "f46550de-3dae-47eb-8133-2b22dd3ce939", "name": "text13", "type": "Text", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "text": { "value": "Employee avatar URL" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:14:15.681Z", "updatedAt": "2024-02-21T23:17:52.220Z", "layouts": [ { "id": "e0b6530a-a59d-4c27-853c-7b4410797680", "type": "desktop", "top": 260, "left": 4.6511639096079795, "width": 10, "height": 40, "componentId": "f46550de-3dae-47eb-8133-2b22dd3ce939" } ] }, { "id": "db7dfddf-1da7-448a-bbc8-002320a06311", "name": "divider2", "type": "Divider", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": {}, "general": null, "styles": { "dividerColor": { "value": "#8888884d" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:18:46.862Z", "updatedAt": "2024-02-21T23:19:08.716Z", "layouts": [ { "id": "12c36f03-fb87-4edf-b30b-c8520475bc2b", "type": "desktop", "top": 320, "left": 2.3255813953488373, "width": 41.00000000000001, "height": 10, "componentId": "db7dfddf-1da7-448a-bbc8-002320a06311" }, { "id": "8925cbb2-2300-4ede-b527-5dbcd73ad475", "type": "mobile", "top": 320, "left": 11.627906976744187, "width": 23.25581395348837, "height": 10, "componentId": "db7dfddf-1da7-448a-bbc8-002320a06311" } ] }, { "id": "d9bd1ffb-d04f-48f0-abe7-e8be6e0655e6", "name": "button3", "type": "Button", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "text": { "value": "Add" }, "loadingState": { "fxActive": true, "value": "{{queries.addEmployee.isLoading}}" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "#c4b454ff" }, "borderColor": { "value": "#ffffff00" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:19:15.530Z", "updatedAt": "2024-02-21T23:29:06.243Z", "layouts": [ { "id": "bf0cba25-3be3-47e0-b06c-0571eb306bda", "type": "mobile", "top": 340, "left": 67.44186046511629, "width": 6.976744186046512, "height": 30, "componentId": "d9bd1ffb-d04f-48f0-abe7-e8be6e0655e6" }, { "id": "24bcd995-fac4-4822-bdfc-8b774cc392f0", "type": "desktop", "top": 350, "left": 79.06976207828865, "width": 7, "height": 40, "componentId": "d9bd1ffb-d04f-48f0-abe7-e8be6e0655e6" } ] }, { "id": "29e8163e-4263-4ce7-b6e3-29ae7fdd4941", "name": "button4", "type": "Button", "pageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "parent": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "properties": { "text": { "value": "Cancel" } }, "general": null, "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#c4b454ff" }, "loaderColor": { "value": "#c4b454ff" }, "borderColor": { "value": "#c4b454ff" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-02-21T23:20:19.368Z", "updatedAt": "2024-02-21T23:22:10.014Z", "layouts": [ { "id": "dbb3fdf5-277b-4812-bea2-840f4451cb2b", "type": "desktop", "top": 350, "left": 60.46512697166198, "width": 7, "height": 40, "componentId": "29e8163e-4263-4ce7-b6e3-29ae7fdd4941" }, { "id": "a00045f8-bf94-49fc-9030-58e9b7cf2b6e", "type": "mobile", "top": 360, "left": 53.488372093023266, "width": 6.976744186046512, "height": 30, "componentId": "29e8163e-4263-4ce7-b6e3-29ae7fdd4941" } ] } ], "pages": [ { "id": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "name": "Home", "handle": "home", "index": 0, "disabled": false, "hidden": false, "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025" } ], "events": [ { "id": "6ee85fc2-5d4a-4992-a917-c4ec760ca58b", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "890f533b-c76a-4cbc-9c34-178b906196e9", "actionId": "run-query", "alertType": "info", "queryName": "averageWeeklyWorkHours", "parameters": {} }, "sourceId": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a", "target": "data_query", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:10.193Z" }, { "id": "1d3bbf41-9dbd-4d4a-958e-2322c507cae2", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "488f8cee-3de4-4326-ac0c-39ff8c531cde", "actionId": "run-query", "alertType": "info", "queryName": "generateChartData", "parameters": {} }, "sourceId": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a", "target": "data_query", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:10.185Z" }, { "id": "f99e8d7e-f187-46ce-927f-72412050e5d2", "name": "onClick", "index": 1, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "1debc91d-9187-4a51-92bc-05168d966fb1", "actionId": "run-query", "alertType": "info", "queryName": "getTimeSheet", "parameters": {} }, "sourceId": "61a24c31-4eb8-4be3-a4b6-8680021a517f", "target": "component", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:10.170Z" }, { "id": "3e05de3b-bddb-4aef-b97d-49e723f9f8c7", "name": "onClick", "index": 0, "event": { "modal": "d397bfe0-2913-4eee-ac78-befc81267df9", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "61a24c31-4eb8-4be3-a4b6-8680021a517f", "target": "component", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:10.178Z" }, { "id": "d73342f4-ffe9-43fe-9fd4-3ecbce9eac4d", "name": "onRowClicked", "index": 0, "event": { "eventId": "onRowClicked", "message": "Hello world!", "queryId": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a", "actionId": "run-query", "alertType": "info", "queryName": "getClockTimeForStats", "parameters": {} }, "sourceId": "e3caaad0-00be-4cba-9f08-ba2ac4c43c98", "target": "component", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:10.143Z" }, { "id": "4fc784ac-8f8e-4c8c-8777-3f6c2f059b4d", "name": "onPageChanged", "index": 0, "event": { "eventId": "onPageChanged", "message": "Hello world!", "queryId": "1debc91d-9187-4a51-92bc-05168d966fb1", "actionId": "run-query", "debounce": "", "alertType": "info", "queryName": "getTimeSheet", "parameters": {} }, "sourceId": "fa50b357-7b74-420c-bf6f-07e21db511b6", "target": "component", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:10.153Z" }, { "id": "aabd3031-409a-4f34-9699-a201fa750d81", "name": "onSelect", "index": 0, "event": { "eventId": "onSelect", "message": "Hello world!", "queryId": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a", "actionId": "run-query", "alertType": "info", "queryName": "getClockTimeForStats", "parameters": {} }, "sourceId": "7a35efb2-cc52-425b-bd30-cc31d4053b42", "target": "component", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:10.161Z" }, { "id": "cd27524e-7e85-442f-adc8-4ba2db7ad457", "name": "onClick", "index": 0, "event": { "modal": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "20c12602-5061-4ffc-913d-c980a850e1b1", "target": "component", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-21T22:59:57.046Z", "updatedAt": "2024-02-21T23:02:21.732Z" }, { "id": "814edd25-4250-415e-8151-dc3cf06c0d2b", "name": "onClick", "index": 0, "event": { "modal": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "29e8163e-4263-4ce7-b6e3-29ae7fdd4941", "target": "component", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-21T23:21:06.912Z", "updatedAt": "2024-02-21T23:21:15.025Z" }, { "id": "c7b8a81a-8fc2-4d7e-aac7-ec89c8a62f5b", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "0c0f2225-8b15-4ab5-91e4-e3a8b1f3cf3c", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "579381ae-2824-4f7d-9d15-a6b85013e210", "target": "data_query", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-21T23:26:34.599Z", "updatedAt": "2024-02-21T23:26:43.471Z" }, { "id": "8c36f7cc-6632-413a-bf2b-a38a7c685ac6", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Employee added successfully.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "579381ae-2824-4f7d-9d15-a6b85013e210", "target": "data_query", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-21T23:26:47.412Z", "updatedAt": "2024-02-21T23:27:10.213Z" }, { "id": "b104947a-a027-494a-b18d-70f06c602666", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "563dfbe0-a4c6-443c-adec-49621817cb4c", "actionId": "run-query", "alertType": "info", "queryName": "getEmployees", "parameters": {} }, "sourceId": "579381ae-2824-4f7d-9d15-a6b85013e210", "target": "data_query", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-21T23:27:33.023Z", "updatedAt": "2024-02-21T23:27:40.391Z" }, { "id": "18155e66-0d25-40cc-bcb5-783c99991dfa", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to add employee! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "579381ae-2824-4f7d-9d15-a6b85013e210", "target": "data_query", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-21T23:27:46.241Z", "updatedAt": "2024-02-21T23:28:18.175Z" }, { "id": "8b6fa474-c668-4f92-83e3-755873f903a1", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "579381ae-2824-4f7d-9d15-a6b85013e210", "actionId": "run-query", "alertType": "info", "queryName": "addEmployee", "parameters": {} }, "sourceId": "d9bd1ffb-d04f-48f0-abe7-e8be6e0655e6", "target": "component", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-21T23:31:54.024Z", "updatedAt": "2024-02-21T23:32:01.832Z" } ], "dataQueries": [ { "id": "488f8cee-3de4-4326-ac0c-39ff8c531cde", "name": "generateChartData", "options": { "code": "// Extracting clock time data from queries\nconst data = queries.getClockTimeForStats.data;\n\n// Retrieving user's preference for chart display from dropdown\nconst chartPreference = components.dropdown1.value;\n\n// Getting the current date using the moment library\nconst currentDate = moment();\n\n// Function to calculate total hours from a given set of entries\nfunction calculateTotalHours(entries) {\n let totalMilliseconds = 0;\n\n entries.forEach((entry) => {\n // Converting clock-in and clock-out times to moment objects\n const clockIn = moment(parseInt(entry.clock_in_time));\n const clockOut = moment(parseInt(entry.clock_out_time));\n\n // Accumulating total milliseconds between clock-in and clock-out times\n totalMilliseconds += clockOut.diff(clockIn);\n });\n\n // Converting total milliseconds to total hours and returning the result\n return totalMilliseconds / (1000 * 60 * 60);\n}\n\n// Function to generate chart data based on user's preference\nfunction generateChartData(data, preference) {\n const chartData = [];\n\n if (preference === \"week\") {\n // Generating chart data for each day of the week\n const daysOfWeek = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n daysOfWeek.forEach((day) => {\n // Filtering entries for the specific day\n const filteredEntries = data.filter(\n (entry) => moment(parseInt(entry.clock_in_time)).format(\"ddd\") === day\n );\n\n // Calculating total hours for the day and adding to chartData\n const totalHours = calculateTotalHours(filteredEntries);\n chartData.push({ x: day, y: totalHours.toFixed(2) });\n });\n } else if (preference === \"month\") {\n // Generating chart data for each day of the current month\n const daysInMonth = currentDate.daysInMonth();\n for (let i = 1; i <= daysInMonth; i++) {\n // Filtering entries for the specific day of the month\n const currentDay = moment(currentDate).date(i);\n const filteredEntries = data.filter((entry) =>\n moment(parseInt(entry.clock_in_time)).isSame(currentDay, \"day\")\n );\n\n // Calculating total hours for the day and adding to chartData\n const totalHours = calculateTotalHours(filteredEntries);\n chartData.push({\n x: currentDay.format(\"D MMM\"),\n y: totalHours.toFixed(2),\n });\n }\n } else if (preference === \"quarter\") {\n // Generating chart data for each month of the current quarter\n const currentQuarter = currentDate.quarter();\n const monthsOfQuarter = [];\n for (let i = 0; i < 3; i++) {\n const monthIndex = (currentQuarter - 1) * 3 + i;\n\n // Filtering entries for the specific month of the quarter\n const filteredEntries = data.filter(\n (entry) => moment(parseInt(entry.clock_in_time)).month() === monthIndex\n );\n\n // Calculating total hours for the month and adding to chartData\n const totalHours = calculateTotalHours(filteredEntries);\n monthsOfQuarter.push({\n x: moment().month(monthIndex).format(\"MMM\"),\n y: totalHours.toFixed(2),\n });\n }\n\n // Adding the quarterly data to chartData\n chartData.push(...monthsOfQuarter);\n }\n\n // Returning the final chart data\n return chartData;\n}\n\n// Generating chart data based on user's preference and returning the result\nconst result = generateChartData(data, chartPreference);\nreturn result;", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z" }, { "id": "890f533b-c76a-4cbc-9c34-178b906196e9", "name": "workHours", "options": { "code": "// Extracting clock time data for work hours calculations\nconst workHoursData = queries.getClockTimeForStats.data;\n\n// Function to calculate total work hours from a given set of entries\nfunction calculateTotalWorkHours(entries) {\n let totalMilliseconds = 0;\n\n // Iterating through entries and accumulating total milliseconds between clock-in and clock-out times\n entries.forEach((entry) => {\n const clockIn = moment(parseInt(entry.clock_in_time));\n const clockOut = moment(parseInt(entry.clock_out_time));\n totalMilliseconds += clockOut.diff(clockIn);\n });\n\n // Converting total milliseconds to total hours and returning the result\n return totalMilliseconds / (1000 * 60 * 60);\n}\n\n// Getting the current date using the moment library\nconst currentDate = moment();\n\n// Determining the start date based on the user's dropdown selection\nconst startDate = currentDate\n .clone()\n .startOf(components.dropdown1.value)\n .subtract(1, \"day\");\n\n// Determining the end date based on the user's dropdown selection\nconst endDate = currentDate.clone().endOf(components.dropdown1.value);\n\n// Calculating the difference in days and weeks between the start and end dates\nconst daysDifference = endDate.diff(startDate, \"days\");\nconst weeksDifference = daysDifference / 7;\n\n// Calculating the total work hours for the given data\nconst totalWorkHours = calculateTotalWorkHours(workHoursData);\n\n// Calculating the average weekly work hours and rounding to 2 decimal places\nconst avgWeeklyWorkHours = (totalWorkHours / weeksDifference).toFixed(2);\n\n// Returning the total work hours and average weekly work hours as an object\nreturn { totalWorkHours, avgWeeklyWorkHours };", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z" }, { "id": "563dfbe0-a4c6-443c-adec-49621817cb4c", "name": "getEmployees", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "2c3ab647-48ef-499b-98b7-03bac575ca73", "table_id": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82", "join_table": { "joins": [ { "id": 1704916094150, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "58eada99-de70-4c01-bde8-a76132f659dd" } } ] }, "joinType": "INNER" } ], "from": { "name": "58eada99-de70-4c01-bde8-a76132f659dd", "type": "Table" }, "fields": [ { "name": "id", "table": "58eada99-de70-4c01-bde8-a76132f659dd" }, { "name": "name", "table": "58eada99-de70-4c01-bde8-a76132f659dd" }, { "name": "email", "table": "58eada99-de70-4c01-bde8-a76132f659dd" }, { "name": "designation", "table": "58eada99-de70-4c01-bde8-a76132f659dd" }, { "name": "department", "table": "58eada99-de70-4c01-bde8-a76132f659dd" } ] }, "list_rows": { "order_filters": { "d18088e5-ad3b-4df6-9bac-d8adcc3034c3": { "column": "id", "order": "desc", "id": "d18088e5-ad3b-4df6-9bac-d8adcc3034c3" } } }, "runOnPageLoad": true }, "dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z" }, { "id": "1debc91d-9187-4a51-92bc-05168d966fb1", "name": "getTimeSheet", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": true, "organization_id": "2c3ab647-48ef-499b-98b7-03bac575ca73", "table_id": "4cc08b92-cbf3-4e92-a096-12074bdf21ff", "join_table": { "joins": [ { "id": 1704919376925, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" } } ] }, "joinType": "INNER" } ], "from": { "name": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f", "type": "Table" }, "fields": [ { "name": "id", "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" }, { "name": "employee_id", "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" }, { "name": "clock_in_time", "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" }, { "name": "clock_out_time", "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" } ] }, "list_rows": { "where_filters": { "2ddcda8b-880c-49c7-b322-7784766fc8a8": { "column": "employee_id", "operator": "eq", "value": "{{components.table1.selectedRow.id}}", "id": "2ddcda8b-880c-49c7-b322-7784766fc8a8" } }, "order_filters": { "236d5d09-7b83-4487-b9e8-a856d0e6fdaf": { "column": "id", "order": "desc", "id": "236d5d09-7b83-4487-b9e8-a856d0e6fdaf" } }, "limit": "11", "offset": "{{(((components?.table2?.pageIndex ?? 1) - 1) * 10).toString()}}" }, "transformation": "// Returning a modified array of the first 10 elements with additional calculated fields\nreturn data.slice(0, 10).map((row) => ({\n ...row,\n // Calculating hours worked based on the difference between clock-out and clock-in times\n hours_worked:\n moment\n .duration(\n moment(parseInt(row.clock_out_time)).diff(\n moment(parseInt(row.clock_in_time))\n )\n )\n .asHours() + \" hours\",\n\n // Formatting clock-in time to \"DD-MM-YYYY hh:mmA\" format\n clock_in_time: moment(parseInt(row.clock_in_time)).format(\n \"DD-MM-YYYY hh:mmA\"\n ),\n\n // Formatting clock-out time to \"DD-MM-YYYY hh:mmA\" format\n clock_out_time: moment(parseInt(row.clock_out_time)).format(\n \"DD-MM-YYYY hh:mmA\"\n ),\n}));" }, "dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z" }, { "id": "c22b51b5-bfaf-4738-a7c3-0d19adbf148a", "name": "getClockTimeForStats", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "2c3ab647-48ef-499b-98b7-03bac575ca73", "table_id": "4cc08b92-cbf3-4e92-a096-12074bdf21ff", "join_table": { "joins": [ { "id": 1706815258063, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" } } ] }, "joinType": "INNER" } ], "from": { "name": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f", "type": "Table" }, "fields": [ { "name": "id", "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" }, { "name": "employee_id", "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" }, { "name": "clock_in_time", "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" }, { "name": "clock_out_time", "table": "097e1ce2-3d96-4eae-9103-6b2e1ce8739f" } ] }, "list_rows": { "where_filters": { "bb8367da-e963-4b6d-a3cf-ff5a37ff7682": { "column": "clock_in_time", "operator": "gte", "value": "{{moment().startOf(components.dropdown1.value).valueOf()}}", "id": "bb8367da-e963-4b6d-a3cf-ff5a37ff7682" }, "4b5e28c9-86d6-49ce-9a6a-283b6c4fb9da": { "column": "clock_out_time", "operator": "lte", "value": "{{moment().endOf(components.dropdown1.value).valueOf()}}", "id": "4b5e28c9-86d6-49ce-9a6a-283b6c4fb9da" }, "ce1e8403-a6db-4eed-8fb8-d3e8de8d23ca": { "column": "employee_id", "operator": "eq", "value": "{{components.table1.selectedRow.id}}", "id": "ce1e8403-a6db-4eed-8fb8-d3e8de8d23ca" } } } }, "dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-02T12:41:09.574Z", "updatedAt": "2024-02-02T12:41:09.574Z" }, { "id": "579381ae-2824-4f7d-9d15-a6b85013e210", "name": "addEmployee", "options": { "operation": "create_row", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "table_id": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82", "join_table": { "joins": [ { "id": 1708557862233, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82" } } ] }, "joinType": "INNER" } ], "from": { "name": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82", "type": "Table" }, "fields": [ { "name": "id", "table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82" }, { "name": "name", "table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82" }, { "name": "email", "table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82" }, { "name": "designation", "table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82" }, { "name": "department", "table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82" }, { "name": "avatar_url", "table": "33e9f0e1-7c56-4dcd-b332-176c86fbcf82" } ] }, "list_rows": {}, "create_row": { "0": { "column": "name", "value": "{{components.textinput1.value}}" }, "1": { "column": "email", "value": "{{components.textinput2.value}}" }, "2": { "column": "designation", "value": "{{components.textinput3.value}}" }, "3": { "column": "department", "value": "{{components.textinput4.value}}" }, "e987cf37-87e7-4ab6-985c-28a2316820ef": { "column": "avatar_url", "value": "{{components.textinput5.value}}" } } }, "dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa", "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "createdAt": "2024-02-21T23:23:58.492Z", "updatedAt": "2024-02-21T23:26:17.441Z" } ], "dataSources": [ { "id": "22e6965d-e26d-4d21-8f45-d4be160cc50a", "name": "restapidefault", "kind": "restapi", "type": "static", "pluginId": null, "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "organizationId": null, "scope": "local", "createdAt": "2024-02-02T12:41:09.584Z", "updatedAt": "2024-02-02T12:41:09.584Z" }, { "id": "5943072c-8f47-4c1f-88a3-98909395871c", "name": "runjsdefault", "kind": "runjs", "type": "static", "pluginId": null, "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "organizationId": null, "scope": "local", "createdAt": "2024-02-02T12:41:09.604Z", "updatedAt": "2024-02-02T12:41:09.604Z" }, { "id": "504fd934-7227-4402-b09e-94ca86903afa", "name": "runpydefault", "kind": "runpy", "type": "static", "pluginId": null, "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "organizationId": null, "scope": "local", "createdAt": "2024-02-02T12:41:09.621Z", "updatedAt": "2024-02-02T12:41:09.621Z" }, { "id": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa", "name": "tooljetdbdefault", "kind": "tooljetdb", "type": "static", "pluginId": null, "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "organizationId": null, "scope": "local", "createdAt": "2024-02-02T12:41:09.638Z", "updatedAt": "2024-02-02T12:41:09.638Z" }, { "id": "148d23fa-1d77-4b4d-ad8a-9d281abb24be", "name": "workflowsdefault", "kind": "workflows", "type": "static", "pluginId": null, "appVersionId": "5738883b-f401-4d8d-958f-35b5f6057025", "organizationId": null, "scope": "local", "createdAt": "2024-02-02T12:41:09.677Z", "updatedAt": "2024-02-02T12:41:09.677Z" } ], "appVersions": [ { "id": "5738883b-f401-4d8d-958f-35b5f6057025", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "5306ddbc-3614-4e43-91fe-f727554873d7", "pages": { "5306ddbc-3614-4e43-91fe-f727554873d7": { "components": { "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0": { "id": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#213b80ff" }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 0, "left": 0, "width": 43, "height": 70 } } }, "60970c79-9349-474c-8c3f-9bdf1872c13f": { "id": "60970c79-9349-474c-8c3f-9bdf1872c13f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.3255827912519793, "width": 6, "height": 40 } }, "parent": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0" }, "9d6334fb-053b-4692-92a3-430389515899": { "id": "9d6334fb-053b-4692-92a3-430389515899", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Time Tracker" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 67.44185981400516, "width": 12, "height": 40 } }, "parent": "5d2ae3b8-3df9-41b7-aab9-20e2709f18a0" }, "53ccb21d-dda8-45fe-902b-387a24911a51": { "id": "53ccb21d-dda8-45fe-902b-387a24911a51", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable column sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSidePagination": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideSearch": { "type": "clientServerSwitch", "displayName": "Type", "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideFilter": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "defaultValue": "clientSide" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Enable filtering", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "defaultSelectedRow": { "type": "code", "displayName": "Default selected row", "validation": { "schema": { "type": "object" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "12" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "data": { "value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "Title", "id": "db258ca5-d4f5-4b22-a667-143882f7f004", "columnType": "string" }, { "name": "Department", "id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b", "columnType": "dropdown" } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75, "db258ca5-d4f5-4b22-a667-143882f7f004": 123 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{true}}" }, "allowSelection": { "value": "{{true}}" }, "columnDeletionHistory": { "value": [ "new_column1", "email" ] } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 28.86, "height": 456 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 96, "left": 2.3255813953488373, "width": 20.999999999999996, "height": 620 } } }, "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd": { "id": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#ffffffff" }, "borderRadius": { "value": "12" }, "borderColor": { "value": "#9b9b9b4d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 100, "left": 53.48837209302325, "width": 19, "height": 610 } } }, "8b4d0adf-d363-4daf-9f38-999232fa659a": { "id": "8b4d0adf-d363-4daf-9f38-999232fa659a", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "rounded-circle" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "cover" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://assets-global.website-files.com/611648b6262a801811180f6c/622a840a298a8bda4133dba2_Untitled%20design%20(7)%20(2).png" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "image1", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 6.9767441860465125, "width": 5, "height": 70 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "673da9f1-1b89-472d-b367-a085cec25f59": { "id": "673da9f1-1b89-472d-b367-a085cec25f59", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000ff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Sarah Fallow" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 23.255811128215644, "width": 10, "height": 20 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "e804fef8-ccba-496e-8537-8db1d221347d": { "id": "e804fef8-ccba-496e-8537-8db1d221347d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000ff", "fxActive": false }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Product Designer" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 23.255813953488374, "width": 15.000000000000002, "height": 30 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "6fd6d914-0fb9-4b92-aa47-2858a20cad7f": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "json", "displayName": "Data", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "array" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "markerColor": { "type": "color", "displayName": "Marker color", "validation": { "schema": { "type": "string" } } }, "showAxes": { "type": "toggle", "displayName": "Show axes", "validation": { "schema": { "type": "boolean" } } }, "showGridLines": { "type": "toggle", "displayName": "Show grid lines", "validation": { "schema": { "type": "boolean" } } }, "type": { "type": "select", "displayName": "Chart type", "options": [ { "name": "Line", "value": "line" }, { "name": "Bar", "value": "bar" }, { "name": "Pie", "value": "pie" } ], "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" }, { "type": "number" } ] } } }, "jsonDescription": { "type": "json", "displayName": "Json Description", "validation": { "schema": { "type": "string" } } }, "plotFromJson": { "type": "toggle", "displayName": "Use Plotly JSON schema", "validation": { "schema": { "type": "boolean" } } }, "barmode": { "type": "select", "displayName": "Bar mode", "options": [ { "name": "Stack", "value": "stack" }, { "name": "Group", "value": "group" }, { "name": "Overlay", "value": "overlay" }, { "name": "Relative", "value": "relative" } ], "validation": { "schema": { "schemas": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "padding": { "value": "15" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "" }, "markerColor": { "value": "#213b80ff" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{false}}" }, "loadingState": { "value": "{{false}}" }, "barmode": { "value": "group" }, "jsonDescription": { "value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }" }, "type": { "value": "line" }, "data": { "value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 68}\n]" } }, "general": {}, "exposedVariables": {} }, "name": "chart1", "displayName": "Chart", "description": "Visualize data", "component": "Chart", "defaultSize": { "width": 20, "height": 400 }, "exposedVariables": { "show": null } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 160, "left": 2.3255874504368084, "width": 40, "height": 260 } }, "withDefaultChildren": false }, "2cb6b4a3-9360-4df3-a67c-2d93850d512d": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213b80ff" }, "textSize": { "value": "{{14}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "HOURS WORKED" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 120, "left": 4.651175305416109, "width": 13, "height": 40 } }, "withDefaultChildren": false }, "52cfbd38-df1d-4424-b4c3-7bf66e5aedda": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "6" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{2}}" }, "values": { "value": "{{[1,2,3]}}" }, "display_values": { "value": "{{[\"this week\", \"last quarter\", \"this month\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 120, "left": 53.48837886584794, "width": 17.000000000000004, "height": 40 } }, "withDefaultChildren": false }, "6d7f13bb-4121-4e66-a937-6ec23465ccf8": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "cc5bf265-3fd3-4141-869d-b8ed15a08435" } ], "styles": { "backgroundColor": { "value": "#213b80ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b80ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "View Time Sheet" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 30, "left": 60.465123410762814, "width": 14.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "33f15dfe-164d-4291-932d-23b1565c4525": { "id": "33f15dfe-164d-4291-932d-23b1565c4525", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9b80" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider1", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 100, "left": 2.325581395348838, "width": 40, "height": 10 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "fbb53c76-46cc-4339-8167-461e9a349544": { "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary label colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary text colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary label colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary text colour", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "#36AF8B" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Avg weekly hours" }, "primaryValue": { "value": "42.3" }, "secondaryValueLabel": { "value": "" }, "secondaryValue": { "value": "2.85" }, "secondarySignDisplay": { "value": "positive" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics1", "displayName": "Statistics", "description": "Show key metrics", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd", "layouts": { "desktop": { "top": 440, "left": 4.651162790697676, "width": 19.000000000000004, "height": 150 } }, "withDefaultChildren": false }, "0c1dc8ec-4dc6-4a0d-ba76-b3ae1f947271": { "id": "0c1dc8ec-4dc6-4a0d-ba76-b3ae1f947271", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary label colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary text colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary label colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary text colour", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "#EE2C4D" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "PTO hours this year" }, "primaryValue": { "value": "54" }, "secondaryValueLabel": { "value": "" }, "secondaryValue": { "value": "1.27" }, "secondarySignDisplay": { "value": "negative" }, "loadingState": { "value": "{{false}}" }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics2", "displayName": "Statistics", "description": "Show key metrics", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 440, "left": 51.16278930787513, "width": 19.000000000000004, "height": 150 } }, "parent": "c74c4c6c-ad0a-403c-9fa0-7f53e001c2bd" }, "cc5bf265-3fd3-4141-869d-b8ed15a08435": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#000000" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Sarah Fallow's Time Sheet" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{true}}" }, "modalHeight": { "value": "600px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Show pop-up windows", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 770, "left": 2.325581980275584, "width": 10, "height": 34 } }, "withDefaultChildren": false }, "67290b04-169a-43fe-853a-b87e70ed7c2e": { "id": "67290b04-169a-43fe-853a-b87e70ed7c2e", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable column sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSidePagination": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideSearch": { "type": "clientServerSwitch", "displayName": "Type", "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideFilter": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "defaultValue": "clientSide" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Enable filtering", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "defaultSelectedRow": { "type": "code", "displayName": "Default selected row", "validation": { "schema": { "type": "object" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "12" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "data": { "value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "id": "5daa95b7-ecda-4a80-be8e-dd0272d30b4f", "name": "Date", "key": "email", "columnType": "datepicker", "autogenerated": true, "isTimeChecked": false, "dateFormat": "DD/MM/YYYY", "parseDateFormat": "DD/MM/YYYY" }, { "id": "2dbf6726-c736-4e07-9ef0-db6206b141e2", "name": "Clock in time", "key": "name", "columnType": "default", "autogenerated": true, "isTimeChecked": false, "dateFormat": "DD/MM/YYYY", "parseDateFormat": "DD/MM/YYYY" }, { "name": "clock out time", "id": "db258ca5-d4f5-4b22-a667-143882f7f004", "columnType": "string" }, { "name": "Hours worked", "id": "8bfbedc0-22aa-4ce0-be4b-594603f17b1b", "columnType": "default" } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 17, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 75, "db258ca5-d4f5-4b22-a667-143882f7f004": 135, "2dbf6726-c736-4e07-9ef0-db6206b141e2": 118, "5daa95b7-ecda-4a80-be8e-dd0272d30b4f": 124 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{true}}" }, "allowSelection": { "value": "{{true}}" }, "columnDeletionHistory": { "value": [ "new_column1" ] } }, "general": {}, "exposedVariables": {} }, "name": "table2", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 28.86, "height": 456 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 4.651162790697675, "width": 39.00000000000001, "height": 550 } }, "parent": "cc5bf265-3fd3-4141-869d-b8ed15a08435" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "#f8f9fa", "backgroundFxQuery": "#f8f9fa" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "83fbf78c-9f3c-4ab0-a282-f506cf856ea8", "appId": "4c13d341-cedf-4512-910d-d14959a48426", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2024-02-02T12:41:09.553Z", "updatedAt": "2024-02-23T22:06:05.176Z" } ], "appEnvironments": [ { "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "development", "isDefault": false, "priority": 1, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "staging", "isDefault": false, "priority": 2, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "production", "isDefault": true, "priority": 3, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" } ], "dataSourceOptions": [ { "id": "1fd5eafe-6b00-43ae-a9ef-9b991e73a276", "dataSourceId": "22e6965d-e26d-4d21-8f45-d4be160cc50a", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-02-02T12:41:09.597Z", "updatedAt": "2024-02-02T12:41:09.597Z" }, { "id": "30d8c3fe-f1f0-4601-9e92-aeacfb09691e", "dataSourceId": "22e6965d-e26d-4d21-8f45-d4be160cc50a", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-02-02T12:41:09.597Z", "updatedAt": "2024-02-02T12:41:09.597Z" }, { "id": "cdb9c0d1-91ae-410f-aaa1-913988c17e2d", "dataSourceId": "22e6965d-e26d-4d21-8f45-d4be160cc50a", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-02-02T12:41:09.597Z", "updatedAt": "2024-02-02T12:41:09.597Z" }, { "id": "9f4a2976-23ea-40f4-af5a-35010125cba5", "dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-02-02T12:41:09.615Z", "updatedAt": "2024-02-02T12:41:09.615Z" }, { "id": "f1b98a6b-d75d-4d94-b018-faf6886f338a", "dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-02-02T12:41:09.615Z", "updatedAt": "2024-02-02T12:41:09.615Z" }, { "id": "611b7920-d1d3-47b5-bb2a-02e87a7d57a2", "dataSourceId": "5943072c-8f47-4c1f-88a3-98909395871c", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-02-02T12:41:09.615Z", "updatedAt": "2024-02-02T12:41:09.615Z" }, { "id": "afddb063-f038-432e-84e4-34519ea9a080", "dataSourceId": "504fd934-7227-4402-b09e-94ca86903afa", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-02-02T12:41:09.633Z", "updatedAt": "2024-02-02T12:41:09.633Z" }, { "id": "aa97337d-82e7-4874-9af4-c5e8d309711b", "dataSourceId": "504fd934-7227-4402-b09e-94ca86903afa", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-02-02T12:41:09.633Z", "updatedAt": "2024-02-02T12:41:09.633Z" }, { "id": "0fdeb8a4-d1d9-4427-8c93-0c9a3484ce46", "dataSourceId": "504fd934-7227-4402-b09e-94ca86903afa", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-02-02T12:41:09.633Z", "updatedAt": "2024-02-02T12:41:09.633Z" }, { "id": "3a0395a3-51f8-4f3b-8b18-dfc408b8ef93", "dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-02-02T12:41:09.665Z", "updatedAt": "2024-02-02T12:41:09.665Z" }, { "id": "d319fc2e-dbfe-4115-b91e-ca04c6063a40", "dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-02-02T12:41:09.665Z", "updatedAt": "2024-02-02T12:41:09.665Z" }, { "id": "903dab97-629c-424b-858c-009c3fa1d494", "dataSourceId": "a0dd79a3-13e6-4b2f-b5f7-1b8caa9cc2fa", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-02-02T12:41:09.665Z", "updatedAt": "2024-02-02T12:41:09.665Z" }, { "id": "fc612cb1-cb3e-40c8-8582-bfa7f0df47c9", "dataSourceId": "148d23fa-1d77-4b4d-ad8a-9d281abb24be", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-02-02T12:41:09.688Z", "updatedAt": "2024-02-02T12:41:09.688Z" }, { "id": "f4eb3638-3ba5-48cb-ad88-ba91d539dc3b", "dataSourceId": "148d23fa-1d77-4b4d-ad8a-9d281abb24be", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-02-02T12:41:09.688Z", "updatedAt": "2024-02-02T12:41:09.688Z" }, { "id": "8910025b-8e04-481a-88db-fd040bdc131a", "dataSourceId": "148d23fa-1d77-4b4d-ad8a-9d281abb24be", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-02-02T12:41:09.688Z", "updatedAt": "2024-02-02T12:41:09.688Z" } ], "schemaDetails": { "multiPages": true, "multiEnv": true, "globalDataSources": true } } } } ], "tooljet_version": "2.28.4-ee2.15.0-cloud2.3.1" }