Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add day view event popups #137

Merged
merged 1 commit into from
Oct 4, 2023
Merged

Conversation

devmount
Copy link
Collaborator

@devmount devmount commented Oct 4, 2023

Description of the Change

This change adds event popups to the events in calendar day views.
image

Benefits

Readability of information even on smaller viewports

Applicable Issues

#133

@devmount devmount merged commit c6ef2cc into main Oct 4, 2023
@devmount devmount deleted the features/133-day-view-event-popups branch October 4, 2023 15:57
devmount added a commit that referenced this pull request Oct 4, 2023
* Use localStorage to cache logged-in user

* Rename import to use existing variable name

* Per docs, register Router before Auth0 SDK

* Render based on stored user, not only on public vs private route

* Update frontend/src/App.vue

Co-authored-by: Andreas <mail@devmount.de>

* Add comment about registering router before Auth0 SDK

* Documentation and editorconfig (#134)

* 📜 update readme with latest restructuring

* ➕ provide editorconfig

* ❌ remove unused migration code

* Features/99 booking experience for logged in users (#136)

* Update to current state (#135)

* Schedule API endpoints (#114)

* ➕ add schedule API endpoints

* Get current backend tests (#122)

* General documentation (#116)

* ➕ add general documentation

* ➕ add general documentation

* 📜 update component chart

* Backend testing (#117)

* 🔨 updated pytests

* ➕ extend health and authentication tests

* ➕ add authentication for test user

* 📜 document testing in readme

* ➕ add subscriber related tests

* 👕 fix linter issues

* 🔨 prevent connecting calendars manually

* 🔨 check tier limit on connecting calendars

* ➕ add calendar related tests

* 🔨 only allow appointment creations on connected calendars

* 🔨 cascade delete attendees on slot deletion

* ➕ add appointment related tests

* 📜 add hint for smtp server for testing

* ➕ prepare google calendar tests

* ➕ add google test env vars

* 🔨 migrate data structure to current mockup

* ➕ endpoint for schedule creation

* ➕ add schedule test

* ❌ remove appointment type

* 🔨 improve model types and link verification

* ➕ time slots calculation from schedule config

* ➕ time slots comparison with remote events of assigned calendar

* ➕ compare schedule to all connected calendars

* ➕ check calendar connections first

* ➕ add test for invalid availability link

* ➕ check if actual booking slots exist

* Use localStorage to cache logged-in user (#124)

* Use localStorage to cache logged-in user

* Rename import to use existing variable name

* Update frontend/src/views/ProfileView.vue

Co-authored-by: Andreas <mail@devmount.de>

---------

Co-authored-by: Andreas <mail@devmount.de>

* Features/97 Schedules settings page (#128)

* Draft of GA Settings page (#126)

* Basic layout without form

* Finish styling header for general availability

* Finish fake step 1

* Add placeholders for forms, adds buttons

* Add placeholders for date and time inputs

* Add placeholder for step 3

* Change form inputs to correct types

* Additional styling on GA creation view

* Makes booking settings reactive, styles slot length

* Make sections toggle-able

* Set start/end time v-model refs

* Enable date picker for start/end date; add control to remove end date

* Sets default days; shows action buttons

* ➕ implement schedules page frontend

* ➕ implement schedule live preview

* 🔨 fix schedule preview on calendar navigation

* 🔨 fix calendar view tab navigation

* 🔨 fix names and calendar title in preview tooltip

* 🔨 handle unset schedule end date

* ➕ connect schedule page to actual schedule API endpoints

* ➕ add active flag for schedules

* ➕ extend toggle component

* ➕ add disabled state for tab bar

* ➕ implement schedule activation toggle

* 🔨 convert schedule times to utc

* 🔨 fix misaligned starting date for scheduled time slots

* 🔨 make list of weekdays aware to locale start day of week

* 🔨 fix calendar for different start of weeks

* 🔨 reload on locale change to update dayjs instance

* ➕ add option for event popup on right side

* ➕ add month navigation for booking page

* ➕ endpoint for availability booking

* 🔨 fix timezone back calculation on schedule config

* 🔨 fix remote event datetime format

* 🔨 show confirmation modal only on first schedule save

* ➕ implement ICS serving endpoint for schedule availabilities

---------

Co-authored-by: Chris Aquino <chris@thunderbird.net>

* Change how the backend and database migrations are structured (Fixes #119)
- BREAKING: Added `appointment` module folder in `src`.
- BREAKING: alembic.ini should now be placed in the backend root folder. You will need to grab a fresh copy as there's been additional changes.

- Added a super simple cli interface handled by main.py
- Adjusted main.py to bootstrap either a fast api server or a cli interface.
- Added a `update-db` command that is installed when pip install this module.
- The `update-db` command will initialize a fresh database or run migrations, resolving most of our database woes.
- New folder structure more closely matches the deployed folder structure for easier deployments.
- Local docker now only mounts the `src` folder
- Commented out some non-existent columns/constraints in a recent migration
- Added missing trailing slash to the frontend for `schedule/`
- Added sentry support to migrations
- Adjusted code-referenced folder locations as required

* Documentation and editorconfig (#134)

* 📜 update readme with latest restructuring

* ➕ provide editorconfig

* ❌ remove unused migration code

---------

Co-authored-by: Chris Aquino <chris@thunderbird.net>
Co-authored-by: Melissa Autumn <melissa@thunderbird.net>

* ➕ fill in booking modal with logged in users data

---------

Co-authored-by: Chris Aquino <chris@thunderbird.net>
Co-authored-by: Melissa Autumn <melissa@thunderbird.net>

* Add day view event popups (#137)

---------

Co-authored-by: Chris Aquino <chris@thunderbird.net>
Co-authored-by: Melissa Autumn <melissa@thunderbird.net>
devmount added a commit that referenced this pull request Oct 5, 2023
* Use localStorage to cache logged-in user

* Rename import to use existing variable name

* Per docs, register Router before Auth0 SDK

* Render based on stored user, not only on public vs private route

* Update frontend/src/App.vue

Co-authored-by: Andreas <mail@devmount.de>

* Add comment about registering router before Auth0 SDK

* Documentation and editorconfig (#134)

* 📜 update readme with latest restructuring

* ➕ provide editorconfig

* ❌ remove unused migration code

* Features/99 booking experience for logged in users (#136)

* Update to current state (#135)

* Schedule API endpoints (#114)

* ➕ add schedule API endpoints

* Get current backend tests (#122)

* General documentation (#116)

* ➕ add general documentation

* ➕ add general documentation

* 📜 update component chart

* Backend testing (#117)

* 🔨 updated pytests

* ➕ extend health and authentication tests

* ➕ add authentication for test user

* 📜 document testing in readme

* ➕ add subscriber related tests

* 👕 fix linter issues

* 🔨 prevent connecting calendars manually

* 🔨 check tier limit on connecting calendars

* ➕ add calendar related tests

* 🔨 only allow appointment creations on connected calendars

* 🔨 cascade delete attendees on slot deletion

* ➕ add appointment related tests

* 📜 add hint for smtp server for testing

* ➕ prepare google calendar tests

* ➕ add google test env vars

* 🔨 migrate data structure to current mockup

* ➕ endpoint for schedule creation

* ➕ add schedule test

* ❌ remove appointment type

* 🔨 improve model types and link verification

* ➕ time slots calculation from schedule config

* ➕ time slots comparison with remote events of assigned calendar

* ➕ compare schedule to all connected calendars

* ➕ check calendar connections first

* ➕ add test for invalid availability link

* ➕ check if actual booking slots exist

* Use localStorage to cache logged-in user (#124)

* Use localStorage to cache logged-in user

* Rename import to use existing variable name

* Update frontend/src/views/ProfileView.vue

Co-authored-by: Andreas <mail@devmount.de>

---------

Co-authored-by: Andreas <mail@devmount.de>

* Features/97 Schedules settings page (#128)

* Draft of GA Settings page (#126)

* Basic layout without form

* Finish styling header for general availability

* Finish fake step 1

* Add placeholders for forms, adds buttons

* Add placeholders for date and time inputs

* Add placeholder for step 3

* Change form inputs to correct types

* Additional styling on GA creation view

* Makes booking settings reactive, styles slot length

* Make sections toggle-able

* Set start/end time v-model refs

* Enable date picker for start/end date; add control to remove end date

* Sets default days; shows action buttons

* ➕ implement schedules page frontend

* ➕ implement schedule live preview

* 🔨 fix schedule preview on calendar navigation

* 🔨 fix calendar view tab navigation

* 🔨 fix names and calendar title in preview tooltip

* 🔨 handle unset schedule end date

* ➕ connect schedule page to actual schedule API endpoints

* ➕ add active flag for schedules

* ➕ extend toggle component

* ➕ add disabled state for tab bar

* ➕ implement schedule activation toggle

* 🔨 convert schedule times to utc

* 🔨 fix misaligned starting date for scheduled time slots

* 🔨 make list of weekdays aware to locale start day of week

* 🔨 fix calendar for different start of weeks

* 🔨 reload on locale change to update dayjs instance

* ➕ add option for event popup on right side

* ➕ add month navigation for booking page

* ➕ endpoint for availability booking

* 🔨 fix timezone back calculation on schedule config

* 🔨 fix remote event datetime format

* 🔨 show confirmation modal only on first schedule save

* ➕ implement ICS serving endpoint for schedule availabilities

---------

Co-authored-by: Chris Aquino <chris@thunderbird.net>

* Change how the backend and database migrations are structured (Fixes #119)
- BREAKING: Added `appointment` module folder in `src`.
- BREAKING: alembic.ini should now be placed in the backend root folder. You will need to grab a fresh copy as there's been additional changes.

- Added a super simple cli interface handled by main.py
- Adjusted main.py to bootstrap either a fast api server or a cli interface.
- Added a `update-db` command that is installed when pip install this module.
- The `update-db` command will initialize a fresh database or run migrations, resolving most of our database woes.
- New folder structure more closely matches the deployed folder structure for easier deployments.
- Local docker now only mounts the `src` folder
- Commented out some non-existent columns/constraints in a recent migration
- Added missing trailing slash to the frontend for `schedule/`
- Added sentry support to migrations
- Adjusted code-referenced folder locations as required

* Documentation and editorconfig (#134)

* 📜 update readme with latest restructuring

* ➕ provide editorconfig

* ❌ remove unused migration code

---------

Co-authored-by: Chris Aquino <chris@thunderbird.net>
Co-authored-by: Melissa Autumn <melissa@thunderbird.net>

* ➕ fill in booking modal with logged in users data

---------

Co-authored-by: Chris Aquino <chris@thunderbird.net>
Co-authored-by: Melissa Autumn <melissa@thunderbird.net>

* Add day view event popups (#137)

* Features/92 Pinia state management (#139)

* 📦 upgrade packages, add pinia

* ➕ implement user store with pinia

* 🔨 revamp page container markup

---------

Co-authored-by: Chris Aquino <chris@thunderbird.net>
Co-authored-by: Melissa Autumn <melissa@thunderbird.net>
@devmount devmount self-assigned this Feb 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant