Improve sidebar display of Calendars

[privatemaker]

Is your feature request related to a problem? Please describe.

The sidebar in the Calendar app is not as clear and delineated as it could be. This becomes more acute when Calendars come from more than a single user and/or App. The primary things which I find issue with:

• Which Calendars belong to me, which are shared?
• Which Calendars come from other Apps?

I have only been using Calendar with the app Deck and Appointments both of which integrate differently. What I am proposing (could theoretically) work for other app integrations which I personally have maybe not encountered.

Describe the solution you'd like

The design composition I created below strives to achieve the following:

• Clearly separate Personal from Shared Calendars to their own sections
• Separates Deck Calendars to their own section
• Adopts more standardized element for + New calendar
• Reduces repeated words (Curious Croissants, Deck) to decrease cognitive load
• Shows shared icon for Calendars shared by you Cannot see in list if calendar is shared (visible in modal only) #4869

Describe alternatives you've considered

I experimented with a few other configurations of titles and image placement of sharing users avatar, as well as using subtitles instead of grouping calendars, but in the end I think the example above is best.

Additional context

Relates to #4869 and builds on top of the improvements done in #4515

I'm not sure best workflows for suggestions like this. I am a designer but also a dev- so if @nextcloud/designers (or whoever needs to) gives me a 👍 I would take a stab an implementing this 😊

[tcitworld]

@nextcloud/designers

[raimund-schluessler]

I like this idea. But in order to fix #4869 as well, an indicator showing if a calendar is shared by you is missing.

[privatemaker]

@raimund-schluessler I see, thanks for clarifying i've updated my design composition to account for that state!

[raimund-schluessler]

@raimund-schluessler I see, thanks for clarifying i've updated my design composition to account for that state!

Thanks a lot, I think that would work great.

[bkaless]

We use nextcloud with approx. 400 users. The sidebar and therefor the calendar app is not usable at all as the page loads extremly slow.

I would like to see:

• new shared calendars are deactivated per default
• a search box at the top enables me to search for a specific calendar
• a button enables me to deactivate all calendars despite mine.

[st3iny]

I like your mockup a lot! It would certainly clean up the sidebar. Let's wait what our designers have to say about it.

[jancborchardt]

@privatemaker really cool stuff, your mockup is indeed great as others have said already. :) From my side we can go ahead with it!

@privatemaker are you interested in joining Nextcloud design further? I can give you a guest account on our instance for easier access to the Design chat for example. :)
Also, we have more info on our design page at https://nextcloud.com/design

[privatemaker]

from my side we can go ahead with it!

Cool. Seems overall positive response so far... I will start familiarizing myself with the codebase shortly! 😄

are you interested in joining Nextcloud design further?

@jancborchardt ja, bitte!

[CorentinS6]

Hi,
this is also close to #5156

[nimishavijay]

I think this is great as well! I especially like removing the repeated sharer names and the addition of the AppNavigationCaption for creating a new calendar :)

Adding a couple more ideas here:

• Change the shown/hidden indicator from a filled/outlined circle to a colored checkbox
• Group hidden calendars in a separate section

What do you think? Also cc @nextcloud/designers for any feedback :)

[wsauerlich]

Can someone tell me what the current status is? I'm not that familiar with git or GitHub and I'm not quite sure how the teams are organised and the processes are structured.

Is it already certain that these changes will be part of a new version of calendar? If so, do you know when (at least approximately)?

[GVodyanov]

Can someone tell me what the current status is? I'm not that familiar with git or GitHub and I'm not quite sure how the teams are organised and the processes are structured.

Is it already certain that these changes will be part of a new version of calendar? If so, do you know when (at least approximately)?

Hey! I'll start working on it now, and we'll try to get it a new version as soon as possible