[update] version 4.1.0

1 files changed, 223 insertions, 0 deletions

diff --git a/codebase/sources/ext/dhtmlxscheduler_tooltip.js b/codebase/sources/ext/dhtmlxscheduler_tooltip.js
new file mode 100644
index 0000000..1dbad28
--- /dev/null
+++ b/codebase/sources/ext/dhtmlxscheduler_tooltip.js
@@ -0,0 +1,223 @@
+/*
+dhtmlxScheduler v.4.1.0 Stardard
+
+This software is covered by GPL license. You also can obtain Commercial or Enterprise license to use it in non-GPL project - please contact sales@dhtmlx.com. Usage without proper license is prohibited.
+
+(c) Dinamenta, UAB.
+*/
+window.dhtmlXTooltip = scheduler.dhtmlXTooltip = window.dhtmlxTooltip = {};
+
+dhtmlXTooltip.config = {
+	className: 'dhtmlXTooltip tooltip',
+	timeout_to_display: 50,
+	timeout_to_hide: 50,
+	delta_x: 15,
+	delta_y: -20
+};
+
+dhtmlXTooltip.tooltip = document.createElement('div');
+dhtmlXTooltip.tooltip.className = dhtmlXTooltip.config.className;
+
+dhtmlXTooltip.show = function(event, text) { //browser event, text to display
+	if (scheduler.config.touch && !scheduler.config.touch_tooltip) return;
+	
+	var dhxTooltip = dhtmlXTooltip;
+	var tooltip_div = this.tooltip;
+	var tooltip_div_style = tooltip_div.style;
+	dhxTooltip.tooltip.className = dhxTooltip.config.className;
+	var pos = this.position(event);
+
+	var target = event.target || event.srcElement;
+	// if we are over tooltip -- do nothing, just return (so tooltip won't move)
+	if (this.isTooltip(target)) {
+		return;
+	}
+
+	var actual_x = pos.x + (dhxTooltip.config.delta_x || 0);
+	var actual_y = pos.y - (dhxTooltip.config.delta_y || 0);
+
+	tooltip_div_style.visibility = "hidden";
+
+	if (tooltip_div_style.removeAttribute) {
+		tooltip_div_style.removeAttribute("right");
+		tooltip_div_style.removeAttribute("bottom");
+	} else {
+		tooltip_div_style.removeProperty("right");
+		tooltip_div_style.removeProperty("bottom");
+	}
+
+	tooltip_div_style.left = "0";
+	tooltip_div_style.top = "0";
+
+	this.tooltip.innerHTML = text;
+	document.body.appendChild(this.tooltip);
+
+	var tooltip_width = this.tooltip.offsetWidth;
+	var tooltip_height = this.tooltip.offsetHeight;
+
+	if ((document.body.offsetWidth - actual_x - tooltip_width) < 0) { // tooltip is out of the right page bound
+		if(tooltip_div_style.removeAttribute)
+			tooltip_div_style.removeAttribute("left");
+		else
+			tooltip_div_style.removeProperty("left");
+		tooltip_div_style.right = (document.body.offsetWidth - actual_x + 2 * (dhxTooltip.config.delta_x||0)) + "px";
+	} else {
+		if (actual_x < 0) {
+			// tooltips is out of the left page bound
+			tooltip_div_style.left = (pos.x + Math.abs(dhxTooltip.config.delta_x||0)) + "px";
+		} else {
+			// normal situation
+			tooltip_div_style.left = actual_x + "px";
+		}
+	}
+
+	if ((document.body.offsetHeight - actual_y - tooltip_height) < 0) { // tooltip is below bottom of the page
+		if(tooltip_div_style.removeAttribute)
+			tooltip_div_style.removeAttribute("top");
+		else
+			tooltip_div_style.removeProperty("top");
+		tooltip_div_style.bottom = (document.body.offsetHeight - actual_y - 2 * (dhxTooltip.config.delta_y||0)) + "px";
+	} else {
+		if (actual_y < 0) {
+			// tooltip is higher then top of the page
+			tooltip_div_style.top = (pos.y + Math.abs(dhxTooltip.config.delta_y||0)) + "px";
+		} else {
+			// normal situation
+			tooltip_div_style.top = actual_y + "px";
+		}
+	}
+
+	tooltip_div_style.visibility = "visible";
+	this.tooltip.onmouseleave = function(e){
+		/*
+		 A rare but reported scenario, when tooltip appears at the edge of the scheduler (e.g. left part inside cal, right part - outside).
+		 User moves mouse from the scheduler into the tooltip, and then from the tooltip to the page outside the calendar.
+		 As a result - tooltip freezes and no longer reacts until mouse reenters the calendar.
+		*/
+		var tooltip = scheduler.dhtmlXTooltip;
+
+		var node = e.relatedTarget;
+		while (node != scheduler._obj && node) {
+			node = node.parentNode;
+		}
+
+		if(node != scheduler._obj)
+			tooltip.delay(tooltip.hide, tooltip, [], tooltip.config.timeout_to_hide);
+	};
+
+	scheduler.callEvent("onTooltipDisplayed", [this.tooltip, this.tooltip.event_id]);
+};
+dhtmlXTooltip._clearTimeout = function(){
+	if(this.tooltip._timeout_id) {
+		window.clearTimeout(this.tooltip._timeout_id);
+	}
+};
+
+dhtmlXTooltip.hide = function() {
+	if (this.tooltip.parentNode) {
+		var event_id = this.tooltip.event_id;
+		this.tooltip.event_id = null;
+		this.tooltip.onmouseleave = null;
+		this.tooltip.parentNode.removeChild(this.tooltip);
+		scheduler.callEvent("onAfterTooltip", [event_id]);
+	}
+	this._clearTimeout();
+};
+dhtmlXTooltip.delay = function(method, object, params, delay) {
+	this._clearTimeout();
+	this.tooltip._timeout_id = setTimeout(function() {
+		var ret = method.apply(object, params);
+		method = object = params = null;
+		return ret;
+	}, delay || this.config.timeout_to_display);
+};
+
+dhtmlXTooltip.isTooltip = function(node) {
+	var res = false;
+	if (node.className.split(" ")[0] == "dhtmlXTooltip") {
+		//debugger;
+	}
+	while (node && !res) {
+		res = (node.className == this.tooltip.className);
+		node = node.parentNode;
+	}
+	return res;
+};
+
+dhtmlXTooltip.position = function(ev) {
+	ev = ev || window.event;
+	if (ev.pageX || ev.pageY) //FF, KHTML
+		return {x:ev.pageX, y:ev.pageY};
+	//IE
+	var d = ((window._isIE) && (document.compatMode != "BackCompat")) ? document.documentElement : document.body;
+	return {
+		x:ev.clientX + d.scrollLeft - d.clientLeft,
+		y:ev.clientY + d.scrollTop - d.clientTop
+	};
+};
+
+scheduler.attachEvent("onMouseMove", function(event_id, e) { // (scheduler event_id, browser event)
+	var ev = window.event || e;
+	var target = ev.target || ev.srcElement;
+	var dhxTooltip = dhtmlXTooltip;
+
+	var is_tooltip = dhxTooltip.isTooltip(target);
+	var is_tooltip_target = (dhxTooltip.isTooltipTarget && dhxTooltip.isTooltipTarget(target));
+
+	// if we are over event or tooltip or custom target for tooltip
+	if (event_id || is_tooltip || is_tooltip_target) {
+		var text;
+
+		if (event_id || dhxTooltip.tooltip.event_id) {
+			var event = scheduler.getEvent(event_id) || scheduler.getEvent(dhxTooltip.tooltip.event_id);
+			if (!event)
+				return;
+
+			dhxTooltip.tooltip.event_id = event.id;
+			text = scheduler.templates.tooltip_text(event.start_date, event.end_date, event);
+			if (!text)
+				return dhxTooltip.hide();
+		}
+		if (is_tooltip_target) {
+			text = "";
+		}
+
+		var evt;
+		if (_isIE) {
+			//make a copy of event, will be used in timed call
+
+			evt = {'pageX':undefined,
+				'pageY':undefined,
+				'clientX':undefined,
+				'clientY':undefined,
+				'target':undefined,
+				'srcElement':undefined
+			};
+			for(var i in evt){
+				evt[i] = ev[i];
+			}
+		}
+
+		if (!scheduler.callEvent("onBeforeTooltip", [event_id]) || !text)
+			return;
+
+		dhxTooltip.delay(dhxTooltip.show, dhxTooltip, [(evt || ev), text]); // showing tooltip
+	} else {
+		dhxTooltip.delay(dhxTooltip.hide, dhxTooltip, [], dhxTooltip.config.timeout_to_hide);
+	}
+});
+scheduler.attachEvent("onBeforeDrag", function() {
+	dhtmlXTooltip.hide();
+	return true;
+});
+scheduler.attachEvent("onEventDeleted", function() {
+	dhtmlXTooltip.hide();
+	return true;
+});
+
+/* Could be redifined */
+scheduler.templates.tooltip_date_format = scheduler.date.date_to_str("%Y-%m-%d %H:%i");
+
+scheduler.templates.tooltip_text = function(start, end, event) {
+	return "<b>Event:</b> " + event.text + "<br/><b>Start date:</b> " + scheduler.templates.tooltip_date_format(start) + "<br/><b>End date:</b> " + scheduler.templates.tooltip_date_format(end);
+};