The calendar design is not suitable when we have several possible slots in the same hour

coopTilleuls / CoopTilleulsSyliusClickNCollectPlugin

Sell and deliver securely during the COVID-19 pandemic!

https://click-n-collect.shop

GNU Affero General Public License v3.0

78 stars 34 forks source link

The calendar design is not suitable when we have several possible slots in the same hour #18

Open toofff opened 4 years ago

toofff commented 4 years ago

Here is the configuration I have for this place

Interval de retrait: 10min
Delai de préparation de commande (en minutes): 10min
Débit (nombre de personnes que vous pouvez servir en même temps): 3

dunglas commented 4 years ago

It's a full-calendar issue. It should be reported and fixed in full calendar directly.

souriya777 commented 4 years ago

I try several options of full-calendar lib.

It seems that if we change slotDuration value, it looks a little bit better. (https://fullcalendar.io/docs/slotDuration)

For example, when replacing the default "30 minutes" by "20 minutes" :

var calendar = new Calendar(calendarEl, {
  slotDuration: '00:20:00',
  // other options...
});

It gives :

slotDuration

We can increase the lisibility without getting to much scroll...

What do U think ?

numerogeek commented 4 years ago

@dunglas Why not using a dropdown list, in a chronodrive / auchan-drive style ? Most of clic n collects stores use a dropdown list, it would be nice to stick to the same standard in the industry around. WDYT ?