public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
cal.pub0.org/apps/web/public/bookerlayout_month_view.svg

61 lines
17 KiB
XML
Raw Normal View History

feat: event settings booker layout toggle (#9082) * WIP for adding booker layout toggle in event settings pages * Prevent form error from getting form stuck in loading state * Fixed types for bookerlayouts settings and preselect correct layout in booker * Added defaultlayout settings to profile too, and use that in booker plus as default for events. * Made layout settings responsive * Added feature toggle for new layout settings * Fixed user builder for tests by adding defaultlyotu * Show toggles on booker for layout switch based on selected layouts. Also added a small fix for the settings toggles to preselect the correct toggle for defaultlayout when user profile settings are used. * Used zod parse to fix type errors. * Fix unit test * Set selected date to today in datepicker when week or column view is default layout. It uses that date to show in the title bar. * Moved booker layout settings to event and user meta data instead of new db column. * Converted booker layout strings into an enum. * Renamed booker layouts feature flag and deleted unused v2 booker feature flag. * Update packages/trpc/server/routers/viewer/eventTypes/update.handler.ts Co-authored-by: Omar López <zomars@me.com> * Fix import * Fix lint warnings in EventTypeSingleLayout * Fixed bug where when selected date was passed via query param page booking form wouldn't automatically show up. It would still serve you the date selection. This should fix e2e tests. * Fixed layout header. * Enabled booking layout toggle feature flag. --------- Co-authored-by: Peer Richelsen <peeroke@gmail.com> Co-authored-by: Omar López <zomars@me.com> Co-authored-by: Alex van Andel <me@alexvanandel.com>
2023-06-06 15:31:43 +00:00
<svg width="250" height="144" viewBox="0 0 250 144" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="2" width="245.667" height="144" rx="6" fill="url(#paint0_radial_4870_357167)"/>
<rect opacity="0.2" width="249.6" height="144" fill="url(#pattern0)"/>
<rect x="34.9768" y="32.5508" width="179.713" height="78.8984" rx="6.57487" fill="white"/>
<circle cx="47.0308" cy="44.6048" r="3.28743" fill="#E5E7EB"/>
<rect x="43.7434" y="52.2754" width="26.2995" height="2.28743" rx="1.09581" fill="#D1D5DB"/>
<rect x="43.7434" y="58.9463" width="18.2995" height="2.19162" rx="1.09581" fill="#E5E7EB"/>
<rect x="43.7434" y="65.521" width="10.2995" height="2.19162" rx="1.09581" fill="#E5E7EB"/>
<rect x="43.7434" y="72.0957" width="18.2995" height="2.19162" rx="1.09581" fill="#E5E7EB"/>
<path d="M77.7135 36.9341V107.066H79.9051V36.9341H77.7135Z" fill="#E5E7EB" mask="url(#path-4-inside-1_4870_357167)"/>
<rect x="87.5757" y="41.3174" width="26.2995" height="2.19162" rx="1.09581" fill="#E5E7EB"/>
<rect x="87.5757" y="47.8921" width="8.76649" height="2.19162" rx="1.09581" fill="#D1D5DB"/>
<rect x="98.5339" y="47.8921" width="8.76649" height="2.19162" rx="1.09581" fill="#D1D5DB"/>
<rect x="109.492" y="47.8921" width="8.76649" height="2.19162" rx="1.09581" fill="#D1D5DB"/>
<rect x="120.45" y="47.8921" width="8.76649" height="2.19162" rx="1.09581" fill="#D1D5DB"/>
<rect x="131.408" y="47.8921" width="8.76649" height="2.19162" rx="1.09581" fill="#D1D5DB"/>
<rect x="142.366" y="47.8921" width="8.76649" height="2.19162" rx="1.09581" fill="#D1D5DB"/>
<rect x="153.324" y="47.8921" width="8.76649" height="2.19162" rx="1.09581" fill="#D1D5DB"/>
<rect x="109.492" y="54.4668" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="120.45" y="54.4668" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="131.408" y="54.4668" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="142.366" y="54.4668" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="153.324" y="54.4668" width="8.76649" height="8.76649" rx="1.09581" fill="#F3F4F6"/>
<rect x="87.5757" y="67.6167" width="8.76649" height="8.76649" rx="1.09581" fill="#F3F4F6"/>
<rect x="98.5339" y="67.6167" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="109.492" y="67.6167" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="120.45" y="67.6167" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="131.408" y="67.6167" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="142.366" y="67.6167" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="153.324" y="67.6167" width="8.76649" height="8.76649" rx="1.09581" fill="#F3F4F6"/>
<rect x="87.5757" y="80.7666" width="8.76649" height="8.76649" rx="1.09581" fill="#F3F4F6"/>
<rect x="98.5339" y="80.7666" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="109.492" y="80.7666" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="120.45" y="80.7666" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="131.408" y="80.7666" width="8.76649" height="8.76649" rx="1.09581" fill="#9CA3AF"/>
<rect x="142.366" y="80.7666" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="153.324" y="80.7666" width="8.76649" height="8.76649" rx="1.09581" fill="#F3F4F6"/>
<rect x="87.5757" y="93.916" width="8.76649" height="8.76649" rx="1.09581" fill="#F3F4F6"/>
<rect x="98.5339" y="93.916" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="109.492" y="93.916" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<rect x="120.45" y="93.916" width="8.76649" height="8.76649" rx="1.09581" fill="#E5E7EB"/>
<path d="M169.762 36.9341V107.066H171.953V36.9341H169.762Z" fill="#E5E7EB" mask="url(#path-11-inside-2_4870_357167)"/>
<rect x="179.624" y="41.3174" width="26.2995" height="2.19162" rx="1.09581" fill="#E5E7EB"/>
<rect x="179.624" y="47.8921" width="26.2995" height="5.47906" rx="1.09581" fill="#E5E7EB"/>
<rect x="179.624" y="57.7544" width="26.2995" height="5.47906" rx="1.09581" fill="#E5E7EB"/>
<rect x="179.624" y="67.6167" width="26.2995" height="5.47906" rx="1.09581" fill="#E5E7EB"/>
<rect x="179.624" y="77.479" width="26.2995" height="5.47906" rx="1.09581" fill="#E5E7EB"/>
<rect x="179.624" y="87.3413" width="26.2995" height="5.47906" rx="1.09581" fill="#E5E7EB"/>
<rect x="179.624" y="97.2036" width="26.2995" height="5.47906" rx="1.09581" fill="#E5E7EB"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_4870_357167" transform="scale(0.00480769 0.00833333)"/>
</pattern>
<radialGradient id="paint0_radial_4870_357167" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(457.368 -66) rotate(151.954) scale(454.486 744.445)">
<stop stop-color="#A2ABBE"/>
<stop offset="1" stop-color="#D4D4D5"/>
</radialGradient>
<image id="image0_4870_357167" width="208" height="120" xlink:href="data:image/png;base64,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
</defs>
</svg>