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

New calendar #243

Open
reesericci opened this issue Aug 8, 2022 · 6 comments
Open

New calendar #243

reesericci opened this issue Aug 8, 2022 · 6 comments
Labels
design design and visual low priority ... but not necessarily unimportant UX related to user experience
Milestone

Comments

@reesericci
Copy link
Collaborator

I think it might be a good idea to look for an alternative / build a new calendar to replace the eyesore that is the current Google Calendar. Also, it would be nice to not be dependent on google for calendar things.

@gerbrent
Copy link
Collaborator

gerbrent commented Aug 8, 2022

YES.

This would also necessarily require some internal JB changes, but is a welcomed exploration...

Any ideas on alternatives and ideas, post them here!

@gerbrent gerbrent added design design and visual UX related to user experience labels Aug 8, 2022
@gerbrent gerbrent added this to the JB.com 2.0 milestone Aug 8, 2022
@gerbrent gerbrent added the low priority ... but not necessarily unimportant label Aug 8, 2022
@reclaimingmytime
Copy link
Contributor

One alternative could be full calendar: https://fullcalendar.io/

The library can show events from the Google Calendar API, so we might not have to change the backend.
https://fullcalendar.io/docs/google-calendar

@reesericci
Copy link
Collaborator Author

I think moving away from a Google Calendar backend is a good thing - @gerbrent any thoughts?

@elreydetoda
Copy link
Collaborator

Posting all other calendar stuff here (getting caught up on things 😅 )

  • Schedules on the Calendar page #501
  • ideas/comments about current calendar solution (src)

    The name that show's up in the client for that calendar is google.com that should be something that can be changed on the backend

  • I think this one would be partially solved by the new Schedules on the Calendar page #501, for at least delineating the live times

    also have you considered publishing seperate calnedar feeds for the different live shows?

@amrsoll
Copy link

amrsoll commented Apr 5, 2023

Hey hey, Fullcalendar is finally working on our makerspace's future Hugo page :D

You can find the result here: https://theotowngarage.com/events/

I had to create a custom docker image that has both hugo_extended and npm installed.

FullCalendar can take an .ics file. However, due to CORS, you cannot point it directly to the public google calendar feed. Right now it points to an .ics file that lives in the repo itself. You can also use a token from Google calendar but I haven't tried that yet. I prefer flexibility so we might stay with .ics; but google calendar needs to make a callback to rebuild the website at every new event.

This is the related Dockerfile https://gitlab.com/alexloss/hugo/-/blob/registry/Dockerfile

The automation to build & deploy the page https://gitlab.com/alexloss/otg-website/-/blob/master/.gitlab-ci.yml

The calendar partial https://gitlab.com/alexloss/otg-website/-/blob/master/layouts/partials/calendar.html

The Node dependencies https://gitlab.com/alexloss/otg-website/-/blob/master/package-lock.json

The js that dynamically renders the calendar https://gitlab.com/alexloss/otg-website/-/blob/master/assets/js/calendar.js

Shoutout to @mindplay-dk !!

I hope this helps, value for value as they say ;D

PS: Given that ical is a Node dependency and we load the .ics file dynamically, it might as well be used to display the events inside the cards with a much more 'native' design than the google iframe. We would like to implement cards as well and you lot already managed to make that work in #501 :)

@Strit
Copy link
Contributor

Strit commented Aug 13, 2023

I was just made aware today that the Nextcloud calendar by default shows event times in your client timezone.

So if we could somehow embed a public Nextcloud Calendar on the page it self, it should have about the same functionality as the current Google Calendar does.

Some documentation that might be helpful.
https://docs.nextcloud.com/server/latest/developer_manual/digging_deeper/groupware/calendar.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design design and visual low priority ... but not necessarily unimportant UX related to user experience
Projects
None yet
Development

No branches or pull requests

6 participants