ibm-js / dcalendar Goto Github PK

Move the calendar code to run against SitePen/dstore rather than dojo/store, and also do the date-range filtering in the store, rather than querying all events and filtering in javascript.

Try to do sizing completely in CSS, rather than in javascript.

Hopefully this can be done by:

1. Using percentages rather than hardcoded pixel values. The exceptions would be

   a. vertical positioning in ColumnView (which is controlled by this.hourSize)
   b. vertical positioning within a row of overlapping events in GridView (which is controlled by font-size or the height a HorizontalRenderer)

2. Using CSS flex-blox sizing instead of <table> elements. IIUC with flex-box you can set a fixed percentage height for each row/column, regardless of the amount of content in that row/column. And you can still do animation to for that feature of expanding a certain row of the GridView (http://stackoverflow.com/questions/11106876/is-it-possible-to-animate-flexbox-inserts-removes)

Note that widget height changes are handled differently for GridView and ColumnView. The ColumnView maintains the same scrollHeight regardless of the offsetHeight of the widget; there's just more scrolling. Whereas in GridView, each <table> cell and Renderer changes size and position as the widget itself changes size.

Changes in width affect the sizes and positions of elements in both GridView and ColumnView.

The Keyboard.js code keeps focus on the ViewBase widget, and just moves virtual focus between the calendar tasks. This is generally not recommended, and also, if you do do it, then you need to use aria-activedescendant.

Create reference documentation based on original dojox/calendar doc.

It involves:

• Convert from rst to markdown.
• Update all the examples to use custom elements etc.
• Update CSS class names.
• Update description of events (https://github.com/dojo/docs/blob/master/dojox/calendar.rst#calendar-events) to use dashes. Remove any mention of callbacks.
• etc.

The rst doc is in https://github.com/dojo/docs/blob/master/dojox/calendar.rst, with images in https://github.com/dojo/docs/tree/master/dojox/calendar.

The CSS class names shouldn't say "dojoXCalendar" ... but rather "d-calendar". I.E. rather than camel case they should have dashes.