timesheet.js
timesheet.js copied to clipboard
Auto-resize DIV or sections
Default <section> width is hardcoded to 59px.
I suggest to add function to auto resize each section or div (not prefered) to include all data.
Default settings cover 11 years.
I worked on this one and its possible to add year gap from min to max. but its not resizing it is adding scroll on bottom. If you do resize i think it will look too much compressed and nothing will be visible. Check it here https://github.com/sbstjn/timesheet.js/pull/33
new Timesheet('timesheet-default', 1989, 2017, [
['1989', '09/1989', 'A freaking awesome time', 'lorem'],
['06/2002', '09/2003', 'Some great memories', 'ipsum'],
['2003', 'Had very bad luck'],
['10/2003', '2006', 'At least had fun', 'dolor'],
['02/2005', '05/2006', 'Enjoyed those times as well', 'ipsum'],
['07/2005', '09/2005', 'Bad luck again', 'default'],
['10/2005', '2008', 'For a long time nothing happened', 'dolor'],
['01/2008', '05/2009', 'LOST Season #4', 'lorem'],
['01/2009', '05/2009', 'LOST Season #4', 'lorem'],
['02/2010', '05/2010', 'LOST Season #5', 'lorem'],
['09/2009', '06/2017', 'FRINGE #1 & #2', 'ipsum']
]);
If you want, you can test this, It is in PHP, not JS : http://madvic.net/timesheet/