ToolJet/frontend/assets/images/no-results.svg
Sherfin Shamsudeen 642c5caa71
Feature/multi page applications (Task ID - CU-2h1bfvw) (#4729)
* 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 <[email protected]>

* 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 <[email protected]>

* 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 <[email protected]>
2022-12-08 17:51:09 +05:30

36 lines
6 KiB
XML

<svg width="95" height="138" viewBox="0 0 95 138" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9551 47.7679L0.952026 59.6847L18.685 85.9162L36.6881 73.9994L18.9551 47.7679Z" fill="#F5F5F5"/>
<path d="M27.3856 72.7578L27.1803 74.0089L18.2301 72.7324L18.4355 71.4813L27.3856 72.7578Z" fill="#E0E0E0"/>
<path d="M22.8784 68.2949L24.1621 68.4774L22.7389 77.1973L21.4536 77.0131L22.8784 68.2949Z" fill="#E0E0E0"/>
<path d="M14.6342 57.2122C14.647 57.2313 12.8435 58.4475 10.6052 59.9288C8.36681 61.4102 6.54245 62.5962 6.52961 62.5771C6.51677 62.5581 8.32028 61.3419 10.5586 59.8605C12.797 58.3792 14.6213 57.1931 14.6342 57.2122Z" fill="#E0E0E0"/>
<path d="M21.2546 55.5673C21.2674 55.5863 18.2669 57.5948 14.554 60.051C10.8395 62.5088 7.81976 64.4856 7.80693 64.4665C7.79409 64.4475 10.793 62.4406 14.5075 59.9812C18.2204 57.5234 21.2418 55.5466 21.2546 55.5657V55.5673Z" fill="#E0E0E0"/>
<path d="M22.5816 57.5298C22.5945 57.5489 19.594 59.5573 15.8811 62.0136C12.1665 64.4714 9.14679 66.4481 9.13395 66.429C9.12112 66.41 12.12 64.4031 15.8345 61.9437C19.5474 59.4859 22.5688 57.5092 22.5816 57.5282V57.5298Z" fill="#E0E0E0"/>
<path d="M23.9085 59.494C23.9214 59.5131 20.9209 61.5216 17.208 63.9778C13.4934 66.4356 10.4737 68.4123 10.4609 68.3933C10.448 68.3742 13.4469 66.3673 17.1614 63.9079C20.8743 61.4501 23.8957 59.4734 23.9085 59.4924V59.494Z" fill="#E0E0E0"/>
<path d="M25.237 61.458C25.2499 61.477 22.2494 63.4855 18.5365 65.9417C14.8219 68.3995 11.8022 70.3763 11.7893 70.3572C11.7765 70.3382 14.7754 68.3313 18.4899 65.8719C22.2028 63.414 25.2242 61.4373 25.237 61.4564V61.458Z" fill="#E0E0E0"/>
<path d="M79.1554 65.3447L64.0356 75.3529L78.9281 97.3825L94.0478 87.3743L79.1554 65.3447Z" fill="#F5F5F5"/>
<path d="M86.2369 86.3359L86.0653 87.387L78.548 86.3153L78.7197 85.2642L86.2369 86.3359Z" fill="#E0E0E0"/>
<path d="M82.4503 82.5873L83.5301 82.7414L82.3331 90.064L81.2549 89.91L82.4503 82.5873Z" fill="#E0E0E0"/>
<path d="M75.5283 73.2799C75.5411 73.299 74.028 74.3231 72.1475 75.5663C70.267 76.8111 68.733 77.8034 68.7202 77.7843C68.7073 77.7653 70.2204 76.7412 72.1009 75.4964C73.9799 74.2532 75.5154 73.2593 75.5283 73.2783V73.2799Z" fill="#E0E0E0"/>
<path d="M81.088 71.8987C81.1009 71.9178 78.5833 73.6071 75.4641 75.6712C72.3449 77.7352 69.8065 79.3928 69.7936 79.3738C69.7808 79.3547 72.2983 77.667 75.4176 75.6013C78.5352 73.5373 81.0752 71.8797 81.088 71.8987Z" fill="#E0E0E0"/>
<path d="M82.2031 73.5469C82.216 73.5659 79.6984 75.2553 76.5792 77.3193C73.46 79.3834 70.9216 81.0409 70.9087 81.0219C70.8959 81.0028 73.4134 79.3151 76.5327 77.2494C79.6503 75.1854 82.1903 73.5278 82.2031 73.5469Z" fill="#E0E0E0"/>
<path d="M83.3167 75.1966C83.3295 75.2156 80.812 76.905 77.6927 78.9674C74.5735 81.0315 72.0351 82.6891 72.0223 82.67C72.0094 82.651 74.527 80.9632 77.6462 78.8976C80.7638 76.8335 83.3038 75.1759 83.3167 75.195V75.1966Z" fill="#E0E0E0"/>
<path d="M84.4318 76.8462C84.4446 76.8653 81.9271 78.5546 78.8078 80.6187C75.6886 82.6827 73.1502 84.3403 73.1374 84.3213C73.1245 84.3022 75.6421 82.6145 78.7613 80.5488C81.8789 78.4848 84.4189 76.8272 84.4318 76.8462Z" fill="#E0E0E0"/>
<path d="M55.2351 48.7312L38.7375 40L25.745 64.0376L42.2425 72.7688L55.2351 48.7312Z" fill="#F5F5F5"/>
<path d="M39.4197 65.2496L38.3736 65.6037L35.7164 58.3366L36.7626 57.981L39.4197 65.2496Z" fill="#E0E0E0"/>
<path d="M41.0242 60.0353L41.4061 61.0784L34.1119 63.5505L33.73 62.5074L41.0242 60.0353Z" fill="#E0E0E0"/>
<path d="M46.2069 49.3115C46.1941 49.3353 44.5206 48.4747 42.4699 47.3887C40.4177 46.3027 38.7667 45.4041 38.7795 45.3802C38.7923 45.3564 40.4659 46.217 42.5165 47.303C44.5671 48.389 46.2198 49.2877 46.2069 49.3115Z" fill="#E0E0E0"/>
<path d="M50.1654 53.6367C50.1525 53.6605 47.3831 52.2205 43.9814 50.42C40.5782 48.6195 37.8296 47.1397 37.8425 47.1159C37.8553 47.0921 40.6247 48.5321 44.028 50.3342C47.4296 52.1347 50.1782 53.6145 50.1654 53.6383V53.6367Z" fill="#E0E0E0"/>
<path d="M49.1931 55.4356C49.1802 55.4594 46.4108 54.0193 43.0091 52.2189C39.6059 50.4184 36.8573 48.9386 36.8702 48.9148C36.883 48.891 39.6524 50.331 43.0557 52.1331C46.4573 53.9336 49.2059 55.4134 49.1931 55.4372V55.4356Z" fill="#E0E0E0"/>
<path d="M48.2205 57.2345C48.2077 57.2584 45.4382 55.8183 42.0366 54.0178C38.6334 52.2173 35.8848 50.7375 35.8976 50.7137C35.9105 50.6899 38.6799 52.13 42.0831 53.9321C45.4848 55.7326 48.2334 57.2123 48.2205 57.2361V57.2345Z" fill="#E0E0E0"/>
<path d="M47.2482 59.0334C47.2354 59.0573 44.466 57.6172 41.0643 55.8167C37.6611 54.0162 34.9125 52.5364 34.9253 52.5126C34.9382 52.4888 37.7076 53.9289 41.1109 55.731C44.5125 57.5314 47.2611 59.0112 47.2482 59.035V59.0334Z" fill="#E0E0E0"/>
<path d="M36.624 104.734L30.9503 133.599L30.2074 137.377L68.0843 137.193C69.7835 137.185 71.2901 135.691 71.8373 133.473L78.5539 106.221C78.9695 104.537 78.0581 102.785 76.7681 102.785L38.4323 102.825C37.5851 102.825 36.8454 103.608 36.624 104.734Z" fill="#E4E7EB"/>
<g opacity="0.5">
<path d="M36.624 104.734L30.9503 133.599L30.2074 137.377L68.0843 137.193C69.7835 137.185 71.2901 135.691 71.8373 133.473L78.5539 106.221C78.9695 104.537 78.0581 102.785 76.7681 102.785L38.4323 102.825C37.5851 102.825 36.8454 103.608 36.624 104.734Z" fill="#E4E7EB"/>
</g>
<path d="M64.4516 131.644L60.4418 99.6657C60.2782 98.3558 59.2224 97.3778 57.9772 97.3825L49.1827 97.4111C48.5313 97.4127 47.9071 97.6874 47.445 98.1732L43.27 102.565L18.8119 102.692C17.3181 102.7 16.1692 104.099 16.3666 105.672L20.0907 135.228C20.256 136.536 21.3086 137.512 22.5521 137.509L65.1768 137.427C69.9247 137.524 70.3772 136.137 70.3772 136.137C64.9362 137.33 64.4516 131.649 64.4516 131.646V131.644Z" fill="#F3F4F6"/>
<g opacity="0.5">
<path d="M46.0731 125.244L44.6354 126.771L33.5641 116.914L35.0018 115.387L46.0731 125.244Z" fill="#6B7380"/>
<path d="M44.0321 115.049L45.6222 116.464L35.6034 127.109L34.0149 125.696L44.0321 115.049Z" fill="#6B7380"/>
</g>
<path d="M80.2866 137.585C80.2866 137.626 65.6063 137.661 47.5016 137.661C29.3968 137.661 14.7131 137.626 14.7131 137.585C14.7131 137.544 29.39 137.509 47.5016 137.509C65.6132 137.509 80.2866 137.544 80.2866 137.585Z" fill="#6B7380"/>
</svg>