[update] version 4.1.0

1 files changed, 492 insertions, 0 deletions

diff --git a/codebase/sources/ext/dhtmlxscheduler_map_view.js b/codebase/sources/ext/dhtmlxscheduler_map_view.js
new file mode 100644
index 0000000..2ea6044
--- /dev/null
+++ b/codebase/sources/ext/dhtmlxscheduler_map_view.js
@@ -0,0 +1,492 @@
+/*
+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.
+*/
+scheduler.xy.map_date_width = 188; // date column width
+scheduler.xy.map_description_width = 400; // description column width
+
+scheduler.config.map_resolve_event_location = true; // if events in database doesn't have lat and lng values there will be an attempt to resolve them on event loading, useful for migration
+scheduler.config.map_resolve_user_location = true; // if user will be promted to share his location to display it on the map
+
+scheduler.config.map_initial_position = new google.maps.LatLng(48.724, 8.215); // inital position of the map
+scheduler.config.map_error_position = new google.maps.LatLng(15, 15); // this position will be displayed in case if event doesn't have corresponding coordinates
+
+scheduler.config.map_infowindow_max_width = 300;
+
+scheduler.config.map_type = google.maps.MapTypeId.ROADMAP;
+
+scheduler.config.map_zoom_after_resolve = 15;
+
+scheduler.locale.labels.marker_geo_success = "It seems you are here.";
+scheduler.locale.labels.marker_geo_fail = "Sorry, could not get your current position using geolocation.";
+
+scheduler.templates.marker_date = scheduler.date.date_to_str("%Y-%m-%d %H:%i"); // date for map's infowindow will be formated following way
+
+scheduler.templates.marker_text = function(start, end, ev) {
+	return "<div><b>" + ev.text + "</b><br/><br/>" + (ev.event_location || '') + "<br/><br/>" + scheduler.templates.marker_date(start) + " - " + scheduler.templates.marker_date(end) + "</div>";
+};
+scheduler.dblclick_dhx_map_area = function() {
+	if (!this.config.readonly && this.config.dblclick_create)
+		this.addEventNow({
+			start_date: scheduler._date,
+			end_date: scheduler.date.add(scheduler._date, scheduler.config.time_step, "minute")
+		});
+};
+scheduler.templates.map_time = function(start, end, ev) {
+	if (ev._timed)
+		return this.day_date(ev.start_date, ev.end_date, ev) + " " + this.event_date(start);
+	else
+		return scheduler.templates.day_date(start) + " &ndash; " + scheduler.templates.day_date(end);
+};
+scheduler.templates.map_text = function(start, end, ev) {
+	return ev.text;
+};
+
+scheduler.date.map_start = function(d) {
+	return d;
+};
+scheduler.date.add_map = function(date, inc, mode) {
+	return (new Date(date.valueOf()));
+};
+
+scheduler.templates.map_date = function(dd, ed, mode) {
+	return '';
+};
+
+scheduler._latLngUpdate = false; // flag for not displaying event second time in case of coordinates update
+
+scheduler.attachEvent("onSchedulerReady", function() {
+	scheduler._isMapPositionSet = false; // if user actual (geolocation) position was set on the map
+
+	var gmap = document.createElement('div');
+	gmap.className = 'dhx_map';
+	gmap.id = 'dhx_gmap';
+	gmap.style.dispay = "none";
+
+	var node = scheduler._obj;
+
+	node.appendChild(gmap);
+
+	scheduler._els.dhx_gmap = [];
+	scheduler._els.dhx_gmap.push(gmap);
+
+	_setMapSize('dhx_gmap');
+
+	var mapOptions = {
+		zoom: scheduler.config.map_inital_zoom || 10,
+		center: scheduler.config.map_initial_position,
+		mapTypeId: scheduler.config.map_type || google.maps.MapTypeId.ROADMAP
+	};
+	var map = new google.maps.Map(document.getElementById('dhx_gmap'), mapOptions);
+	map.disableDefaultUI = false;
+	map.disableDoubleClickZoom = !scheduler.config.readonly;
+
+	google.maps.event.addListener(map, "dblclick", function(event) {
+		if (!scheduler.config.readonly && scheduler.config.dblclick_create) {
+			var point = event.latLng;
+			geocoder.geocode(
+				{ 'latLng': point },
+				function(results, status) {
+					if (status == google.maps.GeocoderStatus.OK) {
+						point = results[0].geometry.location;
+						scheduler.addEventNow({
+							lat: point.lat(),
+							lng: point.lng(),
+							event_location: results[0].formatted_address,
+							start_date: scheduler._date,
+							end_date: scheduler.date.add(scheduler._date, scheduler.config.time_step, "minute")
+						});
+					}
+				}
+			);
+		}
+	});
+
+	var infoWindowOptions = {
+		content: ''
+	};
+
+	if (scheduler.config.map_infowindow_max_width) {
+		infoWindowOptions.maxWidth = scheduler.config.map_infowindow_max_width;
+	}
+
+	scheduler.map = {
+		_points: [],
+		_markers: [],
+		_infowindow: new google.maps.InfoWindow(infoWindowOptions),
+		_infowindows_content: [],
+		_initialization_count: -1,
+		_obj: map
+	};
+
+	geocoder = new google.maps.Geocoder();
+
+	if (scheduler.config.map_resolve_user_location) {
+		if (navigator.geolocation) {
+			if (!scheduler._isMapPositionSet) {
+				navigator.geolocation.getCurrentPosition(function(position) {
+					var _userLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
+					map.setCenter(_userLocation);
+					map.setZoom(scheduler.config.map_zoom_after_resolve || 10);
+					scheduler.map._infowindow.setContent(scheduler.locale.labels.marker_geo_success);
+					scheduler.map._infowindow.position = map.getCenter();
+					scheduler.map._infowindow.open(map);
+
+					scheduler._isMapPositionSet = true;
+				},
+						function() {
+							scheduler.map._infowindow.setContent(scheduler.locale.labels.marker_geo_fail);
+							scheduler.map._infowindow.setPosition(map.getCenter());
+							scheduler.map._infowindow.open(map);
+							scheduler._isMapPositionSet = true;
+						});
+			}
+		}
+	}
+	google.maps.event.addListener(map, "resize", function(event) {
+		gmap.style.zIndex = '5';
+		map.setZoom(map.getZoom());
+
+	});
+	google.maps.event.addListener(map, "tilesloaded", function(event) {
+		gmap.style.zIndex = '5';
+	});
+
+	gmap.style.display = 'none'; // property was changed after attaching map
+
+
+	scheduler.attachEvent("onSchedulerResize", function() {
+		if (this._mode == "map") {
+			this.map_view(true);
+			return false;
+		}
+		return true;
+	});
+
+	var old = scheduler.render_data;
+	scheduler.render_data = function(evs, hold) {
+		if (this._mode == "map") {
+			fill_map_tab();
+			var events = scheduler.get_visible_events();
+			for (var i = 0; i < events.length; i++) {
+				if (!scheduler.map._markers[events[i].id]) {
+					showAddress(events[i], false, false);
+				}
+			}
+		} else
+			return old.apply(this, arguments);
+	};
+
+	function set_full_view(mode) {
+		if (mode) {
+			var l = scheduler.locale.labels;
+			scheduler._els["dhx_cal_header"][0].innerHTML = "<div class='dhx_map_line' style='width: " + (scheduler.xy.map_date_width + scheduler.xy.map_description_width + 2) + "px;' ><div class='headline_date' style='width: " + scheduler.xy.map_date_width + "px;'>" + l.date + "</div><div class='headline_description' style='width: " + scheduler.xy.map_description_width + "px;'>" + l.description + "</div></div>";
+			scheduler._table_view = true;
+			scheduler.set_sizes();
+		}
+	}
+
+	function clear_map_tab() {
+		scheduler._selected_event_id = null;
+		scheduler.map._infowindow.close();
+		var markers = scheduler.map._markers;
+		for (var key in markers) {
+			if (markers.hasOwnProperty(key)) {
+				markers[key].setMap(null);
+				delete scheduler.map._markers[key];
+				if (scheduler.map._infowindows_content[key])
+					delete scheduler.map._infowindows_content[key];
+			}
+		}
+	}
+
+	function fill_map_tab() {
+		//select events for which data need to be printed
+		var events = scheduler.get_visible_events();
+		events.sort(function(a, b) {
+			if(a.start_date.valueOf()==b.start_date.valueOf())
+				return a.id>b.id?1:-1;
+			return a.start_date>b.start_date?1:-1;
+		});
+
+		//generate html for the view
+		var html = "<div class='dhx_map_area'>";
+		for (var i = 0; i < events.length; i++) {
+			var ev = events[i];
+			var event_class = (ev.id == scheduler._selected_event_id) ? 'dhx_map_line highlight' : 'dhx_map_line';
+			var bg_color = (ev.color ? ("background:" + ev.color + ";") : "");
+			var color = (ev.textColor ? ("color:" + ev.textColor + ";") : "");
+			html += "<div class='" + event_class + "' event_id='" + ev.id + "' style='" + bg_color + "" + color + "" + (ev._text_style || "") + " width: " + (scheduler.xy.map_date_width + scheduler.xy.map_description_width + 2) + "px;'><div style='width: " + scheduler.xy.map_date_width + "px;' >" + scheduler.templates.map_time(ev.start_date, ev.end_date, ev) + "</div>";
+			html += "<div class='dhx_event_icon icon_details'>&nbsp</div>";
+			html += "<div class='line_description' style='width:" + (scheduler.xy.map_description_width - 25) + "px;'>" + scheduler.templates.map_text(ev.start_date, ev.end_date, ev) + "</div></div>"; // -25 = icon size 20 and padding 5
+		}
+		html += "<div class='dhx_v_border' style='left: " + (scheduler.xy.map_date_width - 2) + "px;'></div><div class='dhx_v_border_description'></div></div>";
+
+		//render html
+		scheduler._els["dhx_cal_data"][0].scrollTop = 0; //fix flickering in FF
+		scheduler._els["dhx_cal_data"][0].innerHTML = html;
+		scheduler._els["dhx_cal_data"][0].style.width = (scheduler.xy.map_date_width + scheduler.xy.map_description_width + 1) + 'px';
+
+		var t = scheduler._els["dhx_cal_data"][0].firstChild.childNodes;
+		scheduler._els["dhx_cal_date"][0].innerHTML = scheduler.templates[scheduler._mode + "_date"](scheduler._min_date, scheduler._max_date, scheduler._mode);
+
+		scheduler._rendered = [];
+		for (var i = 0; i < t.length - 2; i++) {
+			scheduler._rendered[i] = t[i];
+		}
+	}
+
+	function _setMapSize(elem_id) { //input - map's div id
+		var map = document.getElementById(elem_id);
+		var height = scheduler._y - scheduler.xy.nav_height;
+		if (height < 0)
+			height = 0;
+		var width = scheduler._x - scheduler.xy.map_date_width - scheduler.xy.map_description_width - 1;
+		if (width < 0)
+			width = 0;
+		map.style.height = height + 'px';
+		map.style.width = width + 'px';
+		map.style.marginLeft = (scheduler.xy.map_date_width + scheduler.xy.map_description_width + 1) + 'px';
+		map.style.marginTop = (scheduler.xy.nav_height + 2) + 'px';
+	}
+
+	scheduler.map_view = function(mode) {
+		scheduler.map._initialization_count++;
+		var gmap = scheduler._els.dhx_gmap[0];
+		var temp_center;
+		scheduler._els.dhx_cal_data[0].style.width = (scheduler.xy.map_date_width + scheduler.xy.map_description_width + 1) + 'px';
+
+		scheduler._min_date = scheduler.config.map_start || (scheduler._currentDate());
+		scheduler._max_date = scheduler.config.map_end || scheduler.date.add(scheduler._currentDate(), 1, "year");
+
+		scheduler._table_view = true;
+		set_full_view(mode);
+
+		if (mode) { //map tab activated
+			clear_map_tab();
+			fill_map_tab();
+			gmap.style.display = 'block';
+
+			// need to resize block everytime window is resized
+			_setMapSize('dhx_gmap');
+			temp_center = scheduler.map._obj.getCenter();
+
+			var events = scheduler.get_visible_events();
+			for (var i = 0; i < events.length; i++) {
+				if (!scheduler.map._markers[events[i].id]) {
+					showAddress(events[i]);
+				}
+			}
+
+		} else { //map tab de-activated
+			gmap.style.display = 'none';
+		}
+		google.maps.event.trigger(scheduler.map._obj, 'resize');
+
+		if (scheduler.map._initialization_count === 0 && temp_center) { // if tab is activated for the first time need to fix position
+			scheduler.map._obj.setCenter(temp_center);
+		}
+
+		if (scheduler._selected_event_id) {
+			selectEvent(scheduler._selected_event_id);
+		}
+	};
+
+	var selectEvent = function(event_id) {
+		scheduler.map._obj.setCenter(scheduler.map._points[event_id]);
+		scheduler.callEvent("onClick", [event_id]);
+	};
+
+	var showAddress = function(event, setCenter, performClick) { // what if event have incorrect position from the start?
+		var point = scheduler.config.map_error_position;
+		if (event.lat && event.lng) {
+			point = new google.maps.LatLng(event.lat, event.lng);
+		}
+		var message = scheduler.templates.marker_text(event.start_date, event.end_date, event);
+		if (!scheduler._new_event) {
+
+			scheduler.map._infowindows_content[event.id] = message;
+
+			if (scheduler.map._markers[event.id])
+				scheduler.map._markers[event.id].setMap(null);
+
+			scheduler.map._markers[event.id] = new google.maps.Marker({
+				position: point,
+				map: scheduler.map._obj
+			});
+
+			google.maps.event.addListener(scheduler.map._markers[event.id], 'click', function() {
+				scheduler.map._infowindow.setContent(scheduler.map._infowindows_content[event.id]);
+				scheduler.map._infowindow.open(scheduler.map._obj, scheduler.map._markers[event.id]);
+				scheduler._selected_event_id = event.id;
+				scheduler.render_data();
+			});
+			scheduler.map._points[event.id] = point;
+
+			if (setCenter) scheduler.map._obj.setCenter(scheduler.map._points[event.id]);
+			if (performClick) scheduler.callEvent("onClick", [event.id]);
+		}
+	};
+
+	scheduler.attachEvent("onClick", function(event_id, native_event_object) {
+		if (this._mode == "map") {
+			scheduler._selected_event_id = event_id;
+			for (var i = 0; i < scheduler._rendered.length; i++) {
+				scheduler._rendered[i].className = 'dhx_map_line';
+				if (scheduler._rendered[i].getAttribute("event_id") == event_id) {
+					scheduler._rendered[i].className += " highlight";
+				}
+			}
+			if (scheduler.map._points[event_id] && scheduler.map._markers[event_id]) {
+				scheduler.map._obj.setCenter(scheduler.map._points[event_id]); // was panTo
+				google.maps.event.trigger(scheduler.map._markers[event_id], 'click');
+			}
+		}
+		return true;
+	});
+
+	var _displayEventOnMap = function(event) {
+		if (event.event_location && geocoder) {
+			geocoder.geocode(
+				{
+					'address': event.event_location,
+					'language': scheduler.uid().toString()
+				},
+				function(results, status) {
+					var point = {};
+					if (status != google.maps.GeocoderStatus.OK) {
+						point = scheduler.callEvent("onLocationError", [event.id]);
+						if (!point || point === true)
+							point = scheduler.config.map_error_position;
+					} else {
+						point = results[0].geometry.location;
+					}
+					event.lat = point.lat();
+					event.lng = point.lng();
+
+					scheduler._selected_event_id = event.id;
+
+					scheduler._latLngUpdate = true;
+					scheduler.callEvent("onEventChanged", [event.id, event]);
+					showAddress(event, true, true);
+				}
+			);
+		} else {
+			showAddress(event, true, true);
+		}
+	};
+
+	var _updateEventLocation = function(event) { // update lat and lng in database
+		if (event.event_location && geocoder) {
+			geocoder.geocode(
+				{
+					'address': event.event_location,
+					'language': scheduler.uid().toString()
+				},
+				function(results, status) {
+					var point = {};
+					if (status != google.maps.GeocoderStatus.OK) {
+						point = scheduler.callEvent("onLocationError", [event.id]);
+						if (!point || point === true)
+							point = scheduler.config.map_error_position;
+					} else {
+						point = results[0].geometry.location;
+					}
+					event.lat = point.lat();
+					event.lng = point.lng();
+					scheduler._latLngUpdate = true;
+					scheduler.callEvent("onEventChanged", [event.id, event]);
+				}
+			);
+		}
+	};
+
+	var _delay = function(method, object, params, delay) {
+		setTimeout(function() {
+			var ret = method.apply(object, params);
+			method = object = params = null;
+			return ret;
+		}, delay || 1);
+	};
+
+	scheduler.attachEvent("onEventChanged", function(event_id, event_object) {
+		if (!this._latLngUpdate) {
+			var event = scheduler.getEvent(event_id);
+			if ((event.start_date < scheduler._min_date && event.end_date > scheduler._min_date) || (event.start_date < scheduler._max_date && event.end_date > scheduler._max_date) || (event.start_date.valueOf() >= scheduler._min_date && event.end_date.valueOf() <= scheduler._max_date)) {
+				if (scheduler.map._markers[event_id])
+					scheduler.map._markers[event_id].setMap(null);
+				_displayEventOnMap(event);
+			} else { // event no longer should be displayed on the map view
+				scheduler._selected_event_id = null;
+				scheduler.map._infowindow.close();
+				if (scheduler.map._markers[event_id])
+					scheduler.map._markers[event_id].setMap(null);
+			}
+		}
+		else
+			this._latLngUpdate = false;
+		return true;
+	});
+
+
+	scheduler.attachEvent("onEventIdChange", function(old_event_id, new_event_id) {
+		var event = scheduler.getEvent(new_event_id);
+		if ((event.start_date < scheduler._min_date && event.end_date > scheduler._min_date) || (event.start_date < scheduler._max_date && event.end_date > scheduler._max_date) || (event.start_date.valueOf() >= scheduler._min_date && event.end_date.valueOf() <= scheduler._max_date)) {
+			if (scheduler.map._markers[old_event_id]) {
+				scheduler.map._markers[old_event_id].setMap(null);
+				delete scheduler.map._markers[old_event_id];
+			}
+			if (scheduler.map._infowindows_content[old_event_id])
+				delete scheduler.map._infowindows_content[old_event_id];
+			_displayEventOnMap(event);
+		}
+		return true;
+	});
+
+	scheduler.attachEvent("onEventAdded", function(event_id, event_object) {
+		if (!scheduler._dataprocessor) {
+			if ((event_object.start_date < scheduler._min_date && event_object.end_date > scheduler._min_date) || (event_object.start_date < scheduler._max_date && event_object.end_date > scheduler._max_date) || (event_object.start_date.valueOf() >= scheduler._min_date && event_object.end_date.valueOf() <= scheduler._max_date)) {
+				if (scheduler.map._markers[event_id])
+					scheduler.map._markers[event_id].setMap(null);
+				_displayEventOnMap(event_object);
+			}
+		}
+		return true;
+	});
+
+	/* Test/example
+	 scheduler.attachEvent("onLocationError", function(event_id,event_object){
+	 return new google.maps.LatLng(8, 8);
+	 });
+	 */
+
+	scheduler.attachEvent("onBeforeEventDelete", function(event_id, event_object) {
+		if (scheduler.map._markers[event_id]) {
+			scheduler.map._markers[event_id].setMap(null); // if new event is deleted tab != map then it doesn't have marker yet
+		}
+		scheduler._selected_event_id = null;
+		scheduler.map._infowindow.close();
+		return true;
+	});
+
+	scheduler._event_resolve_delay = 1500;
+	scheduler.attachEvent("onEventLoading", function(event) {
+		if (scheduler.config.map_resolve_event_location && event.event_location && !event.lat && !event.lng) { // don't delete !event.lat && !event.lng as location could change
+			scheduler._event_resolve_delay += 1500;
+			_delay(_updateEventLocation, this, [event], scheduler._event_resolve_delay);
+		}
+		return true;
+	});
+
+	scheduler.attachEvent("onEventCancel", function(event_id, is_new) {
+		if (is_new) {
+			if (scheduler.map._markers[event_id])
+				scheduler.map._markers[event_id].setMap(null);
+			scheduler.map._infowindow.close();
+		}
+		return true;
+	});
+});