feat(meetings): Preview upcoming events

[Antreesy]

☑️ Resolves

• Ref Ability to quickly schedule a meeting #6292

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

Light	Dark

🚧 Tasks

• Get calendars info and map to Select option
• Preview upcoming events (in fancy way)
• 401 - public conversations
• Add "shedule meeting" form to submit - 📆 feat(meetings): Allow moderators to schedule a meeting #14074

Trigger	Form

🏁 Checklist

• 🌏 Tested with different browsers / clients:
  • Chromium (Chrome / Edge / Opera / Brave)
  • Firefox
  • Safari
  • Talk Desktop
  • Not risky to browser differences / client
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[Antreesy]

cc @nimishavijay for initial design feedback

[nimishavijay]

Nice! Looks great already! :) Some points for feedback (sorted by priority from a design perspective, so first item is highest prio, last one is low prio)

• Can we show the "Schedule a new meeting" inside the modal/popover as the last item with secondary styling and a plus icon to avoid putting more and more things in the 3 dot menu?

• Would it also be possible to move this whole thing into a popover that appears below the "Next call" button? Then we can remove the "Upcoming events" heading too?

• Would it be possible to replicate the UI of the calendar list view? That way it's not a deviation from the existing design already

Altogether ideally it could look like this, but the 3 points can be worked on separately as well :)

Great work so far! :)

[Antreesy]

• Can we show the "Schedule a new meeting" inside the modal/popover as the last item with secondary styling and a plus icon to avoid putting more and more things in the 3 dot menu?

Doable, but atm we do not show 'Next call' popup if there are no events assigned to this conversation (also hidden on mobile screensize). Shall we show it as always-on?

• Would it be possible to replicate the UI of the calendar list view?

We're missing some attributes from API (like endtime of meeting, or whether it's an "All day" event. But I think, reccurence indicator and start time would be enough for now?

Branch is at https://github.com/nextcloud/spreed/tree/feat/6292/frontend-schedule-meeting-LISTSTYLE

[nimishavijay]

Doable, but atm we do not show 'Next call' popup if there are no events assigned to this conversation (also hidden on mobile screensize). Shall we show it as always-on?

Ah I see, no worries, the screenshot you posted seems great. We should just reduce the width and the "Schedule meeting" button at the bottom of the empty content :)

We're missing some attributes from API (like endtime of meeting, or whether it's an "All day" event. But I think, reccurence indicator and start time would be enough for now?

Checked with the rest of the design team and the verdict was that your original design looks way better visually 😅 So we could go ahead with that instead of the list view in calendar, with only the wording change to use the same wording as it is shown in the "Next call" button. So instead of

Talk team call
17 December 2024 19:00 

It can be

Talk team call
Tuesday 19:00

Sorry for the confusion!

[DorraJaouad]

Functionality works well, UI is also good.
Just a remark related to the upcoming events endpoint, it doesn't show correctly the daily recurrent events (probably because they lead to duplicated objects in the response).

[DorraJaouad]

Tested 👍🏻 ✅