added ability to change slot widths on the calendar to see small shows.

This commit is contained in:
naomiaro 2011-02-02 01:02:31 -05:00
parent 4f055788d4
commit 75649c8430
2 changed files with 42 additions and 1 deletions

View File

@ -21,6 +21,46 @@ function dayClick(date, allDay, jsEvent, view) {
var x;
}
function viewDisplay( view ) {
if(view.name === 'agendaDay' || view.name === 'agendaWeek') {
var select = $('.schedule_change_slots');
var calendarEl = this;
if(select.length === 0) {
select = $('<select class="schedule_change_slots"/>')
.append('<option value="5">5 min</option>')
.append('<option value="10">10 min</option>')
.append('<option value="15">15 min</option>')
.append('<option value="30">30 min</option>')
.append('<option value="60">60 min</option>')
.change(function(){
var x = $(this).val();
var opt = view.calendar.options;
opt.slotMinutes = parseInt(x);
opt.events = getFullCalendarEvents;
$(calendarEl).fullCalendar('destroy');
$(calendarEl).fullCalendar(opt);
var mainHeight = document.documentElement.clientHeight - 200 - 50;
$(calendarEl).fullCalendar('option', 'contentHeight', mainHeight);
$(calendarEl).fullCalendar('render');
});
$('.fc-header-left tbody tr:first')
.append('<td><span class="fc-header-space"></span></td>')
.append('<td></td>')
.find('td:last')
.append(select);
var slotMin = view.calendar.options.slotMinutes;
$('.schedule_change_slots option[value="'+slotMin+'"]').attr('selected', 'selected');
}
}
}
function eventRender(event, element, view) {
//element.qtip({
// content: event.description

View File

@ -206,10 +206,11 @@ $(document).ready(function() {
agenda: 'H:mm{ - H:mm}',
month: 'H:mm{ - H:mm}'
},
events: getFullCalendarEvents,
//callbacks (in full-calendar-functions.js)
viewDisplay: viewDisplay,
dayClick: dayClick,
eventRender: eventRender,
eventAfterRender: eventAfterRender,