extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-26 04:41:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Remove drag and drop target divs. Now using one target div and moving it around as needed.

Browse Source
This commit is contained in:
Nathan Gray 2016-02-11 17:02:06 +00:00
parent 964db76cd6
commit 4e7521a33a
4 changed files with 169 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
calendar/js/app.js
View File

@ -1951,6 +1951,8 @@ app.classes.calendar = AppJS.extend(
state.state.owner = state.state.owner.filter(function(value, index, self) { state.state.owner = state.state.owner.filter(function(value, index, self) {
return self.indexOf(value) === index; return self.indexOf(value) === index;
}) })
// Make sure they're all strings
state.state.owner = state.state.owner.map(function(owner) { return ''+owner;});
// Keep sort order // Keep sort order
if(typeof this.state.owner === 'object') if(typeof this.state.owner === 'object')
{ {
@ -2168,7 +2170,7 @@ app.classes.calendar = AppJS.extend(
view.etemplates[i].widgetContainer.iterateOver(function(widget) { view.etemplates[i].widgetContainer.iterateOver(function(widget) {
if(typeof widget['set_'+updater] === 'function') if(typeof widget['set_'+updater] === 'function')
{ {
widget['set_'+updater](value); widget['set_'+updater](value);
} }
}, this, et2_calendar_view); }, this, et2_calendar_view);
} }

103
calendar/js/et2_widget_daycol.js
View File

@ -186,37 +186,7 @@ var et2_calendar_daycol = et2_valueWidget.extend([et2_IDetachedDOM, et2_IResizea
} }
} }
if(this.display_settings.granularity === 0) this.div.attr('data-date', this.options.date);
{
this.div.attr('data-date', this.options.date);
}
else
{
this.display_settings.rowsToDisplay = ((this.display_settings.wd_end - this.display_settings.wd_start)/this.display_settings.granularity);
this.display_settings.rowHeight= (100/this.display_settings.rowsToDisplay).toFixed(1);
this.display_settings.titleHeight = (this.title.height()/this.div.height())*100;
// adding divs to click on for each row / time-span
for(var t = 0,i = 1; t < 1440; t += this.display_settings.granularity,++i)
{
var linkData = {
'menuaction':'calendar.calendar_uiforms.edit',
'date' : this.options.date,
'hour' : sprintf("%02d",Math.floor(t / 60)),
'minute' : sprintf("%02d",Math.floor(t % 60))
};
if (this.options.owner) linkData['owner'] = this.options.owner;
var droppableDateTime = linkData['date'] + "T" + linkData['hour'] + linkData['minute'];
var droppableID='drop_'+droppableDateTime+'_O'+(this.options.owner<0?'group'+Math.abs(this.options.owner):this.options.owner);
var hour = jQuery('<div id="' + droppableID + '" style="height:'+ this._parent.rowHeight+'px; " class="calendar_calAddEvent">')
.attr('data-date',linkData.date)
.attr('data-hour',linkData.hour)
.attr('data-minute',linkData.minute)
.appendTo(this.div);
}
}
}, },
/** /**
@ -646,12 +616,7 @@ var et2_calendar_daycol = et2_valueWidget.extend([et2_IDetachedDOM, et2_IResizea
// Completely out of view, show indicator // Completely out of view, show indicator
else if (hidden.completely) else if (hidden.completely)
{ {
this._hidden_indicator(event, hidden.hidden == 'top', this._hidden_indicator(event, hidden.hidden == 'top',false);
timegrid.div.hasClass('calendar_calTimeGridFixed') ? function() {
app.calendar.update_state({view: 'day', date: day.date});
return false;
} : false
);
} }
}, this, et2_calendar_event); }, this, et2_calendar_event);
}, },
@ -659,6 +624,11 @@ var et2_calendar_daycol = et2_valueWidget.extend([et2_IDetachedDOM, et2_IResizea
/** /**
* Show an indicator that there are hidden events * Show an indicator that there are hidden events
* *
* The indicator works 3 different ways, depending on if the day can be
* scrolled, is fixed, or if in gridview.
*
* @see _out_of_view()
*
* @param {et2_calendar_event} event Event we're creating the indicator for * @param {et2_calendar_event} event Event we're creating the indicator for
* @param {boolean} top Events hidden at the top (true) or bottom (false) * @param {boolean} top Events hidden at the top (true) or bottom (false)
* @param {function} [onclick] Callback for when user clicks on the indicator * @param {function} [onclick] Callback for when user clicks on the indicator
@ -669,8 +639,11 @@ var et2_calendar_daycol = et2_valueWidget.extend([et2_IDetachedDOM, et2_IResizea
var day = this; var day = this;
var timegrid = this._parent; var timegrid = this._parent;
var fixed_height = timegrid.div.hasClass('calendar_calTimeGridFixed'); var fixed_height = timegrid.div.hasClass('calendar_calTimeGridFixed');
// Event is before the displayed times
if(top) if(top)
{ {
// Create if not already there
if($j('.hiddenEventBefore',this.header).length === 0) if($j('.hiddenEventBefore',this.header).length === 0)
{ {
indicator = $j('<div class="hiddenEventBefore"></div>') indicator = $j('<div class="hiddenEventBefore"></div>')
@ -685,42 +658,39 @@ var et2_calendar_daycol = et2_valueWidget.extend([et2_IDetachedDOM, et2_IResizea
return false; return false;
}); });
} }
else
{
indicator
.append("<div>"+event.options.value.title+"</div>");
}
} }
else else
{ {
indicator = $j('.hiddenEventBefore',this.header); indicator = $j('.hiddenEventBefore',this.header);
indicator.attr('data-hidden_count', parseInt(indicator.attr('data-hidden_count')) + 1); indicator.attr('data-hidden_count', parseInt(indicator.attr('data-hidden_count')) + 1);
if (fixed_height) if (!fixed_height)
{
indicator.append("<div>"+event.options.value.title+"</div>");
}
else
{ {
indicator.text(day.egw().lang('%1 event(s) %2',indicator.attr('data-hidden_count'),'')); indicator.text(day.egw().lang('%1 event(s) %2',indicator.attr('data-hidden_count'),''));
} }
} }
} }
// Event is after displayed times
else else
{ {
indicator = $j('.hiddenEventAfter',this.div); indicator = $j('.hiddenEventAfter',this.div);
// Create if not already there
if(indicator.length === 0) if(indicator.length === 0)
{ {
indicator = $j('<div class="hiddenEventAfter"></div>') indicator = $j('<div class="hiddenEventAfter"></div>')
.attr('data-hidden_count', 0) .attr('data-hidden_count', 0)
.appendTo(this.div) .appendTo(this.div);
.on('click', typeof onclick === 'function' ? onclick : function() { if(!fixed_height)
$j('.calendar_calEvent',day.div).last()[0].scrollIntoView(false); {
// Better re-run this to clean up indicator
day._out_of_view(); .on('click', typeof onclick === 'function' ? onclick : function() {
return false; $j('.calendar_calEvent',day.div).last()[0].scrollIntoView(false);
}); // Better re-run this to clean up
if(fixed_height) day._out_of_view();
return false;
});
}
else
{ {
indicator indicator
.on('mouseover', function() { .on('mouseover', function() {
@ -744,16 +714,22 @@ var et2_calendar_daycol = et2_valueWidget.extend([et2_IDetachedDOM, et2_IResizea
indicator.append(event.div.clone()); indicator.append(event.div.clone());
indicator.attr('data-hidden_label', day.egw().lang('%1 event(s) %2',indicator.attr('data-hidden_count'),'')); indicator.attr('data-hidden_label', day.egw().lang('%1 event(s) %2',indicator.attr('data-hidden_count'),''));
} }
else if (fixed_height) else if (!fixed_height)
{
indicator.append("<div>"+event.options.value.title+"</div>");
}
else
{ {
indicator.text(day.egw().lang('%1 event(s) %2',indicator.attr('data-hidden_count'),'')); indicator.text(day.egw().lang('%1 event(s) %2',indicator.attr('data-hidden_count'),''));
} }
indicator.css('top',timegrid.scrolling.height() + timegrid.scrolling.scrollTop()-indicator.innerHeight()); indicator.css('top',timegrid.scrolling.height() + timegrid.scrolling.scrollTop()-indicator.innerHeight());
} }
// Show different stuff for fixed height
if(fixed_height)
{
indicator
.append("<div id='"+event.dom_id +
"' data-id='"+event.options.value.id+"'>"+
event.options.value.title+
"</div>"
);
}
// Match color to the event // Match color to the event
if(indicator !== '') if(indicator !== '')
{ {
@ -1018,7 +994,7 @@ var et2_calendar_daycol = et2_valueWidget.extend([et2_IDetachedDOM, et2_IResizea
app.calendar.update_state({view: 'day',date: this.date.toJSON()}); app.calendar.update_state({view: 'day',date: this.date.toJSON()});
return false; return false;
} }
else if ($j(_ev.target).hasClass('calendar_calAddEvent')) else if ($j(_ev.target).hasClass('calendar_calAddEvent') && !_ev.target.dataset.whole_day)
{ {
// Default handler to open a new event at the selected time // Default handler to open a new event at the selected time
var options = { var options = {
@ -1033,7 +1009,10 @@ var et2_calendar_daycol = et2_valueWidget.extend([et2_IDetachedDOM, et2_IResizea
this.egw().open(null, 'calendar', 'add', options, '_blank'); this.egw().open(null, 'calendar', 'add', options, '_blank');
return false; return false;
} }
else if (this.header.has(_ev.target).length || this.header.is(_ev.target)) // Header, but not the hidden event indicators that are in there
else if (this.header.has(_ev.target).length && !$j('.hiddenEventBefore',this.header).has(_ev.target) ||
this.header.is(_ev.target)
)
{ {
// Click on the header, but not the title. That's an all-day non-blocking // Click on the header, but not the title. That's an all-day non-blocking
var end = this.date.getFullYear() + '-' + (this.date.getUTCMonth()+1) + '-' + this.date.getUTCDate() + 'T23:59'; var end = this.date.getFullYear() + '-' + (this.date.getUTCMonth()+1) + '-' + this.date.getUTCDate() + 'T23:59';

2
calendar/js/et2_widget_owner.js
View File

@ -46,7 +46,7 @@ var et2_calendar_owner = et2_taglist_email.extend(
"name": "Select options", "name": "Select options",
// Set to empty object to use selectbox's option finding // Set to empty object to use selectbox's option finding
"default": {}, "default": {},
"description": "Internaly used to hold the select options." "description": "Internally used to hold the select options."
}, },
}, },

209
calendar/js/et2_widget_timegrid.js
View File

@ -118,6 +118,8 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
.addClass("et2_label") .addClass("et2_label")
.appendTo(this.gridHeader); .appendTo(this.gridHeader);
this.gridHover = jQuery('<div style="height:5px;" class="calendar_calAddEvent drop-hover">');
// List of dates in Ymd // List of dates in Ymd
// The first one should be start_date, last should be end_date // The first one should be start_date, last should be end_date
this.day_list = []; this.day_list = [];
@ -281,8 +283,11 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
*/ */
resize:function(event, ui) resize:function(event, ui)
{ {
// Add 5px to make sure it doesn't land right on the edge of a div // Add a bit for better understanding - it will show _to_ the start,
var drop = timegrid._drag_helper(this,ui.element[0],ui.helper.outerHeight()+5); // covering the 'actual' target
timegrid._get_time_from_position(ui.helper[0].getBoundingClientRect().left, ui.helper[0].getBoundingClientRect().bottom+5);
timegrid.gridHover.hide();
var drop = timegrid._drag_helper(this,ui.element[0]);
if(drop && !drop.is(':visible')) if(drop && !drop.is(':visible'))
{ {
drop.get(0).scrollIntoView(false); drop.get(0).scrollIntoView(false);
@ -296,7 +301,8 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
.on('dragcreate','.calendar_calEvent', function(event, ui) { .on('dragcreate','.calendar_calEvent', function(event, ui) {
$j(this).draggable('option','cancel','.rowNoEdit'); $j(this).draggable('option','cancel','.rowNoEdit');
// Act like you clicked the header, makes it easier to position // Act like you clicked the header, makes it easier to position
$j(this).draggable('option','cursorAt', {top: 5, left: 5}); // but put it to the side (-5) so we can still do the hover
$j(this).draggable('option','cursorAt', {top: 5, left: -5});
}) })
.on('dragstart', '.calendar_calEvent', function(event,ui) { .on('dragstart', '.calendar_calEvent', function(event,ui) {
$j('.calendar_calEvent',ui.helper).width($j(this).width()) $j('.calendar_calEvent',ui.helper).width($j(this).width())
@ -304,6 +310,12 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
.css('top', '').css('left','') .css('top', '').css('left','')
.appendTo(ui.helper); .appendTo(ui.helper);
ui.helper.width($j(this).width()); ui.helper.width($j(this).width());
})
.on('mousemove', function(event) {
timegrid._get_time_from_position(event.clientX, event.clientY);
})
.on('mouseout', function() {
timegrid.gridHover.hide();
}); });
return true; return true;
}, },
@ -316,8 +328,7 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
{ {
if(!element) return; if(!element) return;
element.dropEnd = this._get_time_from_position(helper.getBoundingClientRect().left, element.dropEnd = this.gridHover;
helper.getBoundingClientRect().top+parseInt(height));
if(element.dropEnd.length) if(element.dropEnd.length)
{ {
@ -326,23 +337,16 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
if (typeof element.dropEnd != 'undefined' && element.dropEnd.length) if (typeof element.dropEnd != 'undefined' && element.dropEnd.length)
{ {
element.dropEnd.addClass("drop-hover");
// Make sure the target is visible in the scrollable day // Make sure the target is visible in the scrollable day
var scrollto = element.dropEnd.next() ? element.dropEnd.next() : element.dropEnd; if(this.gridHover.is(':visible'))
if(this.scrolling.find(element.dropEnd).length == element.dropEnd.length)
{ {
if(scrollto.length && this.scrolling.height() + this.scrolling.scrollTop() < scrollto.position().top+scrollto.height() ) if(this.scrolling.scrollTop() > 0 && this.scrolling.scrollTop() >= this.gridHover.position().top - this.rowHeight)
{ {
scrollto.get(0).scrollIntoView(false); this.scrolling.scrollTop(this.gridHover.position().top-this.rowHeight);
} }
else if(element.dropEnd.position().top < this.scrolling[0].scrollTop) else if (this.scrolling.scrollTop() + this.scrolling.height() <= this.gridHover.position().top + (2*this.rowHeight))
{ {
this.scrolling.scrollTop(element.dropEnd.position().top); this.scrolling.scrollTop(this.scrolling.scrollTop() + this.rowHeight);
}
else if (element.dropEnd.prev().length && element.dropEnd.prev().position().top < this.scrolling[0].scrollTop)
{
this.scrolling.scrollTop(element.dropEnd.prev().position().top);
} }
} }
var time = ''; var time = '';
@ -660,10 +664,10 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
var granularity = this.options.granularity; var granularity = this.options.granularity;
var totalDisplayMinutes = wd_end - wd_start; var totalDisplayMinutes = wd_end - wd_start;
var rowsToDisplay = Math.ceil((totalDisplayMinutes+60)/granularity); var rowsToDisplay = Math.ceil((totalDisplayMinutes+60)/granularity);
var row_count = (1440 / this.options.granularity);
this.scrolling this.scrolling
.css('height', (this.div.innerHeight() - header_height)+'px')
.on('scroll', jQuery.proxy(this._scroll, this)); .on('scroll', jQuery.proxy(this._scroll, this));
// Percent // Percent
@ -671,7 +675,8 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
// Pixels // Pixels
this.rowHeight = this.scrolling.height() / rowsToDisplay; this.rowHeight = this.scrolling.height() / rowsToDisplay;
// We need a reasonable bottom limit here... // We need a reasonable bottom limit here, but resize will handle it
// if we get too small
if(this.rowHeight < 5 && this.div.is(':visible')) if(this.rowHeight < 5 && this.div.is(':visible'))
{ {
if(this.rowHeight === 0) if(this.rowHeight === 0)
@ -679,11 +684,6 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
// Something is not right... // Something is not right...
this.rowHeight = 5; this.rowHeight = 5;
} }
else
{
this.options.granularity *= 2;
return this._drawTimes();
}
} }
// the hour rows // the hour rows
@ -698,7 +698,7 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
this._top_time = 0 this._top_time = 0
for(var t = 0,i = 0; t < 1440; t += granularity,++i) for(var t = 0,i = 0; t < 1440; t += granularity,++i)
{ {
html += '<div class="calendar_calTimeRow" style="height: '+this.rowHeight+'px;">'; html += '<div class="calendar_calTimeRow" style="height: '+(100/row_count)+'%;">';
// show time for full hours, always for 45min interval and at least on every 3 row // show time for full hours, always for 45min interval and at least on every 3 row
var time = jQuery.datepicker.formatTime( var time = jQuery.datepicker.formatTime(
egw.preference("timeformat") === "12" ? "h:mmtt" : "HH:mm", egw.preference("timeformat") === "12" ? "h:mmtt" : "HH:mm",
@ -720,19 +720,16 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
{ {
time_label ='&nbsp;&nbsp;' + time_label; time_label ='&nbsp;&nbsp;' + time_label;
} }
if(this.rowHeight < line_height)
{
// Rows too small for regular label frequency, use automatic calculation
time_label = ( i % Math.ceil(line_height / this.rowHeight) ) === 0 ? time_label : '';
}
html += '<div class="calendar_calTimeRowTime et2_clickable" data-time="'+time.trim()+'" data-hour="'+Math.floor(t/60)+'" data-minute="'+(t%60)+'">'+time_label+"</div></div>\n"; html += '<div class="calendar_calTimeRowTime et2_clickable" data-time="'+time.trim()+'" data-hour="'+Math.floor(t/60)+'" data-minute="'+(t%60)+'">'+time_label+"</div></div>\n";
} }
// Set heights in pixels for scrolling // Set heights in pixels for scrolling
$j('.calendar_calTimeLabels',this.scrolling) $j('.calendar_calTimeLabels',this.scrolling)
.empty() .empty()
.height(this.rowHeight*i)
.append(html); .append(html);
this.days.css('height', (this.rowHeight*i)+'px'); this.days.css('height', (this.rowHeight*i)+'px');
this.gridHover.css('height', this.rowHeight);
// Scroll to start of day // Scroll to start of day
this.scrolling.scrollTop(this._top_time); this.scrolling.scrollTop(this._top_time);
@ -777,29 +774,29 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
var wd_end = 60*this.options.day_end; var wd_end = 60*this.options.day_end;
var totalDisplayMinutes = wd_end - wd_start; var totalDisplayMinutes = wd_end - wd_start;
var rowsToDisplay = Math.ceil((totalDisplayMinutes+60)/this.options.granularity); var rowsToDisplay = Math.ceil((totalDisplayMinutes+60)/this.options.granularity);
this.scrolling var row_count = (1440 / this.options.granularity);
.css('height', (this.options.height - this.gridHeader.outerHeight(true))+'px');
var new_height = this.scrolling.height() / rowsToDisplay; var new_height = this.scrolling.height() / rowsToDisplay;
var old_height = this.rowHeight;
this.rowHeight = new_height; this.rowHeight = new_height;
var rows = $j('.calendar_calTimeRow',this.scrolling).height(this.rowHeight);
if(!rows.length && this.options.granularity) $j('.calendar_calTimeLabels', this.scrolling).height(this.rowHeight*row_count);
{
return this._drawTimes();
}
this.days.css('height', this.options.granularity === 0 ? this.days.css('height', this.options.granularity === 0 ?
'100%' : '100%' :
(this.rowHeight*rows.length)+'px' (this.rowHeight*row_count)+'px'
); );
$j('.calendar_calAddEvent',this.scrolling).height(this.rowHeight);
// Scroll to start of day // Scroll to start of day
this._top_time = (wd_start * this.rowHeight) / this.options.granularity; this._top_time = (wd_start * this.rowHeight) / this.options.granularity;
this.scrolling.scrollTop(this._top_time); this.scrolling.scrollTop(this._top_time);
this.iterateOver(function(child) { if(this.rowHeight != old_height)
child.resize(); {
},this, et2_IResizeable); this.iterateOver(function(child) {
if(child === this) return;
child.resize();
},this, et2_IResizeable);
}
}, },
/** /**
@ -1085,8 +1082,10 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
case EGW_AI_DRAG_OUT: case EGW_AI_DRAG_OUT:
// Stop listening // Stop listening
_data.ui.draggable.off('drag.et2_timegrid'+widget_object.id); _data.ui.draggable.off('drag.et2_timegrid'+widget_object.id);
// Remove any highlighted time squares // Remove highlighted time square
$j('[data-date]',this.doGetDOMNode()).removeClass("ui-state-active"); var timegrid = aoi.getWidget();
timegrid.gridHover.hide();
timegrid.scrolling.scrollTop(timegrid._top_time);
// Out triggers after the over, count to not accidentally remove // Out triggers after the over, count to not accidentally remove
time.data('count',time.data('count')-1); time.data('count',time.data('count')-1);
@ -1572,7 +1571,7 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
var result = true; var result = true;
// Is this click in the event stuff, or in the header? // Is this click in the event stuff, or in the header?
if($j(_ev.target).hasClass('.calendar_calEvent') || $j(_ev.target).parents('.calendar_calEvent').length) if(_ev.target.dataset.id || $j(_ev.target).parents('.calendar_calEvent').length)
{ {
// Event came from inside, maybe a calendar event // Event came from inside, maybe a calendar event
var event = this._get_event_info(_ev.originalEvent.target); var event = this._get_event_info(_ev.originalEvent.target);
@ -1587,7 +1586,14 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
if(event.id && result && !this.disabled && !this.options.readonly) if(event.id && result && !this.disabled && !this.options.readonly)
{ {
et2_calendar_event.recur_prompt(event); if(event.widget_id && this.getWidgetById(event.widget_id))
{
this.getWidgetById(event.widget_id).recur_prompt();
}
else
{
et2_calendar_event.recur_prompt(event);
}
return false; return false;
} }
@ -1611,30 +1617,6 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
} }
} }
} }
else
{
var dataset = {};
var parent = _ev.target;
do
{
dataset = parent.dataset;
parent = parent.parentNode;
} while (jQuery.isEmptyObject(dataset) && parent !== this.node);
if(parent === this.node) return;
// Default handler to open a new event at the selected time
var options = {
date: dataset.date || this.day_list[0],
hour: dataset.hour || this.options.day_start,
minute: dataset.minute || 0
};
if (this.options.owner != app.calendar.state.owner)
{
options.owner = this.options.owner;
}
this.egw().open(null, 'calendar', 'add', options , '_blank');
return false;
}
}, },
/** /**
@ -1651,22 +1633,73 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
x = Math.round(x); x = Math.round(x);
y = Math.round(y); y = Math.round(y);
var nodes = this.options.granularity === 0 ? if(this.options.granularity === 0)
$j('.calendar_calDayCol',this.div) : {
$j('.calendar_calAddEvent[data-hour],.calendar_calDayColHeader',this.div); return $j('.calendar_calDayCol',this.div);
}
var path = [];
var day = null;
var time = null;
nodes = nodes for(var id in this.gridHover[0].dataset) {
.removeClass('drop-hover') delete this.gridHover[0].dataset[id];
.filter(function() { }
var offset = $j(this).offset(); var node = document.elementFromPoint(x,y);
var range={x:[offset.left,offset.left+$j(this).outerWidth()],y:[offset.top,offset.top+$j(this).outerHeight()]};
var i = (x >=range.x[0] && x <= range.x[1]) && (y >= range.y[0] && y <= range.y[1]); while(node && node != this.node && node.tagName != 'BODY' && path.length < 10)
return i; {
}) path.push(node);
nodes.addClass("drop-hover"); node.style.display = 'none';
var $node = $j(node);
if($node.hasClass('calendar_calDayColHeader')) {
for(var id in node.dataset) {
this.gridHover[0].dataset[id] = node.dataset[id];
}
this.gridHover.css({
position: 'absolute',
top: '',
bottom: '0px',
height: $node.css('padding-bottom')
});
day = node;
break;
}
if($node.hasClass('calendar_calDayCol'))
{
day = node;
this.gridHover
.attr('data-date',day.dataset.date);
}
if($node.hasClass('calendar_calTimeRowTime'))
{
time = node;
this.gridHover
.attr('data-hour',time.dataset.hour)
.attr('data-minute',time.dataset.minute);
break;
}
node = document.elementFromPoint(x,y);
}
for(var i = 0; i < path.length; i++)
{
path[i].style.display = '';
}
return nodes; if(!day)
{
return [];
}
this.gridHover
.show()
.appendTo(day);
if(time)
{
this.gridHover
.height(this.rowHeight)
.position({my:'left top', at: 'left top', of: time});
}
this.gridHover.css('left','');
return this.gridHover;
}, },
/** /**
@ -1710,9 +1743,9 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
We expect the timegrid to be in a table with 0 or more other timegrids, We expect the timegrid to be in a table with 0 or more other timegrids,
1 per row. We want each timegrid to be as large as possible, but space 1 per row. We want each timegrid to be as large as possible, but space
shared equally. Height can't be set to a percentage on the rows, because shared equally. Height can't be set to a percentage on the rows, because
that doesn't work. However, if the timegrid is too small (1/2 hour < 1 line that doesn't work. However, if any timegrid is too small (1/2 hour < 1 line
height), we change to showing only the working hours with no vertical height), we change to showing only the working hours with no vertical
scrollbar. Each week gets as much space as it needs. scrollbar. Each week gets as much space as it needs, and all scroll together.
*/ */
// How many rows? // How many rows?
var rowCount = 0; var rowCount = 0;
@ -1746,7 +1779,7 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
}); });
if(too_small || _too_small) if(too_small || _too_small)
{ {
this.options.height = needed; this.options.height = Math.max(this.options.height, needed);
// Set all others to match // Set all others to match
if(!_too_small) if(!_too_small)
{ {
@ -1766,9 +1799,9 @@ var et2_calendar_timegrid = et2_calendar_view.extend([et2_IDetachedDOM, et2_IRes
this.div.css('height', this.options.height); this.div.css('height', this.options.height);
// Re-do time grid // Re-do time grid
if(!this.update_timer) if(!this.update_timer)// && this.options.height != old_height)
{ {
this._drawTimes(); this.resizeTimes();
} }
// Try to resize width, though animations cause problems // Try to resize width, though animations cause problems