niccokunzmann / open-web-calendar

Embed a highly customizable web calendar into your website using ICal source links
https://open-web-calendar.quelltext.eu
GNU General Public License v2.0
190 stars 60 forks source link

[Feature request] display legend (key) of what link (color) is what sources #393

Open etieng opened 1 month ago

etieng commented 1 month ago

Hi, I'm setting up Open Web Calendar for a group of NGO which shares their web calendars to get a cross synced view. It sounds pretty good. A feature that I'm missing is the ability to display on OWC page the key for the colours used. I may create a webpage and include OWC in it but it would be a lot of work and the feature may be useful for someone else.

For reference here is the OWC instance : https://lien.liondor.org/evtspublics

I would like to display a key for the different calendars used.

Thanks for developing such a great tool !


We're using Polar.sh so you can upvote and help fund this issue. We receive the funding once the issue is completed & confirmed by you. Thank you in advance for helping prioritize & fund our work.

Fund with Polar

niccokunzmann commented 1 month ago

A feature that I'm missing is the ability to display on OWC page the key for the colours used.

Hi, could you tell me what you mean with the key?

I reported #396 as I was trying to change the name of the events with CSS.

grafik

Could you make a picture that shows what you would like to see?

I just had several questions that would help me to understand how you would find it most useful:

niccokunzmann commented 1 month ago

See also #120

etieng commented 1 month ago

120 is highly related as it could bring a list that match the colour and a calendar name.

I mean key as on a map, the part that explains symbols and colours by text.

Would a legend be helpful?

In this use case yes, because here, different colours mean different calendar sources and so different Venues sharing events.

Would it be cool just to have this written below the event when it is clicked?

It could be enough here (see in the preview)

Where would you place the legend?

Left sidebar is the most common as stated in #120, but would take a lot of space Having it displayed in the hover tool-tip (like in the preview) would be sufficient Maybe in the top bar (header) as it is highly visible (like in the preview) but maybe problematic on smartphone view with a lot of calendars.

Preview : Screenshot_20240608_134816

niccokunzmann commented 1 month ago

Hi, thanks, this is possible to do... I guess since other people require filtering, it might be nice to actually add a menu that can be opened. That is the most common practice. Again, one can choose to hide the menu and it might be nice to choose what it contains:

niccokunzmann commented 6 days ago

@etieng, #442 adds a menu like this:

grafik

I hope that this would work for you. I am wondering about how to add the description to the calendar. In the ICS file, you can have a calendar name and a calendar description.

etieng commented 4 hours ago

Hi @niccokunzmann Thanks for this. I think this could work for me if in some way it's clear that we can click on "calendars" : opened while landing by example or with a burger menu logo or click to expand arrow.