Calendar UI
Closed, ResolvedPublic

Description

We'll want a calendar at some point.

CalDAV backed.

cmollekopf triaged this task as Normal priority.
mbohlender moved this task from Backlog to 0.7 on the Kube board.Mar 2 2018, 11:19 AM
mbohlender edited projects, added Kube (0.7); removed Kube.

We want to start with a weekview.
A basic UI is already implemented using dummy models:

For the chosen approach, we need:

  • a ListModel for the day-long events in the week.
  • a ListModel for each day containing all the events that happen on this day (even if they started the day before)

The idea is to keep the calculation of overlapping/indention/position out of the qml code so the model for the day needs to provide:

  • relative position of the even based on the starting time.
  • relative height of the event based on the duration
  • level on indention based on overlapping of events

One issue with the weekview is that you will have to scroll most of the time to get an over view of all the events in the whole week.
Some from of week-agenda-view that you can access by zooming out or the other way around could solve this.

cmollekopf moved this task from Backlog to In Progress on the Kube (0.7) board.Mar 19 2018, 11:22 AM
cmollekopf moved this task from 0.7 to 0.8 on the Kube board.Jul 12 2018, 7:55 AM
cmollekopf edited projects, added Kube (0.8); removed Kube (0.7).

look good to me.

is it planned to have an agenda view in the sidebar.

The idea was to have buttons in the sidebar on the left to switch between month/week/agenda view

  • No opacity
  • dimming below events
  • color from calendars
  • day-spanning events
  • fullday area always expanded
  • indentation

cmollekopf moved this task from Backlog to In Progress on the Kube (0.8) board.Aug 3 2018, 2:51 PM

Current issues:

  • No recurrences
  • Hard to see what the current date is
  • No week numbers
  • Day spanning multi-day events render differently depending on whether we go to next-week/previous week (probably something with the add to / subtract from current date)
  • There's not a lot of space for the calendar name.
  • The calendar name needs a popup on hover
  • The date of the date-switcher get's cut off with long date names
  • Synchronizing the calendar takes forever and there is no progress status bar.

Moving the calendar color to the checkbox helps with the space and looks better imo.

  • No recurrences
  • [FIXED] Hard to see what the current date is
  • [FIXED] No week numbers
  • [FIXED] Day spanning multi-day events render differently depending on whether we go to next-week/previous week (probably something with the add to / subtract from current date)
  • [IMPROVED] There's not a lot of space for the calendar name
  • [FIXED] The calendar name needs a popup on hover
  • The date of the date-switcher get's cut off with long date names
  • Synchronizing the calendar takes forever and there is no progress status bar.
cmollekopf moved this task from In Progress to Done on the Kube (0.8) board.Aug 31 2018, 9:25 PM
cmollekopf moved this task from Done to Backlog on the Kube (0.8) board.Jan 3 2019, 7:56 AM
cmollekopf moved this task from Backlog to Done on the Kube (0.8) board.Jan 23 2019, 10:55 PM