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 /codebase/sources/ext/dhtmlxscheduler_quick_info.js | |
parent | e2aaaef8540fabd0b5200a4959c269d6f1ae352e (diff) | |
download | scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.zip scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.tar.gz scheduler-b5a0589955460a44c5428c4cb5429fcfce265d23.tar.bz2 |
[update] version 4.1.0
Diffstat (limited to 'codebase/sources/ext/dhtmlxscheduler_quick_info.js')
-rw-r--r-- | codebase/sources/ext/dhtmlxscheduler_quick_info.js | 199 |
1 files changed, 199 insertions, 0 deletions
diff --git a/codebase/sources/ext/dhtmlxscheduler_quick_info.js b/codebase/sources/ext/dhtmlxscheduler_quick_info.js new file mode 100644 index 0000000..08fc7bb --- /dev/null +++ b/codebase/sources/ext/dhtmlxscheduler_quick_info.js @@ -0,0 +1,199 @@ +/* +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.config.icons_select = ["icon_details", "icon_delete"]; +scheduler.config.details_on_create = true; +scheduler.xy.menu_width = 0; + +scheduler.attachEvent("onClick", function(id){ + scheduler.showQuickInfo(id); + return true; +}); + +(function(){ + var events = ["onEmptyClick", "onViewChange", "onLightbox", "onBeforeEventDelete", "onBeforeDrag"]; + var hiding_function = function(){ + scheduler._hideQuickInfo(); + return true; + }; + for (var i=0; i<events.length; i++) + scheduler.attachEvent(events[i], hiding_function); +})(); + +scheduler.templates.quick_info_title = function(start, end, ev){ return ev.text.substr(0,50); }; +scheduler.templates.quick_info_content = function(start, end, ev){ return ev.details || ev.text; }; +scheduler.templates.quick_info_date = function(start, end, ev){ + if (scheduler.isOneDayEvent(ev)) + return scheduler.templates.day_date(start, end, ev) + " " +scheduler.templates.event_header(start, end, ev); + else + return scheduler.templates.week_date(start, end, ev); +}; + +scheduler.showQuickInfo = function(id){ + if (id == this._quick_info_box_id) return; + this.hideQuickInfo(true); + + var pos = this._get_event_counter_part(id); + + if (pos){ + this._quick_info_box = this._init_quick_info(pos); + this._fill_quick_data(id); + this._show_quick_info(pos); + } +}; +scheduler._hideQuickInfo = function(){ + scheduler.hideQuickInfo(); +}; +scheduler.hideQuickInfo = function(forced){ + var qi = this._quick_info_box; + this._quick_info_box_id = 0; + + if (qi && qi.parentNode){ + if (scheduler.config.quick_info_detached) + return qi.parentNode.removeChild(qi); + + if (qi.style.right == "auto") + qi.style.left = "-350px"; + else + qi.style.right = "-350px"; + + if (forced) + qi.parentNode.removeChild(qi); + } +}; +dhtmlxEvent(window, "keydown", function(e){ + if (e.keyCode == 27) + scheduler.hideQuickInfo(); +}); + +scheduler._show_quick_info = function(pos){ + var qi = scheduler._quick_info_box; + + if (scheduler.config.quick_info_detached){ + scheduler._obj.appendChild(qi); + var width = qi.offsetWidth; + var height = qi.offsetHeight; + + qi.style.left = pos.left - pos.dx*(width - pos.width) + "px"; + qi.style.top = pos.top - (pos.dy?height:-pos.height) + "px"; + } else { + qi.style.top = this.xy.scale_height+this.xy.nav_height + 20 + "px"; + if (pos.dx == 1){ + qi.style.right = "auto"; + qi.style.left = "-300px"; + + setTimeout(function(){ + qi.style.left = "-10px"; + },1); + } else { + qi.style.left = "auto"; + qi.style.right = "-300px"; + + setTimeout(function(){ + qi.style.right = "-10px"; + },1); + } + qi.className = qi.className.replace("dhx_qi_left","").replace("dhx_qi_left","")+" dhx_qi_"+(pos==1?"left":"right"); + scheduler._obj.appendChild(qi); + } +}; +scheduler.attachEvent("onTemplatesReady", function(){ + scheduler.hideQuickInfo(); + if(this._quick_info_box){ + var box = this._quick_info_box; + if(box.parentNode){ + box.parentNode.removeChild(box); + } + this._quick_info_box = null; + } +}); +scheduler._quick_info_onscroll_handler = function(e){ + scheduler.hideQuickInfo(); +}; +scheduler._init_quick_info = function(){ + if (!this._quick_info_box){ + var sizes = scheduler.xy; + + var qi = this._quick_info_box = document.createElement("div"); + qi.className = "dhx_cal_quick_info"; + if (scheduler.$testmode) + qi.className += " dhx_no_animate"; + //title + var html = "<div class=\"dhx_cal_qi_title\" style=\"height:"+sizes.quick_info_title+"px\">" + + "<div class=\"dhx_cal_qi_tcontent\"></div><div class=\"dhx_cal_qi_tdate\"></div>" + + "</div>" + + "<div class=\"dhx_cal_qi_content\"></div>"; + + //buttons + html += "<div class=\"dhx_cal_qi_controls\" style=\"height:"+sizes.quick_info_buttons+"px\">"; + var buttons = scheduler.config.icons_select; + for (var i = 0; i < buttons.length; i++) + html += "<div class=\"dhx_qi_big_icon "+buttons[i]+"\" title=\""+scheduler.locale.labels[buttons[i]]+"\"><div class='dhx_menu_icon " + buttons[i] + "'></div><div>"+scheduler.locale.labels[buttons[i]]+"</div></div>"; + html += "</div>"; + + qi.innerHTML = html; + dhtmlxEvent(qi, "click", function(ev){ + ev = ev || event; + scheduler._qi_button_click(ev.target || ev.srcElement); + }); + if (scheduler.config.quick_info_detached){ + scheduler._detachDomEvent(scheduler._els["dhx_cal_data"][0], "scroll", scheduler._quick_info_onscroll_handler); + dhtmlxEvent(scheduler._els["dhx_cal_data"][0], "scroll", scheduler._quick_info_onscroll_handler); + } + } + + return this._quick_info_box; +}; + +scheduler._qi_button_click = function(node){ + var box = scheduler._quick_info_box; + if (!node || node == box) return; + + var mask = node.className; + if (mask.indexOf("_icon")!=-1){ + var id = scheduler._quick_info_box_id; + scheduler._click.buttons[mask.split(" ")[1].replace("icon_","")](id); + } else + scheduler._qi_button_click(node.parentNode); +}; +scheduler._get_event_counter_part = function(id){ + var domEv = scheduler.getRenderedEvent(id); + var left = 0; + var top = 0; + + var node = domEv; + while (node && node != scheduler._obj){ + left += node.offsetLeft; + top += node.offsetTop-node.scrollTop; + node = node.offsetParent; + } + if(node){ + var dx = (left + domEv.offsetWidth/2) > (scheduler._x/2) ? 1 : 0; + var dy = (top + domEv.offsetHeight/2) > (scheduler._y/2) ? 1 : 0; + + return { left:left, top:top, dx:dx, dy:dy, + width:domEv.offsetWidth, height:domEv.offsetHeight }; + } + return 0; +}; + +scheduler._fill_quick_data = function(id){ + var ev = scheduler.getEvent(id); + var qi = scheduler._quick_info_box; + + scheduler._quick_info_box_id = id; + +//title content + var titleContent = qi.firstChild.firstChild; + titleContent.innerHTML = scheduler.templates.quick_info_title(ev.start_date, ev.end_date, ev); + var titleDate = titleContent.nextSibling; + titleDate.innerHTML = scheduler.templates.quick_info_date(ev.start_date, ev.end_date, ev); + +//main content + var main = qi.firstChild.nextSibling; + main.innerHTML = scheduler.templates.quick_info_content(ev.start_date, ev.end_date, ev); +}; |