sbstjn / timesheet.js

JavaScript library for HTML5 & CSS3 time sheets

Home Page:https://sbstjn.github.io/timesheet.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Auto-resize DIV or sections

aso824 opened this issue · comments

commented

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 #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/