mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-30 09:57:19 +00:00
642c5caa71
* Add routes for multi-page apps * Modify Editor, Viewer and Inspector to accept new app structure * Show a page selector on left side bar * Align component deletion logic with new app schema * Make subcontainer work with multi-page apps * Load components state properly in viewer * Use UUID instead of handle for pages * Display sidebar on viewer to switch pages * Add proper URL suffixing for pages in viewer * Add action to switch page * Revert translation file back to its pre-existing linting * Fix bug that caused modal to not open/close * Add support for query params in page switch * Fix the issue that caused navigation to fail while accessed via slug * Add missing SwitchPage file * Add support for page level variables * Add migration to convert existing apps to new schema * Add rollback for converting multi-page definitions back to single-page * Fix migration for multi-page apps * Adapt import/export service for multi-pages * [improvements] Multi-page applications (#4755) * UI updates for page selector popup card * delete page * delete page check: if only one page exits * switch to home page if the selected page is removed * adds and switch to new page * updating page name * updates to home page and starting page * handle updating the home page when home page is deleted * search box for filtering pages and minor style updates for the page handler card * header search box style fixes * for creating a new page, page handle needs to be unique * seperating into smaller components * updated pinned icon for page selector styles and settinf styles * Leftsidebar header ui component * handle dark theme * page handle ui and dark theme fixes for page menu * page handler edit modal * pinned state and update pinned state for menu options triggered * dark theme fixes for edit modal * handle on update should not be empty or prev * page handler updater * added loading state for saving * handles cancels * fixes slug ui * fixes crash for older app versions * updates the query params when handle gets an update * update homePage to homePageId * removes console.log * go back to the popover for modal close * fixes: Difficult to select page * fixes: Difficult to select the three-dot menu * fixes: on visiting the root url, navigate to homepage on viewer * adds tooltip for url * updates the page selector sidebar with sync with query manager * refactor and cleanup * refactor and cleanup * Compute component state when page is switched * modal should not close on click outside * disable save button if there is not change in the page handle input * should show/hide page menu when hovered * page icon * updates delete icon for disabled state * query manager should always be on top of page selector * checks if homePage key exists in pages def * updates page handler menu * updates the clear icon * page handler menu position * page handler menu position * handle icon * alert msg * global settings handler for updating viewer page navigation * show/hode page navigation for viewer * info text for toggle * Multipages:with sortable list [DnD] (#4783) * applied sortable list * on sort updates the definitions * fixies: app crash for dnd * viwer: canvas width should be 100% when navigation drawer is disbaled * fixes: homepage/startpage reload * clean up Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com> * Multipage UI viewer (#4801) * new ui changes for viewer pages * fixes postions for debugger and datasources popover * removes console.log * Multipage : hide page and unhide page feature (#4803) * adds: ability to hide pages * hides pages in viewer * unhide page * hide icon * allow accessing hidden pages from url * add: duplicate page (#4802) * add: duplicate page * do not copy the same references from the original page * page name and page handler should be unique for duplicate pages too * Add support for on-page-load events * Add icon from page settings menu item * Convert existing templates to multi-page schema * error logs for page level and app level errors (#4842) * Adapt comments feature for multi-pages * [Bugfix] multipage - page menu interactions (#4844) * fixes: menu popup interaction * fixes: on modal input focus, we switch the page * Adapt multi-player to multi-pages * Add editingPageId to ymap * Log self, others and editor props in real-time avatar generation * Save editing page id to appDef * Add editingPageId to presence in RealtimeCursors * adds no results ui for empty search results (#4869) * page icon updated (#4870) * fixes:Version switching crashes if the target version does not contain the current page (#4868) * Remove unnecessary setting of editingPageId on ymap * Remove unnecessary console.log * [Bugfix] Multipages: widget inspector event popover unmounts (#4887) * introduced a local state for events * cleaned up inspector.jsx * fixes: table widget inspector event accordion * Do not run switchPage twice when viewer is loaded * Preview should open the currently editing page * Properly place navigation and canvas in viewer * Update app definition whenever event manager changes are made * Add support for browser back and forward button in multi-pages * Rename handleBackButton to handlePageSwitchingBasedOnURLparam * Add support for cut/copy/paste and clone * Fix the crash caused by boxShadow * Add support for background colors in viewer in multi-pages * Run queries to be run on load on viewer, in multi-pages * Fix issue that caused inspector popovers to collapse * resolves workspace vars in viewer mode (#4892) * Multipage : Navigation for Mobile-ui (#4814) * refactored to components * burger menu for mobile ui * merge conflict fix for hidden pages * hamburger menu positioned in the header * viewer header reafctored * viewer mobile page manu styles * handles dark theme * mobile menu with dark mode toggle in the footer * components are moved to page level, handle for mobile layout * style fixes * removing unwanted code block * dark theme fixes * style fixes * fixes: events are sortable (#4895) * fixes: events are sortable * Remove uneccesarily repeated call of setEvents in EventManager Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com> * renamed settings to Event handlers (#4898) * updates the page setting title to Page Events * temp commit * Add support for setting max width in percentage * fixes: paramUpdates for boxes: 🙌🏻 * [Bugfix] Multipage - viewer canvas dark theme (#4897) * fixes: darktheme bg for viewer canvas * reverts canvas size * Fix for inspector bouncing back to previous values * resolves pages variables in pythong and js transformation (#4905) * csa support to event manager for pages (#4907) * Add support for setting canvas width in percentages * Persist page level variables across page switches * latest definitions is merged with the current appdef (#4914) * latest definitions is merged with the current appdef * mutating the local obj * cleanup * iterate through pages for new versions are created Co-authored-by: Arpit <arpitnath42@gmail.com>
2349 lines
No EOL
107 KiB
JSON
2349 lines
No EOL
107 KiB
JSON
{
|
|
"id": "436e9e86-04e4-46ae-a75f-8ba192b7d0af",
|
|
"name": "GitHub Star Ranking",
|
|
"slug": "github-star-ranking",
|
|
"isPublic": true,
|
|
"organizationId": "1d89c866-802d-4e0a-a9ef-05660d38a0f4",
|
|
"currentVersionId": "78e4c141-5efd-4648-8121-c1339ac8de5e",
|
|
"userId": "5d0e3769-e0c6-42cd-a7b9-a112e178296f",
|
|
"createdAt": "2021-12-03T13:03:04.425Z",
|
|
"updatedAt": "2021-12-03T13:03:26.544Z",
|
|
"dataQueries": [
|
|
{
|
|
"id": "69f70cd8-d6f4-487b-acc7-b9a88c721767",
|
|
"name": "restapi1",
|
|
"kind": "restapi",
|
|
"options": {
|
|
"method": "get",
|
|
"url": "https://api.github.com/search/repositories?q=stars:>{{components.numberinput1.value}} forks:>={{components.numberinput2.value}} language:{{components.dropdown1.value}}&sort=stars&order=desc&per_page=25&page={{components.table1.pageIndex}}",
|
|
"url_params": [
|
|
[
|
|
"",
|
|
""
|
|
]
|
|
],
|
|
"headers": [
|
|
[
|
|
"Accept",
|
|
"application/vnd.github.v3+json"
|
|
],
|
|
[
|
|
"",
|
|
""
|
|
]
|
|
],
|
|
"body": [
|
|
[
|
|
"",
|
|
""
|
|
]
|
|
],
|
|
"runOnPageLoad": true
|
|
},
|
|
"dataSourceId": null,
|
|
"appId": "436e9e86-04e4-46ae-a75f-8ba192b7d0af",
|
|
"createdAt": "2021-12-03T13:03:04.424Z",
|
|
"updatedAt": "2021-12-03T13:03:04.424Z"
|
|
}
|
|
],
|
|
"dataSources": [],
|
|
"appVersions": [
|
|
{
|
|
"id": "78e4c141-5efd-4648-8121-c1339ac8de5e",
|
|
"name": "v1",
|
|
"definition": {
|
|
"components": {
|
|
"83cb7c64-4e8f-4fc2-ab0c-eb75d695f57b": {
|
|
"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"
|
|
},
|
|
"clientSidePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Client-side pagination"
|
|
},
|
|
"serverSideSearch": {
|
|
"type": "toggle",
|
|
"displayName": "Server-side search"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color"
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text color"
|
|
},
|
|
"displaySearchBox": {
|
|
"type": "toggle",
|
|
"displayName": "Show search box"
|
|
},
|
|
"showDownloadButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show download button"
|
|
},
|
|
"showFilterButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show filter button"
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"type": "toggle",
|
|
"displayName": "Show bulk update actions"
|
|
},
|
|
"showBulkSelector": {
|
|
"type": "toggle",
|
|
"displayName": "Bulk selection"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"type": "toggle",
|
|
"displayName": "Highlight selected row"
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop "
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 300
|
|
},
|
|
"events": {
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked"
|
|
},
|
|
"onBulkUpdate": {
|
|
"displayName": "Bulk update"
|
|
},
|
|
"onPageChanged": {
|
|
"displayName": "Page changed"
|
|
},
|
|
"onSearch": {
|
|
"displayName": "Search"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"tableType": {
|
|
"type": "select",
|
|
"displayName": "Table type",
|
|
"options": [
|
|
{
|
|
"name": "Bordered",
|
|
"value": ""
|
|
},
|
|
{
|
|
"name": "Borderless",
|
|
"value": "table-borderless"
|
|
},
|
|
{
|
|
"name": "Classic",
|
|
"value": "table-classic"
|
|
},
|
|
{
|
|
"name": "Striped",
|
|
"value": "table-striped"
|
|
},
|
|
{
|
|
"name": "Striped & bordered",
|
|
"value": "table-striped table-bordered"
|
|
}
|
|
]
|
|
},
|
|
"cellSize": {
|
|
"type": "select",
|
|
"displayName": "Cell size",
|
|
"options": [
|
|
{
|
|
"name": "Compact",
|
|
"value": "compact"
|
|
},
|
|
{
|
|
"name": "Spacious",
|
|
"value": "spacious"
|
|
}
|
|
]
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 0,
|
|
"searchText": "",
|
|
"selectedRows": []
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.restapi1.isLoading}}"
|
|
},
|
|
"data": {
|
|
"value": "{{queries.restapi1.data.items}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": true
|
|
},
|
|
"clientSidePagination": {
|
|
"value": false
|
|
},
|
|
"displaySearchBox": {
|
|
"value": true
|
|
},
|
|
"showDownloadButton": {
|
|
"value": true
|
|
},
|
|
"showFilterButton": {
|
|
"value": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "repo",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"key": "full_name",
|
|
"isEditable": false
|
|
},
|
|
{
|
|
"name": "description",
|
|
"id": "1f58dd7d-4c06-4f0f-b8e1-8f097386b843",
|
|
"key": "description",
|
|
"columnType": "text",
|
|
"isEditable": false
|
|
},
|
|
{
|
|
"name": "stars",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"key": "stargazers_count"
|
|
},
|
|
{
|
|
"name": "watchers",
|
|
"id": "664e49c8-1600-4d0f-92c4-e1de83338d50",
|
|
"key": "watchers"
|
|
},
|
|
{
|
|
"name": "forks",
|
|
"id": "1f9b9cba-e001-4874-8280-bb5f2c7f5367",
|
|
"key": "forks"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": true
|
|
},
|
|
"showBulkSelector": {
|
|
"value": false
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": false
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "View repo",
|
|
"events": [],
|
|
"backgroundColor": "#4d72da",
|
|
"textColor": "#ffffff"
|
|
}
|
|
]
|
|
},
|
|
"columnSizes": {
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 183,
|
|
"rightActions": 118,
|
|
"1f9b9cba-e001-4874-8280-bb5f2c7f5367": 145,
|
|
"664e49c8-1600-4d0f-92c4-e1de83338d50": 191,
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 304,
|
|
"1f58dd7d-4c06-4f0f-b8e1-8f097386b843": 282
|
|
},
|
|
"serverSideSearch": {
|
|
"value": false
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onPageChanged",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"queryId": "69f70cd8-d6f4-487b-acc7-b9a88c721767",
|
|
"queryName": "restapi1"
|
|
}
|
|
],
|
|
"styles": {
|
|
"textColor": {},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "spacious"
|
|
},
|
|
"tableType": {
|
|
"value": ""
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 2.226580923924874,
|
|
"width": 41,
|
|
"height": 580
|
|
}
|
|
}
|
|
},
|
|
"b77260ff-1c04-4621-b8ba-dafcb7770ad8": {
|
|
"component": {
|
|
"name": "text1",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Min. stars"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 55.803153684633806,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"a66009c5-64b6-488b-b687-1896e7cb53c4": {
|
|
"component": {
|
|
"name": "numberinput1",
|
|
"displayName": "Number Input",
|
|
"description": "Number field for forms",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value"
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 0
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "4000"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 62.79069646593218,
|
|
"width": 4,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"dcdd92d6-d43e-4e37-a46f-d6be4988ce8b": {
|
|
"component": {
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"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"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Search"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"queryId": "69f70cd8-d6f4-487b-acc7-b9a88c721767",
|
|
"queryName": "restapi1"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#4d72da"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 74.41860706813564,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"d8c51eee-c15b-415e-9b20-c3f6422d10c9": {
|
|
"component": {
|
|
"name": "dropdown1",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label"
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value"
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values"
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": null
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"label": {
|
|
"value": "Language"
|
|
},
|
|
"value": {
|
|
"value": "{{'JavaScript'}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"ActionScript\", \"C\", \"CSharp\", \"CPP\", \"Clojure\", \"CoffeeScript\", \"CSS\", \"Dart\", \"DM\", \"Elixir\", \"Go\", \"Groovy\", \"Haskell\", \"HTML\", \"Java\",\n \"JavaScript\", \"Julia\", \"Kotlin\", \"Lua\", \"MATLAB\", \"Objective-C\", \"Perl\", \"PHP\", \"PowerShell\", \"Python\", \"R\", \"Ruby\", \"Rust\", \"Scala\", \"Shell\",\n \"Swift\", \"TeX\", \"TypeScript\", \"Vim-script\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"ActionScript\", \"C\", \"CSharp\", \"CPP\", \"Clojure\", \"CoffeeScript\", \"CSS\", \"Dart\", \"DM\", \"Elixir\", \"Go\", \"Groovy\", \"Haskell\", \"HTML\", \"Java\",\n \"JavaScript\", \"Julia\", \"Kotlin\", \"Lua\", \"MATLAB\", \"Objective-C\", \"Perl\", \"PHP\", \"PowerShell\", \"Python\", \"R\", \"Ruby\", \"Rust\", \"Scala\", \"Shell\",\n \"Swift\", \"TeX\", \"TypeScript\", \"Vim-script\"]}}"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 16.25027021756482,
|
|
"width": 8,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"318ba122-f19d-46b2-bd2b-8e3ea16c7bba": {
|
|
"component": {
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "The total number of public {{components.dropdown1.value}} repositories with more than {{components.numberinput1.value}} stars and more than {{components.numberinput2.value}} forks is {{queries.restapi1.data.total_count}}. <small>NOTE: GitHub search API will return only the first 1000 results.</small>"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 23.27741498917618,
|
|
"width": 23,
|
|
"height": 50
|
|
}
|
|
}
|
|
},
|
|
"4f80be22-6802-4c7f-a577-ba67fef0c5f1": {
|
|
"component": {
|
|
"name": "text3",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "<h1>GitHub Star Ranking ⭐️</h1>"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 41.82446364647833,
|
|
"width": 9,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"e0fa4219-0156-4fb5-8e82-42768496142f": {
|
|
"component": {
|
|
"name": "text4",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Min. forks"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 37.20929880998452,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"c7b2d034-a95c-4259-8352-3cfcaff28885": {
|
|
"component": {
|
|
"name": "numberinput2",
|
|
"displayName": "Number Input",
|
|
"description": "Number field for forms",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value"
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 0
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 44.18604706093992,
|
|
"width": 4,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"c8cfef28-9b97-40ac-ad8b-e4ffef560baf": {
|
|
"component": {
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Built using ToolJet (<a href=\"https://github.com/ToolJet/ToolJet\">https://github.com/ToolJet/ToolJet</a>)"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 860,
|
|
"left": 2.309382293984617,
|
|
"width": 17,
|
|
"height": 30
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"appId": "436e9e86-04e4-46ae-a75f-8ba192b7d0af",
|
|
"createdAt": "2021-12-03T13:03:04.448Z",
|
|
"updatedAt": "2021-12-03T13:20:11.906Z",
|
|
"homePageId": "b9eb7bf7-a08f-4c10-815d-acba141d6256",
|
|
"pages": {
|
|
"b9eb7bf7-a08f-4c10-815d-acba141d6256": {
|
|
"name": "Home",
|
|
"handle": "home"
|
|
}
|
|
},
|
|
"showViewerNavigation": false
|
|
}
|
|
],
|
|
"editingVersion": {
|
|
"id": "78e4c141-5efd-4648-8121-c1339ac8de5e",
|
|
"name": "v1",
|
|
"definition": {
|
|
"components": {
|
|
"83cb7c64-4e8f-4fc2-ab0c-eb75d695f57b": {
|
|
"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"
|
|
},
|
|
"clientSidePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Client-side pagination"
|
|
},
|
|
"serverSideSearch": {
|
|
"type": "toggle",
|
|
"displayName": "Server-side search"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color"
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text color"
|
|
},
|
|
"displaySearchBox": {
|
|
"type": "toggle",
|
|
"displayName": "Show search box"
|
|
},
|
|
"showDownloadButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show download button"
|
|
},
|
|
"showFilterButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show filter button"
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"type": "toggle",
|
|
"displayName": "Show bulk update actions"
|
|
},
|
|
"showBulkSelector": {
|
|
"type": "toggle",
|
|
"displayName": "Bulk selection"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"type": "toggle",
|
|
"displayName": "Highlight selected row"
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop "
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 300
|
|
},
|
|
"events": {
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked"
|
|
},
|
|
"onBulkUpdate": {
|
|
"displayName": "Bulk update"
|
|
},
|
|
"onPageChanged": {
|
|
"displayName": "Page changed"
|
|
},
|
|
"onSearch": {
|
|
"displayName": "Search"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"tableType": {
|
|
"type": "select",
|
|
"displayName": "Table type",
|
|
"options": [
|
|
{
|
|
"name": "Bordered",
|
|
"value": ""
|
|
},
|
|
{
|
|
"name": "Borderless",
|
|
"value": "table-borderless"
|
|
},
|
|
{
|
|
"name": "Classic",
|
|
"value": "table-classic"
|
|
},
|
|
{
|
|
"name": "Striped",
|
|
"value": "table-striped"
|
|
},
|
|
{
|
|
"name": "Striped & bordered",
|
|
"value": "table-striped table-bordered"
|
|
}
|
|
]
|
|
},
|
|
"cellSize": {
|
|
"type": "select",
|
|
"displayName": "Cell size",
|
|
"options": [
|
|
{
|
|
"name": "Compact",
|
|
"value": "compact"
|
|
},
|
|
{
|
|
"name": "Spacious",
|
|
"value": "spacious"
|
|
}
|
|
]
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 0,
|
|
"searchText": "",
|
|
"selectedRows": []
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.restapi1.isLoading}}"
|
|
},
|
|
"data": {
|
|
"value": "{{queries.restapi1.data.items}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": true
|
|
},
|
|
"clientSidePagination": {
|
|
"value": false
|
|
},
|
|
"displaySearchBox": {
|
|
"value": true
|
|
},
|
|
"showDownloadButton": {
|
|
"value": true
|
|
},
|
|
"showFilterButton": {
|
|
"value": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "repo",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"key": "full_name",
|
|
"isEditable": false
|
|
},
|
|
{
|
|
"name": "description",
|
|
"id": "1f58dd7d-4c06-4f0f-b8e1-8f097386b843",
|
|
"key": "description",
|
|
"columnType": "text",
|
|
"isEditable": false
|
|
},
|
|
{
|
|
"name": "stars",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"key": "stargazers_count"
|
|
},
|
|
{
|
|
"name": "watchers",
|
|
"id": "664e49c8-1600-4d0f-92c4-e1de83338d50",
|
|
"key": "watchers"
|
|
},
|
|
{
|
|
"name": "forks",
|
|
"id": "1f9b9cba-e001-4874-8280-bb5f2c7f5367",
|
|
"key": "forks"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": true
|
|
},
|
|
"showBulkSelector": {
|
|
"value": false
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": false
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "View repo",
|
|
"events": [],
|
|
"backgroundColor": "#4d72da",
|
|
"textColor": "#ffffff"
|
|
}
|
|
]
|
|
},
|
|
"columnSizes": {
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 183,
|
|
"rightActions": 118,
|
|
"1f9b9cba-e001-4874-8280-bb5f2c7f5367": 145,
|
|
"664e49c8-1600-4d0f-92c4-e1de83338d50": 191,
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 304,
|
|
"1f58dd7d-4c06-4f0f-b8e1-8f097386b843": 282
|
|
},
|
|
"serverSideSearch": {
|
|
"value": false
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onPageChanged",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"queryId": "69f70cd8-d6f4-487b-acc7-b9a88c721767",
|
|
"queryName": "restapi1"
|
|
}
|
|
],
|
|
"styles": {
|
|
"textColor": {},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "spacious"
|
|
},
|
|
"tableType": {
|
|
"value": ""
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 2.226580923924874,
|
|
"width": 41,
|
|
"height": 580
|
|
}
|
|
}
|
|
},
|
|
"b77260ff-1c04-4621-b8ba-dafcb7770ad8": {
|
|
"component": {
|
|
"name": "text1",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Min. stars"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 55.803153684633806,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"a66009c5-64b6-488b-b687-1896e7cb53c4": {
|
|
"component": {
|
|
"name": "numberinput1",
|
|
"displayName": "Number Input",
|
|
"description": "Number field for forms",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value"
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 0
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "4000"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 62.79069646593218,
|
|
"width": 4,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"dcdd92d6-d43e-4e37-a46f-d6be4988ce8b": {
|
|
"component": {
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"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"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Search"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"queryId": "69f70cd8-d6f4-487b-acc7-b9a88c721767",
|
|
"queryName": "restapi1"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#4d72da"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 74.41860706813564,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"d8c51eee-c15b-415e-9b20-c3f6422d10c9": {
|
|
"component": {
|
|
"name": "dropdown1",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label"
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value"
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values"
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": null
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"label": {
|
|
"value": "Language"
|
|
},
|
|
"value": {
|
|
"value": "{{'JavaScript'}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"ActionScript\", \"C\", \"CSharp\", \"CPP\", \"Clojure\", \"CoffeeScript\", \"CSS\", \"Dart\", \"DM\", \"Elixir\", \"Go\", \"Groovy\", \"Haskell\", \"HTML\", \"Java\",\n \"JavaScript\", \"Julia\", \"Kotlin\", \"Lua\", \"MATLAB\", \"Objective-C\", \"Perl\", \"PHP\", \"PowerShell\", \"Python\", \"R\", \"Ruby\", \"Rust\", \"Scala\", \"Shell\",\n \"Swift\", \"TeX\", \"TypeScript\", \"Vim-script\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"ActionScript\", \"C\", \"CSharp\", \"CPP\", \"Clojure\", \"CoffeeScript\", \"CSS\", \"Dart\", \"DM\", \"Elixir\", \"Go\", \"Groovy\", \"Haskell\", \"HTML\", \"Java\",\n \"JavaScript\", \"Julia\", \"Kotlin\", \"Lua\", \"MATLAB\", \"Objective-C\", \"Perl\", \"PHP\", \"PowerShell\", \"Python\", \"R\", \"Ruby\", \"Rust\", \"Scala\", \"Shell\",\n \"Swift\", \"TeX\", \"TypeScript\", \"Vim-script\"]}}"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 16.25027021756482,
|
|
"width": 8,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"318ba122-f19d-46b2-bd2b-8e3ea16c7bba": {
|
|
"component": {
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "The total number of public {{components.dropdown1.value}} repositories with more than {{components.numberinput1.value}} stars and more than {{components.numberinput2.value}} forks is {{queries.restapi1.data.total_count}}. <small>NOTE: GitHub search API will return only the first 1000 results.</small>"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 23.27741498917618,
|
|
"width": 23,
|
|
"height": 50
|
|
}
|
|
}
|
|
},
|
|
"4f80be22-6802-4c7f-a577-ba67fef0c5f1": {
|
|
"component": {
|
|
"name": "text3",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "<h1>GitHub Star Ranking ⭐️</h1>"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 41.82446364647833,
|
|
"width": 9,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"e0fa4219-0156-4fb5-8e82-42768496142f": {
|
|
"component": {
|
|
"name": "text4",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Min. forks"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 37.20929880998452,
|
|
"width": 3,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"c7b2d034-a95c-4259-8352-3cfcaff28885": {
|
|
"component": {
|
|
"name": "numberinput2",
|
|
"displayName": "Number Input",
|
|
"description": "Number field for forms",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value"
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 0
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 44.18604706093992,
|
|
"width": 4,
|
|
"height": 30
|
|
}
|
|
}
|
|
},
|
|
"c8cfef28-9b97-40ac-ad8b-e4ffef560baf": {
|
|
"component": {
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text"
|
|
},
|
|
"loadingState": {
|
|
"type": "code",
|
|
"displayName": "Show loading state"
|
|
}
|
|
},
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color"
|
|
},
|
|
"visibility": {
|
|
"type": "code",
|
|
"displayName": "Visibility"
|
|
},
|
|
"disabledState": {
|
|
"type": "code",
|
|
"displayName": "Disable"
|
|
}
|
|
},
|
|
"exposedVariables": {},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": true
|
|
},
|
|
"showOnMobile": {
|
|
"value": false
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Built using ToolJet (<a href=\"https://github.com/ToolJet/ToolJet\">https://github.com/ToolJet/ToolJet</a>)"
|
|
},
|
|
"visible": {
|
|
"value": true
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 860,
|
|
"left": 2.309382293984617,
|
|
"width": 17,
|
|
"height": 30
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"appId": "436e9e86-04e4-46ae-a75f-8ba192b7d0af",
|
|
"createdAt": "2021-12-03T13:03:04.448Z",
|
|
"updatedAt": "2021-12-03T13:20:11.906Z",
|
|
"homePageId": "a8f706b0-5de1-4b33-b0d5-bd4778c7e29a",
|
|
"pages": {
|
|
"a8f706b0-5de1-4b33-b0d5-bd4778c7e29a": {
|
|
"name": "Home",
|
|
"handle": "home"
|
|
}
|
|
},
|
|
"showViewerNavigation": false
|
|
},
|
|
"tooljetVersion": "0.9.1"
|
|
} |