mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-26 07:57:17 +00:00
6c90a1667b
* feat: add restore shortcut when component is deleted * change toast messages to hot toast from toastify * change toast messages to hot toast from toastify * change toast messages to hot toast from toastify * on key press match clear the pressed keys * add react hotkeys hook and delete use-shortcuts custom hook * change toast messages to hot toast from toastify * add immer lib * applyPatches from immer + add undo redo on appdefination changes * remove notification on undo * add can-undo + can-redo checks * add missing can-redo to handlePatchAdd * add component versioning on componentDefinitionChanged * set default value of loading state to interpolated boolean false for table * set canUndo on initial load to false * fix last element not getting removed on undo * Remove console log * add migration to change loadingState for existing tables * set loadingstate value based on the previous value * fix: app crash on inspector opening * add check for selectedComponentId inside components def * update template definitions for loadingState * fix alert for success, error, info for button notifications
1271 lines
44 KiB
JSON
1271 lines
44 KiB
JSON
{
|
|
"id": "1986f492-3a77-412a-b930-b4c97def943a",
|
|
"name": "GitHub Contributor Leaderboard",
|
|
"slug": null,
|
|
"isPublic": false,
|
|
"organizationId": "7471c14a-c11a-416a-94b2-863125bc69d7",
|
|
"currentVersionId": null,
|
|
"userId": "319a2ca8-395e-4f77-8998-78358f78b716",
|
|
"createdAt": "2021-12-09T10:00:47.877Z",
|
|
"updatedAt": "2021-12-09T10:00:47.942Z",
|
|
"dataQueries": [
|
|
{
|
|
"id": "acf2e546-d3e4-4b5b-b8c9-7e0e25675501",
|
|
"name": "fetchGithubProfile",
|
|
"kind": "restapi",
|
|
"options": {
|
|
"method": "get",
|
|
"url": "https://api.github.com/users/{{components.table1.selectedRow.login}}",
|
|
"url_params": [],
|
|
"headers": [],
|
|
"body": []
|
|
},
|
|
"dataSourceId": null,
|
|
"appId": "1986f492-3a77-412a-b930-b4c97def943a",
|
|
"createdAt": "2021-12-09T10:00:47.876Z",
|
|
"updatedAt": "2021-12-09T10:00:47.876Z"
|
|
},
|
|
{
|
|
"id": "9630ba6f-1558-4a3a-8659-ec6a9554fc38",
|
|
"name": "fetchContributors",
|
|
"kind": "restapi",
|
|
"options": {
|
|
"method": "get",
|
|
"url": "https://api.github.com/repos/{{components.textinput1.value}}/contributors",
|
|
"url_params": [
|
|
["page", "{{components.table1.pageIndex}}"],
|
|
["per_page", "100"]
|
|
],
|
|
"headers": [],
|
|
"body": []
|
|
},
|
|
"dataSourceId": null,
|
|
"appId": "1986f492-3a77-412a-b930-b4c97def943a",
|
|
"createdAt": "2021-12-09T10:00:47.876Z",
|
|
"updatedAt": "2021-12-09T10:00:47.876Z"
|
|
}
|
|
],
|
|
"dataSources": [],
|
|
"appVersions": [
|
|
{
|
|
"id": "82726a42-6b45-497c-80b7-e9e69660e4ec",
|
|
"name": "v0",
|
|
"definition": {
|
|
"components": {
|
|
"d911a00b-96f8-4b00-b15d-dd1fef84d10e": {
|
|
"top": 150,
|
|
"left": 30,
|
|
"width": 715,
|
|
"height": 686,
|
|
"component": {
|
|
"name": "table1",
|
|
"displayName": "Table",
|
|
"description": "Display paginated tabular data",
|
|
"component": "Table",
|
|
"properties": {
|
|
"title": { "type": "string", "displayName": "Title" },
|
|
"data": { "type": "code", "displayName": "Table data" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Loading state"
|
|
},
|
|
"columns": { "type": "array", "displayName": "Table Columns" },
|
|
"serverSidePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Server Side Pagination"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 810, "height": 300 },
|
|
"events": {
|
|
"onRowClicked": { "displayName": "On row clicked" },
|
|
"onBulkUpdate": { "displayName": "Bulk update query" },
|
|
"onPageChanged": { "displayName": "On page changed query" }
|
|
},
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 0
|
|
},
|
|
"definition": {
|
|
"properties": {
|
|
"title": { "value": "Table" },
|
|
"visible": { "value": true },
|
|
"loadingState": {
|
|
"value": "{{queries.fetchContributors.isLoading}}"
|
|
},
|
|
"data": { "value": "{{queries.fetchContributors.data}}" },
|
|
"serverSidePagination": { "value": true },
|
|
"columns": {
|
|
"value": [
|
|
{ "name": "username", "key": "login" },
|
|
{ "name": "contributions" }
|
|
]
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "GitHub",
|
|
"backgroundColor": "#000000",
|
|
"textColor": "#ffffff",
|
|
"onClick": {
|
|
"actionId": "open-webpage",
|
|
"options": {
|
|
"url": "{{queries.fetchGithubProfile.data.html_url}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"actionId": "open-webpage",
|
|
"eventId": "onClick",
|
|
"url": "{{queries.fetchGithubProfile.data.html_url}}"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"columnSizes": { "actions": 229, "contributions": 208 },
|
|
"showBulkSelector": { "value": false },
|
|
"highlightSelectedRow": { "value": false }
|
|
},
|
|
"events": [
|
|
{
|
|
"queryName": "fetchGithubProfile",
|
|
"actionId": "run-query",
|
|
"eventId": "onRowClicked"
|
|
},
|
|
{
|
|
"queryName": "fetchGithubProfile",
|
|
"actionId": "run-query",
|
|
"eventId": "onPageChanged"
|
|
}
|
|
],
|
|
"styles": {
|
|
"textColor": { "value": "" },
|
|
"cellSize": { "value": "compact" }
|
|
},
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 150,
|
|
"left": 2.321981424148607,
|
|
"width": 23.796439628482972,
|
|
"height": 686
|
|
}
|
|
}
|
|
},
|
|
"ad27f56c-8fda-4c21-a60d-0951ba0f46f8": {
|
|
"top": 150,
|
|
"left": 780,
|
|
"width": 476,
|
|
"height": 504,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/14343/table.svg",
|
|
"name": "container1",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": { "width": 200, "height": 200 },
|
|
"component": "Container",
|
|
"properties": {},
|
|
"events": {},
|
|
"styles": { "backgroundColor": { "type": "color" } },
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": { "visible": { "value": true } },
|
|
"events": [],
|
|
"styles": { "backgroundColor": { "value": "#fff" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 150,
|
|
"left": 60.371517027863774,
|
|
"width": 15.842105263157896,
|
|
"height": 504
|
|
}
|
|
}
|
|
},
|
|
"6b3d8bce-bc34-42af-af46-24847cad360a": {
|
|
"top": 30,
|
|
"left": 150,
|
|
"width": 200,
|
|
"height": 200,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/35088/image.svg",
|
|
"name": "image1",
|
|
"displayName": "Image",
|
|
"description": "Display an Image",
|
|
"defaultSize": { "width": 200, "height": 200 },
|
|
"component": "Image",
|
|
"properties": {
|
|
"source": { "type": "code", "displayName": "URL" }
|
|
},
|
|
"events": { "onClick": { "displayName": "On click" } },
|
|
"styles": {},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{queries.fetchGithubProfile.data.avatar_url}}"
|
|
},
|
|
"visible": { "value": true }
|
|
},
|
|
"events": [],
|
|
"styles": {},
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 31.51260504201681,
|
|
"width": 18.067226890756302,
|
|
"height": 200
|
|
}
|
|
}
|
|
},
|
|
"2bf00d77-caf1-404d-a505-fec4d3ec6e7f": {
|
|
"top": 300,
|
|
"left": 30,
|
|
"width": 114,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text1",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "Name:" },
|
|
"visible": { "value": true },
|
|
"loadingState": { "value": "{{false}}" }
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 6.302521008403361,
|
|
"width": 10.298319327731093,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"a7cce90d-c3cd-40b3-9b7a-348e6f51da3e": {
|
|
"top": 360,
|
|
"left": 30,
|
|
"width": 116,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "Organization:" },
|
|
"visible": { "value": true },
|
|
"loadingState": { "value": "{{false}}" }
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 360,
|
|
"left": 6.302521008403361,
|
|
"width": 10.478991596638656,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"517f8c1d-1f4b-488a-8e42-f1d779e0ff09": {
|
|
"top": 420,
|
|
"left": 30,
|
|
"width": 117,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text3",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "Followers:" },
|
|
"visible": { "value": true },
|
|
"loadingState": { "value": "{{false}}" }
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 6.302521008403361,
|
|
"width": 10.569327731092438,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"1a109bae-548f-48b5-a22a-683364a414b1": {
|
|
"top": 300,
|
|
"left": 180,
|
|
"width": 210,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text4",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.fetchGithubProfile.data.name}}"
|
|
},
|
|
"visible": { "value": true },
|
|
"loadingState": {
|
|
"value": "{{queries.fetchGithubProfile.isLoading}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 37.81512605042017,
|
|
"width": 18.970588235294116,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"49da9d80-21fa-4068-bfe7-d8189e286f2d": {
|
|
"top": 360,
|
|
"left": 180,
|
|
"width": 210,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.fetchGithubProfile.data.company}}"
|
|
},
|
|
"visible": { "value": true },
|
|
"loadingState": {
|
|
"value": "{{queries.fetchGithubProfile.isLoading}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 360,
|
|
"left": 37.81512605042017,
|
|
"width": 18.970588235294116,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"b607d4c7-edf1-4d5f-b947-98845d0673b7": {
|
|
"top": 420,
|
|
"left": 180,
|
|
"width": 210,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text6",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.fetchGithubProfile.data.followers}}"
|
|
},
|
|
"visible": { "value": true },
|
|
"loadingState": {
|
|
"value": "{{queries.fetchGithubProfile.isLoading}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 37.81512605042017,
|
|
"width": 18.970588235294116,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"0c28ef81-6cdf-4e12-8f21-de47b72b7bea": {
|
|
"top": 90,
|
|
"left": 30,
|
|
"width": 443,
|
|
"height": 30,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/38828/text.svg",
|
|
"name": "textinput1",
|
|
"displayName": "Text Input",
|
|
"description": "Text field for forms",
|
|
"component": "TextInput",
|
|
"defaultSize": { "width": 200, "height": 30 },
|
|
"properties": {
|
|
"placeholder": { "type": "code", "displayName": "Placeholder" }
|
|
},
|
|
"events": {},
|
|
"styles": {},
|
|
"exposedVariables": { "value": {} },
|
|
"definition": {
|
|
"properties": {
|
|
"placeholder": { "value": "organization/repository" }
|
|
},
|
|
"events": [],
|
|
"styles": {},
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 90,
|
|
"left": 2.321981424148607,
|
|
"width": 14.743808049535604,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"5dc58297-2a31-48eb-9eab-e80fe2e669a9": {
|
|
"top": 90,
|
|
"left": 570,
|
|
"width": 174,
|
|
"height": 30,
|
|
"component": {
|
|
"icon": "/assets/images/icons/button.svg",
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": { "width": 120, "height": 30 },
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Button Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Loading State"
|
|
}
|
|
},
|
|
"events": { "onClick": { "displayName": "On click" } },
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color"
|
|
},
|
|
"textColor": { "type": "color", "displayName": "Text color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "Fetch contributors" },
|
|
"visible": { "value": true },
|
|
"loadingState": { "value": "{{false}}" }
|
|
},
|
|
"events": [
|
|
{
|
|
"queryName": "fetchContributors",
|
|
"actionId": "run-query",
|
|
"eventId": "onClick"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": { "value": "#3c92dc" },
|
|
"textColor": { "value": "#fff" }
|
|
},
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 90,
|
|
"left": 44.11764705882353,
|
|
"width": 5.791021671826625,
|
|
"height": 30
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": false,
|
|
"canvasMaxWidth": 1292,
|
|
"canvasBackgroundColor": "#edeff5"
|
|
}
|
|
},
|
|
"appId": "1986f492-3a77-412a-b930-b4c97def943a",
|
|
"createdAt": "2021-12-09T10:00:47.905Z",
|
|
"updatedAt": "2021-12-09T10:01:17.080Z"
|
|
}
|
|
],
|
|
"editingVersion": {
|
|
"id": "82726a42-6b45-497c-80b7-e9e69660e4ec",
|
|
"name": "v0",
|
|
"definition": {
|
|
"components": {
|
|
"d911a00b-96f8-4b00-b15d-dd1fef84d10e": {
|
|
"top": 150,
|
|
"left": 30,
|
|
"width": 715,
|
|
"height": 686,
|
|
"component": {
|
|
"name": "table1",
|
|
"displayName": "Table",
|
|
"description": "Display paginated tabular data",
|
|
"component": "Table",
|
|
"properties": {
|
|
"title": { "type": "string", "displayName": "Title" },
|
|
"data": { "type": "code", "displayName": "Table data" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Loading state"
|
|
},
|
|
"columns": { "type": "array", "displayName": "Table Columns" },
|
|
"serverSidePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Server Side Pagination"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 810, "height": 300 },
|
|
"events": {
|
|
"onRowClicked": { "displayName": "On row clicked" },
|
|
"onBulkUpdate": { "displayName": "Bulk update query" },
|
|
"onPageChanged": { "displayName": "On page changed query" }
|
|
},
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 0
|
|
},
|
|
"definition": {
|
|
"properties": {
|
|
"title": { "value": "Table" },
|
|
"visible": { "value": true },
|
|
"loadingState": {
|
|
"value": "{{queries.fetchContributors.isLoading}}"
|
|
},
|
|
"data": { "value": "{{queries.fetchContributors.data}}" },
|
|
"serverSidePagination": { "value": true },
|
|
"columns": {
|
|
"value": [
|
|
{ "name": "username", "key": "login" },
|
|
{ "name": "contributions" }
|
|
]
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "GitHub",
|
|
"backgroundColor": "#000000",
|
|
"textColor": "#ffffff",
|
|
"onClick": {
|
|
"actionId": "open-webpage",
|
|
"options": {
|
|
"url": "{{queries.fetchGithubProfile.data.html_url}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"actionId": "open-webpage",
|
|
"eventId": "onClick",
|
|
"url": "{{queries.fetchGithubProfile.data.html_url}}"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"columnSizes": { "actions": 229, "contributions": 208 },
|
|
"showBulkSelector": { "value": false },
|
|
"highlightSelectedRow": { "value": false }
|
|
},
|
|
"events": [
|
|
{
|
|
"queryName": "fetchGithubProfile",
|
|
"actionId": "run-query",
|
|
"eventId": "onRowClicked"
|
|
},
|
|
{
|
|
"queryName": "fetchGithubProfile",
|
|
"actionId": "run-query",
|
|
"eventId": "onPageChanged"
|
|
}
|
|
],
|
|
"styles": {
|
|
"textColor": { "value": "" },
|
|
"cellSize": { "value": "compact" }
|
|
},
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 150,
|
|
"left": 2.321981424148607,
|
|
"width": 23.796439628482972,
|
|
"height": 686
|
|
}
|
|
}
|
|
},
|
|
"ad27f56c-8fda-4c21-a60d-0951ba0f46f8": {
|
|
"top": 150,
|
|
"left": 780,
|
|
"width": 476,
|
|
"height": 504,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/14343/table.svg",
|
|
"name": "container1",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": { "width": 200, "height": 200 },
|
|
"component": "Container",
|
|
"properties": {},
|
|
"events": {},
|
|
"styles": { "backgroundColor": { "type": "color" } },
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": { "visible": { "value": true } },
|
|
"events": [],
|
|
"styles": { "backgroundColor": { "value": "#fff" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 150,
|
|
"left": 60.371517027863774,
|
|
"width": 15.842105263157896,
|
|
"height": 504
|
|
}
|
|
}
|
|
},
|
|
"6b3d8bce-bc34-42af-af46-24847cad360a": {
|
|
"top": 30,
|
|
"left": 150,
|
|
"width": 200,
|
|
"height": 200,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/35088/image.svg",
|
|
"name": "image1",
|
|
"displayName": "Image",
|
|
"description": "Display an Image",
|
|
"defaultSize": { "width": 200, "height": 200 },
|
|
"component": "Image",
|
|
"properties": {
|
|
"source": { "type": "code", "displayName": "URL" }
|
|
},
|
|
"events": { "onClick": { "displayName": "On click" } },
|
|
"styles": {},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{queries.fetchGithubProfile.data.avatar_url}}"
|
|
},
|
|
"visible": { "value": true }
|
|
},
|
|
"events": [],
|
|
"styles": {},
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 31.51260504201681,
|
|
"width": 18.067226890756302,
|
|
"height": 200
|
|
}
|
|
}
|
|
},
|
|
"2bf00d77-caf1-404d-a505-fec4d3ec6e7f": {
|
|
"top": 300,
|
|
"left": 30,
|
|
"width": 114,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text1",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "Name:" },
|
|
"visible": { "value": true },
|
|
"loadingState": { "value": "{{false}}" }
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 6.302521008403361,
|
|
"width": 10.298319327731093,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"a7cce90d-c3cd-40b3-9b7a-348e6f51da3e": {
|
|
"top": 360,
|
|
"left": 30,
|
|
"width": 116,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "Organization:" },
|
|
"visible": { "value": true },
|
|
"loadingState": { "value": "{{false}}" }
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 360,
|
|
"left": 6.302521008403361,
|
|
"width": 10.478991596638656,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"517f8c1d-1f4b-488a-8e42-f1d779e0ff09": {
|
|
"top": 420,
|
|
"left": 30,
|
|
"width": 117,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text3",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "Followers:" },
|
|
"visible": { "value": true },
|
|
"loadingState": { "value": "{{false}}" }
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 6.302521008403361,
|
|
"width": 10.569327731092438,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"1a109bae-548f-48b5-a22a-683364a414b1": {
|
|
"top": 300,
|
|
"left": 180,
|
|
"width": 210,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text4",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "{{queries.fetchGithubProfile.data.name}}" },
|
|
"visible": { "value": true },
|
|
"loadingState": {
|
|
"value": "{{queries.fetchGithubProfile.isLoading}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 37.81512605042017,
|
|
"width": 18.970588235294116,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"49da9d80-21fa-4068-bfe7-d8189e286f2d": {
|
|
"top": 360,
|
|
"left": 180,
|
|
"width": 210,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.fetchGithubProfile.data.company}}"
|
|
},
|
|
"visible": { "value": true },
|
|
"loadingState": {
|
|
"value": "{{queries.fetchGithubProfile.isLoading}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 360,
|
|
"left": 37.81512605042017,
|
|
"width": 18.970588235294116,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"b607d4c7-edf1-4d5f-b947-98845d0673b7": {
|
|
"top": 420,
|
|
"left": 180,
|
|
"width": 210,
|
|
"height": 24,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/219344/text.svg",
|
|
"name": "text6",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Text" },
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": { "width": 210, "height": 24 },
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": { "type": "color", "displayName": "Text Color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{queries.fetchGithubProfile.data.followers}}"
|
|
},
|
|
"visible": { "value": true },
|
|
"loadingState": {
|
|
"value": "{{queries.fetchGithubProfile.isLoading}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": { "textColor": { "value": "#000" } },
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 37.81512605042017,
|
|
"width": 18.970588235294116,
|
|
"height": 24
|
|
}
|
|
}
|
|
},
|
|
"0c28ef81-6cdf-4e12-8f21-de47b72b7bea": {
|
|
"top": 90,
|
|
"left": 30,
|
|
"width": 443,
|
|
"height": 30,
|
|
"component": {
|
|
"icon": "https://www.svgrepo.com/show/38828/text.svg",
|
|
"name": "textinput1",
|
|
"displayName": "Text Input",
|
|
"description": "Text field for forms",
|
|
"component": "TextInput",
|
|
"defaultSize": { "width": 200, "height": 30 },
|
|
"properties": {
|
|
"placeholder": { "type": "code", "displayName": "Placeholder" }
|
|
},
|
|
"events": {},
|
|
"styles": {},
|
|
"exposedVariables": { "value": {} },
|
|
"definition": {
|
|
"properties": {
|
|
"placeholder": { "value": "organization/repository" }
|
|
},
|
|
"events": [],
|
|
"styles": {},
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 90,
|
|
"left": 2.321981424148607,
|
|
"width": 14.743808049535604,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"5dc58297-2a31-48eb-9eab-e80fe2e669a9": {
|
|
"top": 90,
|
|
"left": 570,
|
|
"width": 174,
|
|
"height": 30,
|
|
"component": {
|
|
"icon": "/assets/images/icons/button.svg",
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": { "width": 120, "height": 30 },
|
|
"properties": {
|
|
"text": { "type": "code", "displayName": "Button Text" },
|
|
"loadingState": { "type": "code", "displayName": "Loading State" }
|
|
},
|
|
"events": { "onClick": { "displayName": "On click" } },
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color"
|
|
},
|
|
"textColor": { "type": "color", "displayName": "Text color" }
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"properties": {
|
|
"text": { "value": "Fetch contributors" },
|
|
"visible": { "value": true },
|
|
"loadingState": { "value": "{{false}}" }
|
|
},
|
|
"events": [
|
|
{
|
|
"queryName": "fetchContributors",
|
|
"actionId": "run-query",
|
|
"eventId": "onClick"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": { "value": "#3c92dc" },
|
|
"textColor": { "value": "#fff" }
|
|
},
|
|
"others": {
|
|
"showOnDesktop": { "value": true },
|
|
"showOnMobile": { "value": false }
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 90,
|
|
"left": 44.11764705882353,
|
|
"width": 5.791021671826625,
|
|
"height": 30
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": false,
|
|
"canvasMaxWidth": 1292,
|
|
"canvasBackgroundColor": "#edeff5"
|
|
}
|
|
},
|
|
"appId": "1986f492-3a77-412a-b930-b4c97def943a",
|
|
"createdAt": "2021-12-09T10:00:47.905Z",
|
|
"updatedAt": "2021-12-09T10:01:17.080Z"
|
|
},
|
|
"tooljetVersion": "0.10.0"
|
|
}
|