mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-21 21:47:17 +00:00
* 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>
1 line
No EOL
33 KiB
JSON
1 line
No EOL
33 KiB
JSON
{"id":"dbe889f1-05ec-47b5-a117-d894706420c7","name":"Stars","slug":"github-star-history","isPublic":true,"organizationId":"1d89c866-802d-4e0a-a9ef-05660d38a0f4","currentVersionId":"ac5fc98a-23a7-470a-a417-84f1836cc7ba","userId":"5d0e3769-e0c6-42cd-a7b9-a112e178296f","createdAt":"2021-12-09T12:22:10.668Z","updatedAt":"2022-01-17T04:45:12.567Z","dataQueries":[{"id":"e4c5b5b3-23cb-4161-b90d-28d443b47944","name":"runjs2","kind":"runjs","options":{"code":"const stargazersURL = `https://api.github.com/repos/${components.textinput1.value}/stargazers?per_page=100&page={page}`;\n\nconst totalPages = parseInt(queries.restapi1.data.starGazers/100);\n\nlet pages = [...Array(totalPages).keys()];\n\nlet dates = {};\nlet results = [];\n\nlet headers = {\n 'Accept': 'application/vnd.github.v3.star+json'\n}\n\nif(components.passwordinput1.value !== '') { \n headers['Authorization'] = `token ${components.passwordinput1.value}`\n}\n\nfor(const page of pages) {\n const url = stargazersURL.replace('{page}', page + 1);\n const data = (await axios.get(url, { headers })).data;\n \n for(star of data) {\n const starredAt = moment(star.starred_at).endOf('day').format('yyyy-MM-DD');\n dates[starredAt] = (dates[starredAt] || 0) + 1;\n }\n \n}\n\nlet total = 0;\nfor (date of Object.keys(dates)) {\n total = total + dates[date];\n results.push({ x: date, y: total});\n}\n\nreturn results;"},"dataSourceId":null,"appId":"dbe889f1-05ec-47b5-a117-d894706420c7","createdAt":"2021-12-09T12:22:10.667Z","updatedAt":"2021-12-09T13:07:31.327Z"},{"id":"f006d058-8cac-442e-a093-a2757247fefb","name":"restapi1","kind":"restapi","options":{"method":"get","url":"https://api.github.com/repos/{{components.textinput1.value}}","url_params":[["",""]],"headers":[["",""]],"body":[["",""]],"enableTransformation":true,"transformation":"// write your code here\n// return value will be set as data and the original data will be available as rawData\nreturn { starGazers: data.stargazers_count }; ","events":[{"eventId":"onDataQuerySuccess","actionId":"run-query","message":"Hello world!","queryId":"e4c5b5b3-23cb-4161-b90d-28d443b47944","queryName":"runjs2"}]},"dataSourceId":null,"appId":"dbe889f1-05ec-47b5-a117-d894706420c7","createdAt":"2021-12-09T12:22:10.667Z","updatedAt":"2021-12-09T12:22:10.667Z"}],"dataSources":[],"appVersions":[{"id":"ac5fc98a-23a7-470a-a417-84f1836cc7ba","name":"vv","definition":{"components":{"e2007b03-4c80-4925-8816-b3867579b2b6":{"component":{"name":"chart1","displayName":"Chart","description":"Display charts","component":"Chart","defaultSize":{"width":20,"height":400},"others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{"title":{"type":"code","displayName":"Title"},"data":{"type":"json","displayName":"Data"},"loadingState":{"type":"code","displayName":"Loading State"},"markerColor":{"type":"color","displayName":"Marker color"},"showGridLines":{"type":"toggle","displayName":"Show grid lines"},"type":{"type":"select","displayName":"Chart type","options":[{"name":"Line","value":"line"},{"name":"Bar","value":"bar"},{"name":"Pie","value":"pie"}]}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"show":null},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"title":{"value":"Stars over time "},"markerColor":{"value":"#394d9d"},"showGridLines":{"value":true},"loadingState":{"value":"{{queries.runjs2.isLoading || queries.restapi1.isLoading}}"},"type":{"value":"line"},"data":{"value":"{{queries.runjs2.data}}"}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":200,"left":2.36158105241994,"width":32,"height":550}}},"f073e059-7476-4999-86f8-335e1d6c095e":{"component":{"name":"textinput1","displayName":"Text Input","description":"Text field for forms","component":"TextInput","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"}},"validation":{"regex":{"type":"code","displayName":"Regex"},"minLength":{"type":"code","displayName":"Min length"},"maxLength":{"type":"code","displayName":"Max length"},"customRule":{"type":"code","displayName":"Custom validation"}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"value":""},"definition":{"validation":{"regex":{"value":""},"minLength":{"value":null},"maxLength":{"value":null},"customRule":{"value":null}},"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"value":{"value":""},"placeholder":{"value":"ToolJet/ToolJet"}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":130,"left":2.325578813582382,"width":10,"height":40}}},"919579eb-4b19-4cf1-8fbb-701dd933412c":{"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":"Repository"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":100,"left":2.3255811756240323,"width":4,"height":30}}},"3222f722-d6ff-4cdc-bc04-4c1dbe40ae86":{"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":"Fetch History"},"visible":{"value":true},"loadingState":{"value":"{{queries.runjs2.isLoading || queries.restapi1.isLoading}}"}},"events":[{"eventId":"onClick","actionId":"run-query","message":"Hello world!","queryId":"f006d058-8cac-442e-a093-a2757247fefb","queryName":"restapi1"}],"styles":{"backgroundColor":{"value":"#3c4bdc"},"textColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"borderRadius":{"value":"{{4}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":130,"left":28.178344348635836,"width":5,"height":40}}},"002460c5-7ae0-450a-8eec-2039f8ef1463":{"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":"<small>Required if more than 5000 stars. Token is not stored or sent to backend.</small>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#a92121"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":240,"left":79.00856337123992,"width":8,"height":60}}},"c6592886-aa84-4f4b-9204-65a3570b6193":{"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":"Built using <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":770,"left":2.3255811756240323,"width":13,"height":30}}},"4c6dd385-c867-49a3-9553-deeb32ae1557":{"component":{"name":"container1","displayName":"Container","description":"Wrapper for multiple components","defaultSize":{"width":5,"height":200},"component":"Container","others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{},"events":{},"styles":{"backgroundColor":{"type":"color"},"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"visible":{"value":true}},"events":[],"styles":{"backgroundColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":310,"left":79.04095951476702,"width":8,"height":440}}},"8a3a0a85-44f3-4241-bd55-b95608dfcf4e":{"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":"This repository has {{queries.restapi1.data.starGazers}} stars 🌟"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"parent":"4c6dd385-c867-49a3-9553-deeb32ae1557","layouts":{"desktop":{"top":30,"left":4.796531874795149,"width":39.067200999949264,"height":70}}},"09ca79b6-9576-4afa-9144-05e7688f24ee":{"component":{"name":"text7","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":"Repository was created {{moment(queries.restapi1.rawData.created_at).fromNow()}} ago."},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"parent":"4c6dd385-c867-49a3-9553-deeb32ae1557","layouts":{"desktop":{"top":110,"left":5.404523725480118,"width":37.103522291585676,"height":50}}},"d53e0412-bba9-47d7-bf37-1cb5e91eefed":{"component":{"name":"container2","displayName":"Container","description":"Wrapper for multiple components","defaultSize":{"width":5,"height":200},"component":"Container","others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{},"events":{},"styles":{"backgroundColor":{"type":"color"},"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"visible":{"value":true}},"events":[],"styles":{"backgroundColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":0,"left":0,"width":43,"height":60}}},"8a367ae0-68cf-4ef8-947d-4a25b8ded078":{"component":{"name":"text6","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":"<h2>GitHub Star History 🌟 </h2>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#3c4bdc"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":10,"left":2.3255894427698096,"width":10,"height":40}}},"c603d2c9-99b9-40f0-a0b3-a96c9c920221":{"component":{"name":"text7","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":"<a href=\"https://gist.github.com/akshaysasidrn/09dc7a0456dddc20759c2f41b18caf8e\">Source code</a>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":20,"left":86.03571369182953,"width":5,"height":20}}},"9391da2c-a298-4233-936a-87e01280714f":{"component":{"name":"passwordinput1","displayName":"Password Input","description":"Password input field for forms","component":"PasswordInput","defaultSize":{"width":4,"height":30},"others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{"placeholder":{"type":"code","displayName":"Placeholder"}},"validation":{"regex":{"type":"code","displayName":"Regex"},"minLength":{"type":"code","displayName":"Min length"},"maxLength":{"type":"code","displayName":"Max length"},"customRule":{"type":"code","displayName":"Custom validation"}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"value":""},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"placeholder":{"value":"GitHub token"}},"validation":{"regex":{"value":""},"minLength":{"value":null},"maxLength":{"value":null},"customRule":{"value":null}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":200,"left":79.04096195941369,"width":8,"height":40}}}},"globalSettings":{"hideHeader":true,"canvasMaxWidth":1292,"canvasBackgroundColor":"#edeff5"}},"appId":"dbe889f1-05ec-47b5-a117-d894706420c7","createdAt":"2021-12-09T12:22:10.702Z","updatedAt":"2021-12-22T12:14:48.401Z","homePageId":"cc56f174-6e7c-4de1-9d41-9e0ab5f3b2d8","pages":{"cc56f174-6e7c-4de1-9d41-9e0ab5f3b2d8":{"name":"Home","handle":"home"}},"showViewerNavigation":false}],"editingVersion":{"id":"ac5fc98a-23a7-470a-a417-84f1836cc7ba","name":"vv","definition":{"components":{"e2007b03-4c80-4925-8816-b3867579b2b6":{"component":{"name":"chart1","displayName":"Chart","description":"Display charts","component":"Chart","defaultSize":{"width":20,"height":400},"others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{"title":{"type":"code","displayName":"Title"},"data":{"type":"json","displayName":"Data"},"loadingState":{"type":"code","displayName":"Loading State"},"markerColor":{"type":"color","displayName":"Marker color"},"showGridLines":{"type":"toggle","displayName":"Show grid lines"},"type":{"type":"select","displayName":"Chart type","options":[{"name":"Line","value":"line"},{"name":"Bar","value":"bar"},{"name":"Pie","value":"pie"}]}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"show":null},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"title":{"value":"Stars over time "},"markerColor":{"value":"#394d9d"},"showGridLines":{"value":true},"loadingState":{"value":"{{queries.runjs2.isLoading || queries.restapi1.isLoading}}"},"type":{"value":"line"},"data":{"value":"{{queries.runjs2.data}}"}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":200,"left":2.36158105241994,"width":32,"height":550}}},"f073e059-7476-4999-86f8-335e1d6c095e":{"component":{"name":"textinput1","displayName":"Text Input","description":"Text field for forms","component":"TextInput","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"}},"validation":{"regex":{"type":"code","displayName":"Regex"},"minLength":{"type":"code","displayName":"Min length"},"maxLength":{"type":"code","displayName":"Max length"},"customRule":{"type":"code","displayName":"Custom validation"}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"value":""},"definition":{"validation":{"regex":{"value":""},"minLength":{"value":null},"maxLength":{"value":null},"customRule":{"value":null}},"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"value":{"value":""},"placeholder":{"value":"ToolJet/ToolJet"}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":130,"left":2.325578813582382,"width":10,"height":40}}},"919579eb-4b19-4cf1-8fbb-701dd933412c":{"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":"Repository"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":100,"left":2.3255811756240323,"width":4,"height":30}}},"3222f722-d6ff-4cdc-bc04-4c1dbe40ae86":{"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":"Fetch History"},"visible":{"value":true},"loadingState":{"value":"{{queries.runjs2.isLoading || queries.restapi1.isLoading}}"}},"events":[{"eventId":"onClick","actionId":"run-query","message":"Hello world!","queryId":"f006d058-8cac-442e-a093-a2757247fefb","queryName":"restapi1"}],"styles":{"backgroundColor":{"value":"#3c4bdc"},"textColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"borderRadius":{"value":"{{4}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":130,"left":28.178344348635836,"width":5,"height":40}}},"002460c5-7ae0-450a-8eec-2039f8ef1463":{"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":"<small>Required if more than 5000 stars. Token is not stored or sent to backend.</small>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#a92121"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":240,"left":79.00856337123992,"width":8,"height":60}}},"c6592886-aa84-4f4b-9204-65a3570b6193":{"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":"Built using <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":770,"left":2.3255811756240323,"width":13,"height":30}}},"4c6dd385-c867-49a3-9553-deeb32ae1557":{"component":{"name":"container1","displayName":"Container","description":"Wrapper for multiple components","defaultSize":{"width":5,"height":200},"component":"Container","others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{},"events":{},"styles":{"backgroundColor":{"type":"color"},"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"visible":{"value":true}},"events":[],"styles":{"backgroundColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":310,"left":79.04095951476702,"width":8,"height":440}}},"8a3a0a85-44f3-4241-bd55-b95608dfcf4e":{"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":"This repository has {{queries.restapi1.data.starGazers}} stars 🌟"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"parent":"4c6dd385-c867-49a3-9553-deeb32ae1557","layouts":{"desktop":{"top":30,"left":4.796531874795149,"width":39.067200999949264,"height":70}}},"09ca79b6-9576-4afa-9144-05e7688f24ee":{"component":{"name":"text7","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":"Repository was created {{moment(queries.restapi1.rawData.created_at).fromNow()}} ago."},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"parent":"4c6dd385-c867-49a3-9553-deeb32ae1557","layouts":{"desktop":{"top":110,"left":5.404523725480118,"width":37.103522291585676,"height":50}}},"d53e0412-bba9-47d7-bf37-1cb5e91eefed":{"component":{"name":"container2","displayName":"Container","description":"Wrapper for multiple components","defaultSize":{"width":5,"height":200},"component":"Container","others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{},"events":{},"styles":{"backgroundColor":{"type":"color"},"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"visible":{"value":true}},"events":[],"styles":{"backgroundColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":0,"left":0,"width":43,"height":60}}},"8a367ae0-68cf-4ef8-947d-4a25b8ded078":{"component":{"name":"text6","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":"<h2>GitHub Star History 🌟 </h2>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#3c4bdc"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":10,"left":2.3255894427698096,"width":10,"height":40}}},"c603d2c9-99b9-40f0-a0b3-a96c9c920221":{"component":{"name":"text7","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":"<a href=\"https://gist.github.com/akshaysasidrn/09dc7a0456dddc20759c2f41b18caf8e\">Source code</a>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":20,"left":86.03571369182953,"width":5,"height":20}}},"9391da2c-a298-4233-936a-87e01280714f":{"component":{"name":"passwordinput1","displayName":"Password Input","description":"Password input field for forms","component":"PasswordInput","defaultSize":{"width":4,"height":30},"others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{"placeholder":{"type":"code","displayName":"Placeholder"}},"validation":{"regex":{"type":"code","displayName":"Regex"},"minLength":{"type":"code","displayName":"Min length"},"maxLength":{"type":"code","displayName":"Max length"},"customRule":{"type":"code","displayName":"Custom validation"}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"value":""},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"placeholder":{"value":"GitHub token"}},"validation":{"regex":{"value":""},"minLength":{"value":null},"maxLength":{"value":null},"customRule":{"value":null}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":200,"left":79.04096195941369,"width":8,"height":40}}}},"globalSettings":{"hideHeader":true,"canvasMaxWidth":1292,"canvasBackgroundColor":"#edeff5"}},"appId":"dbe889f1-05ec-47b5-a117-d894706420c7","createdAt":"2021-12-09T12:22:10.702Z","updatedAt":"2021-12-22T12:14:48.401Z","homePageId":"b325ad90-fb39-4ad5-a126-4c61aa8471ff","pages":{"b325ad90-fb39-4ad5-a126-4c61aa8471ff":{"name":"Home","handle":"home"}},"showViewerNavigation":false},"tooljetVersion":"0.12.0"} |