egroupware_official/phpgwapi/js/dhtmlxGantt/codebase/sources/ext/dhtmlxgantt_tooltip.js

146 lines
4.1 KiB
JavaScript
Raw Normal View History

/*
This software is allowed to use under GPL or you need to obtain Commercial or Enterprise License
to use it in non-GPL project. Please contact sales@dhtmlx.com for details
*/
gantt._tooltip = {};
gantt._tooltip_class = "gantt_tooltip";
gantt.config.tooltip_timeout = 30;//,
// timeout_to_hide: 50,
// delta_x: 15,
// delta_y: -20
gantt._create_tooltip = function(){
if (!this._tooltip_html){
this._tooltip_html = document.createElement('div');
this._tooltip_html.className = gantt._tooltip_class;
}
return this._tooltip_html;
};
gantt._show_tooltip = function(text, pos) {
if (gantt.config.touch && !gantt.config.touch_tooltip) return;
var tip = this._create_tooltip();
tip.innerHTML = text;
gantt.$task_data.appendChild(tip);
var width = tip.offsetWidth + 20;
var height = tip.offsetHeight + 40;
var max_height = this.$task.offsetHeight;
var max_width = this.$task.offsetWidth;
var scroll = this.getScrollState();
pos.x += scroll.x;
pos.y += scroll.y;
pos.y = Math.min(Math.max(scroll.y, pos.y), scroll.y+max_height - height);
pos.x = Math.min(Math.max(scroll.x, pos.x), scroll.x+max_width - width);
tip.style.left = pos.x + "px";
tip.style.top = pos.y + "px";
};
gantt._hide_tooltip = function(){
if (this._tooltip_html && this._tooltip_html.parentNode)
this._tooltip_html.parentNode.removeChild(this._tooltip_html);
this._tooltip_id = 0;
};
gantt._is_tooltip = function(ev) {
var node = ev.target || ev.srcElement;
return gantt._is_node_child(node, function(node){
return (node.className == this._tooltip_class);
});
};
gantt._is_task_line = function(ev){
var node = ev.target || ev.srcElement;
return gantt._is_node_child(node, function(node){
return (node == this.$task_data);
});
};
gantt._is_node_child = function(node, condition){
var res = false;
while (node && !res) {
res = condition.call(gantt, node);
node = node.parentNode;
}
return res;
};
gantt._tooltip_pos = function(ev) {
if (ev.pageX || ev.pageY)
var pos = {x:ev.pageX, y:ev.pageY};
var d = _isIE ? document.documentElement : document.body;
var pos = {
x:ev.clientX + d.scrollLeft - d.clientLeft,
y:ev.clientY + d.scrollTop - d.clientTop
};
var box = gantt._get_position(gantt.$task);
pos.x = pos.x - box.x;
pos.y = pos.y - box.y;
return pos;
};
gantt.attachEvent("onMouseMove", function(event_id, ev) { // (gantt event_id, browser event)
if(this.config.tooltip_timeout){
//making events survive timeout in ie
if(document.createEventObject && !document.createEvent)
ev = document.createEventObject(ev);
var delay = this.config.tooltip_timeout;
if(this._tooltip_id && !event_id){
if(!isNaN(this.config.tooltip_hide_timeout)){
delay = this.config.tooltip_hide_timeout;
}
}
clearTimeout(gantt._tooltip_ev_timer);
gantt._tooltip_ev_timer = setTimeout(function(){
gantt._init_tooltip(event_id, ev);
}, delay);
}else{
gantt._init_tooltip(event_id, ev);
}
});
gantt._init_tooltip = function(event_id, ev){
if (this._is_tooltip(ev)) return;
if (event_id == this._tooltip_id && !this._is_task_line(ev)) return;
if (!event_id)
return this._hide_tooltip();
this._tooltip_id = event_id;
var task = this.getTask(event_id);
var text = this.templates.tooltip_text(task.start_date, task.end_date, task);
if (!text)
this._hide_tooltip();
this._show_tooltip(text, this._tooltip_pos(ev));
};
gantt.attachEvent("onMouseLeave", function(ev){
if (gantt._is_tooltip(ev)) return;
this._hide_tooltip();
});
// gantt.attachEvent("onBeforeDrag", function() {
// gantt._tooltip.hide();
// return true;
// });
// gantt.attachEvent("onEventDeleted", function() {
// gantt._tooltip.hide();
// return true;
// });
/* Could be redifined */
gantt.templates.tooltip_date_format = gantt.date.date_to_str("%Y-%m-%d");
gantt.templates.tooltip_text = function(start, end, event) {
return "<b>Task:</b> " + event.text + "<br/><b>Start date:</b> " + gantt.templates.tooltip_date_format(start) + "<br/><b>End date:</b> " + gantt.templates.tooltip_date_format(end);
};