Add the new bookings system #653
Conversation
This reverts commit b33a09c
Deploying outsite-nl with
|
| Latest commit: |
afdd09d
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://286bd799.dwhdelft-nl.pages.dev |
| Branch Preview URL: | https://add-new-bookings.dwhdelft-nl.pages.dev |
Deploying dwhdelft-nl with
|
| Latest commit: |
afdd09d
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://9ec0c5d1.dwhdelft-nl-u1a.pages.dev |
| Branch Preview URL: | https://add-new-bookings.dwhdelft-nl-u1a.pages.dev |
|
What do you mean by the white triangle? Also, I forgot to add dutch support but can do it without much difficulty. Also, do we want a way to put separate english and dutch title and descriptions? |
|
I mean this triangle, maybe we can also make it purple? Yeah, I think separate english/dutch is good in the booking app? Whatever you think is easiest! |
| @@ -73,7 +72,7 @@ | |||
| /song https://www.youtube.com/watch?v=DjZtKkhZtOE | |||
| /sponsorkliks https://www.sponsorkliks.com/partners.php?club=4338 | |||
| /sportsparty https://www.facebook.com/events/287302566914776 | |||
| /studieplekken / | |||
| /studieplekken /book | |||
| @@ -84,7 +83,7 @@ | |||
| /vertrouwenspersonen https://dwhdelft.nl/lets-talk | |||
| /volunqueers https://docs.google.com/spreadsheets/d/1FTK74hMFVRL2j1opFAi-RCeZTooJrNfnG3dzCQFddOU/edit#gid=0 | |||
| /vrijwilligersprijs /vrijwilligersprijzen | |||
| /weekvandeontmoetingdiner / | |||
| /weekvandeontmoetingdiner /book | |||
There was a problem hiding this comment.
I think it's better to make this an EatingOUT-specific page, with information, pictures, and details, and step away from the idea of a general booking page.
There was a problem hiding this comment.
Maybe make these external links, like the external link to outsite.nl from dwhdelft.nl in the nav bar
There was a problem hiding this comment.
i'd prefer /eatingout, so it change in the future
| const route = useRoute() | ||
|
|
||
| onMounted(() => { | ||
| window.addEventListener('message', (event) => { |
| onMounted(() => { | ||
| window.addEventListener('message', (event) => { | ||
| if (event.data.source === 'size_alert') { | ||
| const asd = document.querySelector('iframe') |
There was a problem hiding this comment.
let's pick a declarative name here
| <div v-if="route.query.canceled" class="mb-6 flex items-center space-x-4 rounded bg-brand-100 p-4 text-lg"> | ||
| <ElementsIconCircle class="p-5"> | ||
| <IconInformationOutline class="size-6" /> | ||
| </ElementsIconCircle> | ||
| <h4 class="text-xl leading-tight" v-text="t('canceled')" /> | ||
| </div> |
There was a problem hiding this comment.
Are you still using this in your project?
| if (event.data.source === 'size_alert') { | ||
| const asd = document.querySelector('iframe') | ||
| asd.height = event.data.height | ||
| asd.width = event.data.width |
There was a problem hiding this comment.
Does dynamic width render well?
| </script> | ||
|
|
||
| <template> | ||
| <LayoutSmallHeader bg="bg-brand-450">{{ t('title') }}</LayoutSmallHeader> |
There was a problem hiding this comment.
This is triangleClass="border-brand-450" now instead of bg=
I added the new bookings system as an iframe, and reverted all of the booking-related links to their old state.