diff options
author | AlexKlimenkov <shurick.klimenkov@gmail.com> | 2014-06-10 20:50:30 +0300 |
---|---|---|
committer | AlexKlimenkov <shurick.klimenkov@gmail.com> | 2014-06-10 20:50:30 +0300 |
commit | b5a0589955460a44c5428c4cb5429fcfce265d23 (patch) | |
tree | 87db58400a3e036de646fb630cbb358beeac3bc1 /sources/ext/dhtmlxscheduler_map_view.js | |
parent | e2aaaef8540fabd0b5200a4959c269d6f1ae352e (diff) | |
download | scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.zip scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.tar.gz scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.tar.bz2 |
[update] version 4.1.0
Diffstat (limited to 'sources/ext/dhtmlxscheduler_map_view.js')
-rw-r--r-- | sources/ext/dhtmlxscheduler_map_view.js | 488 |
1 files changed, 0 insertions, 488 deletions
diff --git a/sources/ext/dhtmlxscheduler_map_view.js b/sources/ext/dhtmlxscheduler_map_view.js deleted file mode 100644 index bec49c7..0000000 --- a/sources/ext/dhtmlxscheduler_map_view.js +++ /dev/null @@ -1,488 +0,0 @@ -/* -This software is allowed to use under GPL or you need to obtain Commercial or Enterise License -to use it in non-GPL project. Please contact sales@dhtmlx.com for details -*/ -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) + " – " + 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'> </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]; - 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'); - var 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; - }); -}); |