Add version files and new GIF images for UI components
This commit is contained in:
932
themes/sources4.0/dhtmlxPopup/codebase/dhtmlxpopup.js
Normal file
932
themes/sources4.0/dhtmlxPopup/codebase/dhtmlxpopup.js
Normal file
@ -0,0 +1,932 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 4.0.3
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
function dhtmlXPopup(conf) {
|
||||
|
||||
var that = this;
|
||||
|
||||
this.conf = conf||{};
|
||||
conf = null;
|
||||
|
||||
this.mode = (this.conf.mode||"bottom"); // popup position related to caller element
|
||||
this.conf.zi = window.dhx4.newId();
|
||||
|
||||
this.conf.isIE = (navigator.userAgent.indexOf("MSIE")>=0);
|
||||
|
||||
this.p = document.createElement("DIV");
|
||||
this.p.style.display = "none";
|
||||
this.p.innerHTML = "<div class='dhx_popup_area"+(this.conf.isIE?" dhx_popup_area_ie":"")+"'>"+
|
||||
"<table cellspacing='0' cellpadding='0' border='0' class='dhx_popup_table'><tbody></tbody></table>"+
|
||||
"</div>"+
|
||||
"<div class='dhx_popup_arrow dhx_popup_arrow_"+this.mode+"'></div>";
|
||||
|
||||
document.body.appendChild(this.p);
|
||||
|
||||
this.skinParams = {
|
||||
dhx_terrace: {
|
||||
t0: 19, // minimal top offset for polygon, i.e. space between polygon top and arrow top
|
||||
t1: 9, // if no more space at top, and "t0 allowed" - move top polygon position a bit to bottom, t1 = offset for empty space at top
|
||||
t2: 19, // same as t0, for width
|
||||
t3: 9 // same as t1, for width
|
||||
},
|
||||
dhx_skyblue: {t0: 12, t1: 9, t2: 12, t3: 9},
|
||||
dhx_web: {t0: 12, t1: 9, t2: 12, t3: 9}
|
||||
};
|
||||
|
||||
this.p.onclick = function(e) {
|
||||
e = e||event;
|
||||
that._clearClick = true;
|
||||
if (that._nodeObj != null) {
|
||||
that.callEvent("onContentClick",[]);
|
||||
return true;
|
||||
}
|
||||
var t = (e.target||e.srcElement);
|
||||
var id = null;
|
||||
while (t != that.p && t != null) {
|
||||
if (typeof(t._idd) != "undefined" && !t._isSeparator) {
|
||||
id = t._idd;
|
||||
t = null;
|
||||
} else {
|
||||
t = t.parentNode;
|
||||
}
|
||||
}
|
||||
t = null;
|
||||
if (id != null) {
|
||||
that.callEvent("onClick",[id]);
|
||||
if (that != null && that.isVisible != null && that.isVisible() && that.callEvent("onBeforeHide",["select",e,id]) === true) {
|
||||
e.cancelBubble = true;
|
||||
that.hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.separator = "DHXSEP_"+window.dhx4.newId();
|
||||
|
||||
this.tpl = [];
|
||||
this._setTemplate = function(t) {
|
||||
this.tpl = t.split(",");
|
||||
}
|
||||
|
||||
this.show = function(id) { // 4 coords for custom object, x, y, width, height
|
||||
|
||||
var p = null;
|
||||
|
||||
if (arguments.length == 1) {
|
||||
|
||||
// if id not specified show on first
|
||||
|
||||
if (!id) {
|
||||
id = this.conf.id[0];
|
||||
} else {
|
||||
if (!this._idExists(id)) return;
|
||||
}
|
||||
if (this.conf.toolbar) {
|
||||
p = this.conf.toolbar._getItemDim(id);
|
||||
}
|
||||
if (this.conf.ribbon) {
|
||||
p = this.conf.ribbon._getItemDim(id);
|
||||
}
|
||||
if (this.conf.form) {
|
||||
p = this.conf.form._getItemDim(id);
|
||||
}
|
||||
|
||||
} else if (arguments.length == 4) {
|
||||
|
||||
this._clearClick = true;
|
||||
|
||||
// show for custom object, 4 coords
|
||||
p = {
|
||||
left: arguments[0],
|
||||
top: arguments[1],
|
||||
width: arguments[2],
|
||||
height: arguments[3]
|
||||
}
|
||||
|
||||
id = null;
|
||||
}
|
||||
|
||||
if (!p) return;
|
||||
|
||||
this.p.style.visibility = "hidden";
|
||||
this.p.style.display = "";
|
||||
|
||||
this._setPos(p);
|
||||
|
||||
this.p.style.zIndex = window.dhx4.zim.reserve(this.conf.zi);
|
||||
this.p.style.visibility = "visible";
|
||||
|
||||
this._lastId = id;
|
||||
|
||||
this.callEvent("onShow",[id]);
|
||||
|
||||
|
||||
}
|
||||
|
||||
this._setPos = function(p, state) {
|
||||
|
||||
var x = p.left;
|
||||
var y = p.top;
|
||||
var w = p.width;
|
||||
var h = p.height;
|
||||
|
||||
this._posData = {
|
||||
left: x,
|
||||
top: y,
|
||||
width: w,
|
||||
height: h
|
||||
};
|
||||
|
||||
var d = window.dhx4.screenDim();
|
||||
|
||||
var mode = state||this.mode;
|
||||
if (typeof(state) == "undefined") state = false;
|
||||
|
||||
// avail space form each side, negative value = no-space
|
||||
var availSpace = {
|
||||
top: (y-this.p.offsetHeight)-d.top,
|
||||
bottom: d.bottom-(y+h+this.p.offsetHeight),
|
||||
left: x-this.p.offsetWidth-d.left,
|
||||
right: d.right-(x+w+this.p.offsetWidth)
|
||||
};
|
||||
|
||||
if (!state && availSpace[mode] < 0) {
|
||||
var k = this._getAvailPos(mode, availSpace);
|
||||
if (k !== false) {
|
||||
this._setPos(p, k);
|
||||
return;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (mode == "top" || mode == "bottom") {
|
||||
|
||||
var t0 = this.skinParams[this.conf.skin].t2;
|
||||
var t1 = this.skinParams[this.conf.skin].t3;
|
||||
|
||||
var pw2 = Math.round(this.p.offsetWidth/2); // 1/2 polygon width
|
||||
var aw2 = Math.round(this.p.lastChild.offsetWidth/2); // 1/2 arrow width
|
||||
|
||||
// define max left and right position of input including rendering [d.left..d.right] area
|
||||
if (x < d.left) { var x1 = Math.min(x+w, d.left); w = x+w-x1; x = x1; } // left
|
||||
if (x+w > d.right) w = d.right-x; // right
|
||||
|
||||
// arrow position
|
||||
var ta = Math.round(x+w/2);
|
||||
|
||||
// polygon top
|
||||
var left = ta - pw2;
|
||||
var maxLeft = ta - t0 - aw2;
|
||||
var maxLeftRight = ta+aw2+t0-this.p.offsetWidth;
|
||||
|
||||
|
||||
if (left < d.left-t1) { // left
|
||||
left = Math.min(d.left-t1, maxLeft);
|
||||
} else if (left+this.p.offsetWidth > d.right+t1) { // right
|
||||
left = Math.max(maxLeftRight, d.right+t1-this.p.offsetWidth); // -scrollWidth here?
|
||||
}
|
||||
|
||||
// draw polygon
|
||||
this.p.style.left = left+"px";
|
||||
this.p.style.top = (mode=="top"?y-this.p.offsetHeight:y+h)+"px";
|
||||
|
||||
// fix arrow offset (it inside polygon)
|
||||
ta = ta-left-aw2;
|
||||
|
||||
// draw arrow
|
||||
this.p.lastChild.className = "dhx_popup_arrow dhx_popup_arrow_"+mode;
|
||||
this.p.lastChild.style.top = (mode=="top"?this.p.offsetHeight-this.p.lastChild.offsetHeight:0)+"px";
|
||||
this.p.lastChild.style.left = ta+"px";
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
if (mode == "left" || mode == "right") {
|
||||
|
||||
var t0 = this.skinParams[this.conf.skin].t0;
|
||||
var t1 = this.skinParams[this.conf.skin].t1;
|
||||
|
||||
var ph2 = Math.round(this.p.offsetHeight/2); // 1/2 polygon height
|
||||
var ah2 = Math.round(this.p.lastChild.offsetHeight/2); // 1/2 arrow height
|
||||
|
||||
// define max top and bottom position of input including rendering [d.top..d.bottom] area
|
||||
if (y < d.top) { var y1 = Math.min(y+h, d.top); h = y+h-y1; y = y1; } // top
|
||||
if (y+h > d.bottom) h = d.bottom-y; // bottom
|
||||
|
||||
// arrow position
|
||||
var ta = Math.round(y+h/2);
|
||||
|
||||
// polygon top
|
||||
var top = ta - ph2;
|
||||
var maxTop = ta - t0 - ah2;
|
||||
var maxTopBottom = ta+ah2+t0-this.p.offsetHeight;
|
||||
|
||||
|
||||
if (top < d.top-t1) { // top
|
||||
top = Math.min(d.top-t1, maxTop);
|
||||
} else if (top+this.p.offsetHeight > d.bottom+t1) { // bottom
|
||||
top = Math.max(maxTopBottom, d.bottom+t1-this.p.offsetHeight);
|
||||
}
|
||||
|
||||
// draw polygon
|
||||
this.p.style.left = (mode=="left"?x-this.p.offsetWidth:x+w)+"px";
|
||||
this.p.style.top = top+"px";
|
||||
|
||||
// fix arrow offset (it inside polygon)
|
||||
ta = ta-top-ah2;
|
||||
|
||||
// draw arrow
|
||||
this.p.lastChild.className = "dhx_popup_arrow dhx_popup_arrow_"+mode;
|
||||
this.p.lastChild.style.left = (mode=="left"?this.p.offsetWidth-this.p.lastChild.offsetWidth:0)+"px";
|
||||
this.p.lastChild.style.top = ta+"px";
|
||||
|
||||
}
|
||||
|
||||
if (this._IEDisp && this._nodeId != null) {
|
||||
var t = document.getElementById(this._nodeId);
|
||||
//t.style.visibility = "hidden";
|
||||
window.setTimeout(function(){
|
||||
t.style.visibility = "visible";
|
||||
t = null;
|
||||
},1);
|
||||
}
|
||||
}
|
||||
|
||||
this._getAvailPos = function(mode, data) {
|
||||
|
||||
var seq = {
|
||||
top: ["bottom","right","left"],
|
||||
bottom: ["top","right","left"],
|
||||
left: ["right", "bottom", "top"],
|
||||
right: ["left", "bottom", "top"]
|
||||
};
|
||||
|
||||
var dir = null;
|
||||
|
||||
// check "next" with avail space
|
||||
for (var q=0; q<seq[mode].length; q++) {
|
||||
if (dir == null && data[seq[mode][q]] > 0) dir = seq[mode][q];
|
||||
}
|
||||
|
||||
// define which side have more space
|
||||
if (dir == null) {
|
||||
dir = "bottom";
|
||||
for (var a in data) if (data[a] > data[dir]) dir = a;
|
||||
}
|
||||
|
||||
if (dir == mode) return false;
|
||||
|
||||
return dir;
|
||||
|
||||
}
|
||||
|
||||
this._repaint = function() {
|
||||
if (this.isVisible()) this._setPos(this._posData);
|
||||
}
|
||||
|
||||
this.clear = function() {
|
||||
|
||||
if (this._nodeObj) {
|
||||
if (this.conf.isIE && typeof(dhtmlXLayoutObject) != "undefined" && this._nodeObj instanceof dhtmlXLayoutObject) {
|
||||
this.p.onmousedown = null;
|
||||
}
|
||||
if (this._nodeObj.unload) {
|
||||
this._nodeObj.unload();
|
||||
} else if (this._nodeObj.destruct) {
|
||||
this._nodeObj.destruct();
|
||||
}
|
||||
this._nodeObj = this._nodeId = null;
|
||||
// events if any
|
||||
if (this._nodeObjEv != null) {
|
||||
for (var q=0; q<this._nodeObjEv.length; q++) this.detachEvent(this._nodeObjEv[q]);
|
||||
this._nodeObjEv = null;
|
||||
}
|
||||
}
|
||||
|
||||
if (this._IEHoverInited) this._IEHoverClear();
|
||||
|
||||
var r = this.p.firstChild.firstChild.firstChild; // table->tbody
|
||||
while (r.childNodes.length > 0) r.removeChild(r.lastChild);
|
||||
|
||||
r = null;
|
||||
|
||||
this.itemData = {};
|
||||
}
|
||||
|
||||
this.hide = function() {
|
||||
if (this.p.style.display != "none") {
|
||||
this.p.style.display = "none";
|
||||
window.dhx4.zim.clear(this.conf.zi);
|
||||
var id = this._lastId;
|
||||
this._lastId = null;
|
||||
this.callEvent("onHide",[id]);
|
||||
}
|
||||
}
|
||||
|
||||
this.isVisible = function() {
|
||||
return (this.p.style.display == "");
|
||||
}
|
||||
|
||||
this.itemData = {};
|
||||
|
||||
this.getItemData = function(id) {
|
||||
if (!id) return this.itemData;
|
||||
if (this.itemData[id]) return this.itemData[id];
|
||||
return {};
|
||||
}
|
||||
|
||||
this.setSkin = function(skin) {
|
||||
this.conf.skin = skin;
|
||||
this.p.className = "dhx_popup_"+this.conf.skin;
|
||||
if (this._nodeObj != null && typeof(this._nodeObj.setSkin) == "function") this._nodeObj.setSkin(this.conf.skin);
|
||||
this._repaint();
|
||||
}
|
||||
|
||||
this.attachList = function(template, data) {
|
||||
|
||||
this._setTemplate(template);
|
||||
|
||||
this.clear();
|
||||
var r = this.p.firstChild.firstChild.firstChild; // table->tbody
|
||||
|
||||
for (var q=0; q<data.length; q++) {
|
||||
|
||||
var tr = document.createElement("TR");
|
||||
if (data[q] != this.separator) {
|
||||
if (typeof(data[q].id) == "undefined" || data[q].id == null) {
|
||||
tr._idd = window.dhx4.newId();
|
||||
while (this.itemData[tr._idd] != null) tr._idd = window.dhx4.newId();
|
||||
} else {
|
||||
tr._idd = data[q].id;
|
||||
}
|
||||
this.itemData[tr._idd] = data[q];
|
||||
}
|
||||
r.appendChild(tr);
|
||||
|
||||
if (data[q] == this.separator) {
|
||||
tr.className = "dhx_popup_sep";
|
||||
tr._isSeparator = true;
|
||||
var td = document.createElement("TD");
|
||||
td.className = "dhx_popup_sep";
|
||||
td.colSpan = this.tpl.length;
|
||||
td.innerHTML = "<div class='dhx_popup_sep'> </div>";
|
||||
tr.appendChild(td);
|
||||
td = null;
|
||||
} else {
|
||||
for (var w=0; w<this.tpl.length; w++) {
|
||||
var css = "dhx_popup_td";
|
||||
if (this._IEFirstLast && (this.tpl.length==1||w==0||w==this.tpl.length-1)) {
|
||||
if (this.tpl.length==1) css += " dhx_popup_td_single"; else css += (w==0?" dhx_popup_td_first":" dhx_popup_td_last");
|
||||
}
|
||||
var td = document.createElement("TD");
|
||||
td.className = css;
|
||||
td.innerHTML = data[q][this.tpl[w]]||" ";
|
||||
tr.appendChild(td);
|
||||
td = null;
|
||||
}
|
||||
// IE6 hover functionality
|
||||
if (this._IEHover) {
|
||||
tr._IEHover = true;
|
||||
if (!this._IEHoverInited) this._IEHoverInit();
|
||||
}
|
||||
}
|
||||
tr = null;
|
||||
}
|
||||
r = null;
|
||||
|
||||
this._repaint();
|
||||
|
||||
}
|
||||
|
||||
this._attachNode = function(mode, data) {
|
||||
|
||||
this.clear();
|
||||
|
||||
this._nodeId = "dhxpopup_node_"+window.dhx4.newId();
|
||||
|
||||
var r = this.p.firstChild.firstChild.firstChild; // table->tbody
|
||||
|
||||
var tr = document.createElement("TR");
|
||||
tr.className = "dhxnode";
|
||||
r.appendChild(tr);
|
||||
|
||||
var td = document.createElement("TD");
|
||||
td.className = "dhx_popup_td";
|
||||
td.innerHTML = "<div id='"+this._nodeId+"' style='position:relative;'></div>";
|
||||
|
||||
if (data.width) td.firstChild.style.width = data.width+"px";
|
||||
if (data.height) td.firstChild.style.height = data.height+"px";
|
||||
|
||||
tr.appendChild(td);
|
||||
|
||||
td = tr = r = null;
|
||||
|
||||
if (typeof(this["_attach_init_"+mode]) == "function") {
|
||||
this["_attach_init_"+mode](data);
|
||||
this._enableIEVFix();
|
||||
}
|
||||
|
||||
this._repaint();
|
||||
|
||||
return this._nodeObj;
|
||||
|
||||
}
|
||||
|
||||
this.unload = function() {
|
||||
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
window.removeEventListener("click", this._doOnClick, false);
|
||||
window.removeEventListener("keyup", this._doOnKeyUp, false);
|
||||
window.removeEventListener("unload", this._doOnUnload, false);
|
||||
} else {
|
||||
document.body.detachEvent("onclick", this._doOnClick, false);
|
||||
document.body.detachEvent("onkeyup", this._doOnKeyUp, false);
|
||||
document.body.detachEvent("onunload", this._doOnUnload, false);
|
||||
}
|
||||
|
||||
this.clear();
|
||||
|
||||
this._doOnClick = null;
|
||||
this._doOnUnload = null;
|
||||
this._doOnKeyUp = null;
|
||||
|
||||
|
||||
if (this.conf.toolbarEvent != null && this.conf.toolbar != null) {
|
||||
if (this.conf.toolbar.detachEvent != null) {
|
||||
// make sure toolbar wasn't unloaded
|
||||
this.conf.toolbar.detachEvent(this.conf.toolbarEvent);
|
||||
} else {
|
||||
this.conf.toolbar._getItemDim = null;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.conf.ribbonEvent != null && this.conf.ribbon != null) {
|
||||
if (this.conf.ribbon.detachEvent != null) {
|
||||
this.conf.ribbon.detachEvent(this.conf.ribbonEvent);
|
||||
} else {
|
||||
this.conf.ribbon._getItemDim = null;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.conf.slider) {
|
||||
for (var q=0; q<this.conf.slider_events.length; q++) {
|
||||
this.conf.slider.detachEvent(this.conf.slider_events[q]);
|
||||
}
|
||||
this.conf.slider_events = null;
|
||||
this._sliderShow = this._sliderHide = null;
|
||||
this.conf.slider = null;
|
||||
}
|
||||
|
||||
window.dhx4._eventable(this, "clear");
|
||||
|
||||
this.attachList = this.attachAccordion = this.attachCalendar = this.attachForm = this.attachGrid = this.attachLayout = this.attachTabbar = this.attachTree = this.attachHTML = this.attachObject = this._attachNode = null;
|
||||
|
||||
this.show = this.hide = this.isVisible = this._setTemplate = this._repaint = this._setPos = this.getItemData = this.clear = this._idExists = this._doOnToolbarClick = this._doOnRibbonClick = this.setSkin = null;
|
||||
this.tpl = this.itemData = this.separator = this.mode = null;
|
||||
this._clearClick = this._lastId = this._posData = this.skinParams = this.skinParent = null;
|
||||
|
||||
this.p.onclick = null;
|
||||
this.p.parentNode.removeChild(this.p);
|
||||
this.p = null;
|
||||
|
||||
this.conf.toolbar = this.conf.toolbarEvent = this.conf.ribbon = this.conf.ribbonEvent = this.conf.form = this.conf.id = null;
|
||||
this.conf = null;
|
||||
|
||||
this._IEHover = this._IEHoverTM = this._IEHoverInit = this._IEHoverClear = this._IEHoverRender = this._IEHoverInited = null;
|
||||
this._IEDisp = null;
|
||||
|
||||
this.unload = null;
|
||||
that = null;
|
||||
|
||||
}
|
||||
|
||||
window.dhx4._eventable(this);
|
||||
|
||||
this._doOnClick = function(e) {
|
||||
e = e||event;
|
||||
if (that._clearClick) {
|
||||
that._clearClick = false;
|
||||
return;
|
||||
}
|
||||
if (that.conf.form != null) {
|
||||
var id;
|
||||
var t = (e.target||e.srcElement);
|
||||
if ((t.tagName||"").toLowerCase() == "option") t = t.parentNode;
|
||||
if (t.className != null && t.className.search("dhxform") >= 0) {
|
||||
if (t.parentNode != null && t.parentNode.parentNode != null && t.parentNode.parentNode._idd != null) {
|
||||
id = t.parentNode.parentNode._idd;
|
||||
if (t.parentNode.parentNode._type == "ra") id = [t.parentNode.parentNode._group, t.parentNode.parentNode._value];
|
||||
}
|
||||
} else {
|
||||
// check if button, editor or combo
|
||||
var k = true;
|
||||
var f = false;
|
||||
while (k && !f) {
|
||||
var p = (t.className||"").toLowerCase();
|
||||
if (p.length > 0) f = (p == "dhxform_btn" || p.search(/dhxeditor_inside/gi) >= 0 || p == "dhxcombo_input" || p.search(/dhxcombolist/gi) >=0);
|
||||
t = t.parentNode;
|
||||
k = (t != null);
|
||||
}
|
||||
if (f) return;
|
||||
}
|
||||
t = null;
|
||||
if (id != null && that._idExists(id)) return;
|
||||
}
|
||||
if (that.isVisible() && that.callEvent("onBeforeHide",["click",e]) === true) {
|
||||
that.hide();
|
||||
}
|
||||
}
|
||||
this._doOnKeyUp = function(e) {
|
||||
e = e||event;
|
||||
if (e.keyCode == 27) {
|
||||
if (that.isVisible() && that.callEvent("onBeforeHide",["esc",e]) === true) {
|
||||
that.hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
this._doOnUnload = function() {
|
||||
that.unload();
|
||||
}
|
||||
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
window.addEventListener("click", this._doOnClick, false);
|
||||
window.addEventListener("keyup", this._doOnKeyUp, false);
|
||||
window.addEventListener("unload", this._doOnUnload, false);
|
||||
} else {
|
||||
document.body.attachEvent("onclick", this._doOnClick, false);
|
||||
document.body.attachEvent("onkeyup", this._doOnKeyUp, false);
|
||||
document.body.attachEvent("onunload", this._doOnUnload, false);
|
||||
}
|
||||
|
||||
this._idExists = function(id) {
|
||||
var r = false;
|
||||
for (var q=0; q<this.conf.id.length; q++) {
|
||||
if (this.conf.id[q] instanceof Array) { // radiobutton
|
||||
r = r||(this.conf.id[q][0]==id[0]&&this.conf.id[q][1]==id[1]);
|
||||
} else {
|
||||
r = r||this.conf.id[q]==id;
|
||||
}
|
||||
}
|
||||
return r;
|
||||
}
|
||||
|
||||
// IE6/Quircks Display fix
|
||||
this._IEDisp = (this.conf.isIE && (navigator.userAgent.search("MSIE 6.0")>=0 || document.compatMode != "CSS1Compat"));
|
||||
|
||||
// IE6 hover functionality
|
||||
this._IEHover = (this.conf.isIE && navigator.userAgent.search("MSIE 6.0")>=0);
|
||||
if (this._IEHover) {
|
||||
this._IEHoverInit = function() {
|
||||
this.p.onmouseover = function() {
|
||||
var t = event.srcElement;
|
||||
while (t != this && t._IEHover != true) t = t.parentNode;
|
||||
if (t._IEHover) {
|
||||
if (that._IEHoverTM) window.clearTimeout(that._IEHoverTM);
|
||||
if (that._lastIEHover == t) return;
|
||||
that._IEHoverRender(t);
|
||||
t = null;
|
||||
}
|
||||
}
|
||||
this.p.onmouseout = function() {
|
||||
if (that._IEHoverTM) window.clearTimeout(that._IEHoverTM);
|
||||
that._IEHoverTM = window.setTimeout(function(){that._IEHoverRender(null);},1);
|
||||
}
|
||||
this._IEHoverRender = function(t) {
|
||||
if (this._lastIEHover != null) {
|
||||
if (this._lastIEHover.className.search(/tr_hover/gi) >= 0) {
|
||||
this._lastIEHover.className = this._lastIEHover.className.replace(/\s{0,}tr_hover/gi, "");
|
||||
this._lastIEHover = null;
|
||||
}
|
||||
}
|
||||
if (t != null && t.className.search(/tr_hover/gi) < 0) {
|
||||
t.className += " tr_hover";
|
||||
that._lastIEHover = t;
|
||||
}
|
||||
}
|
||||
this._IEHoverInited = true;
|
||||
}
|
||||
this._IEHoverClear = function() {
|
||||
this.p.onmouseover = null;
|
||||
this.p.onmouseout = null;
|
||||
this._IEHoverInited = false;
|
||||
}
|
||||
}
|
||||
|
||||
// IE6/7/8 first/last-child
|
||||
this._IEFirstLast = (this.conf.isIE && navigator.userAgent.search(/MSIE [6,7,8]\.0/i)>=0);
|
||||
|
||||
// IE6 visibility fix
|
||||
this._enableIEVFix = function() {
|
||||
if (this.conf.isIE && navigator.userAgent.search("MSIE 6.0") >= 0) {
|
||||
var e1 = this.attachEvent("onHide", function(){
|
||||
document.getElementById(this._nodeId).style.visibility = "hidden";
|
||||
});
|
||||
var e2 = this.attachEvent("onShow", function(){
|
||||
document.getElementById(this._nodeId).style.visibility = "visible";
|
||||
});
|
||||
if (this._nodeObjEv == null) this._nodeObjEv = [];
|
||||
this._nodeObjEv.push(e1,e2);
|
||||
}
|
||||
}
|
||||
|
||||
// auto-init, toolbar mode
|
||||
if (typeof(window.dhtmlXToolbarObject) != "undefined" && this.conf.toolbar != null && this.conf.toolbar instanceof window.dhtmlXToolbarObject && this.conf.id != null) {
|
||||
|
||||
if (!(this.conf.id instanceof Array)) this.conf.id = [this.conf.id];
|
||||
|
||||
this.skinParent = this.conf.toolbar.conf.skin;
|
||||
|
||||
this._doOnToolbarClick = function(id) {
|
||||
for (var q=0; q<that.conf.id.length; q++) {
|
||||
if (id == that.conf.id[q]) {
|
||||
if (id != that._lastId) {
|
||||
that.show(id);
|
||||
that._clearClick = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// extension for toolbar, return pos/dim for specified button
|
||||
if (typeof(dhtmlXToolbarObject.prototype._getItemDim) == "undefined") {
|
||||
|
||||
dhtmlXToolbarObject.prototype._getItemDim = function(id) {
|
||||
var t = this.objPull[this.idPrefix+id];
|
||||
var p = {
|
||||
left: window.dhx4.absLeft(t.obj),
|
||||
top: window.dhx4.absTop(t.obj),
|
||||
width: t.obj.offsetWidth+(t.arw?t.arw.offsetWidth:0),
|
||||
height: t.obj.offsetHeight
|
||||
};
|
||||
t = null;
|
||||
return p;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
this.conf.toolbarEvent = this.conf.toolbar.attachEvent("onClick", this._doOnToolbarClick);
|
||||
|
||||
}
|
||||
|
||||
// auto-init, ribbon mode
|
||||
if (typeof(window.dhtmlXRibbon) != "undefined" && this.conf.ribbon != null && this.conf.ribbon instanceof window.dhtmlXRibbon && this.conf.id != null) {
|
||||
|
||||
if (!(this.conf.id instanceof Array)) this.conf.id = [this.conf.id];
|
||||
|
||||
this.skinParent = this.conf.ribbon.conf.skin;
|
||||
|
||||
this._doOnRibbonClick = function(id) {
|
||||
for (var q=0; q<that.conf.id.length; q++) {
|
||||
if (id == that.conf.id[q]) {
|
||||
if (id != that._lastId) {
|
||||
that.show(id);
|
||||
that._clearClick = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// extension for toolbar, return pos/dim for specified button
|
||||
if (typeof(dhtmlXRibbon.prototype._getItemDim) == "undefined") {
|
||||
|
||||
dhtmlXRibbon.prototype._getItemDim = function(id) {
|
||||
var t = this._items[id].base;
|
||||
var p = {
|
||||
left: window.dhx4.absLeft(t),
|
||||
top: window.dhx4.absTop(t),
|
||||
width: t.offsetWidth,
|
||||
height: t.offsetHeight
|
||||
};
|
||||
t = null;
|
||||
return p;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
this.conf.ribbonEvent = this.conf.ribbon.attachEvent("_showPopup", this._doOnRibbonClick);
|
||||
|
||||
}
|
||||
|
||||
// auto-init, form mode
|
||||
if (typeof(window.dhtmlXForm) != "undefined" && this.conf.form != null && this.conf.form instanceof window.dhtmlXForm && this.conf.id != null) {
|
||||
|
||||
if (!(this.conf.id instanceof Array)) this.conf.id = [this.conf.id];
|
||||
|
||||
if (!this.conf.mode) this.mode = "right"; // default mode for form
|
||||
this.skinParent = this.conf.form.skin;
|
||||
|
||||
if (typeof(dhtmlXForm.prototype._getItemDim) == "undefined") {
|
||||
|
||||
dhtmlXForm.prototype._getItemDim = function(name, value) {
|
||||
return this.doWithItem(name, "_getDim");
|
||||
};
|
||||
|
||||
// file - ??
|
||||
for (var a in {input: 1, password: 1, select: 1, multiselect: 1, checkbox: 1, radio: 1, button: 1, combo: 1, btn2state: 1, calendar: 1, colorpicker: 1, editor: 1}) {
|
||||
|
||||
if (dhtmlXForm.prototype.items[a] != null) {
|
||||
|
||||
dhtmlXForm.prototype.items[a]._getDim = function(item) {
|
||||
|
||||
var t = item;
|
||||
//console.log(item._type)
|
||||
|
||||
if ({"ta":true,"pw":true,"se":true,"calendar":true,"colorpicker":1,"editor":true}[item._type]) {
|
||||
t = item.childNodes[item._ll?1:0].childNodes[0];
|
||||
}
|
||||
if ({"ch":true,"ra":true,"btn2state":true}[item._type]) {
|
||||
t = item.childNodes[item._ll?1:0].childNodes[1];
|
||||
}
|
||||
if ({"bt":true}[item._type]){
|
||||
t = item.firstChild;
|
||||
}
|
||||
if ({"combo":true}[item._type]){
|
||||
t = item._combo.DOMParent.firstChild;
|
||||
}
|
||||
|
||||
|
||||
var p = {
|
||||
left: window.dhx4.absLeft(t),
|
||||
top: window.dhx4.absTop(t),
|
||||
width: t.offsetWidth,
|
||||
height: t.offsetHeight
|
||||
};
|
||||
t = null;
|
||||
return p;
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// auto-init, slider mode
|
||||
if (typeof(window.dhtmlXSlider) != "undefined" && this.conf.slider != null && this.conf.slider instanceof window.dhtmlXSlider) {
|
||||
|
||||
if (!this.conf.mode) this.mode = "top"; // default mode for slider
|
||||
|
||||
this.conf.slider_tm = null;
|
||||
|
||||
this._sliderShow = function() {
|
||||
if (that.conf.slider_tm) window.clearTimeout(that.conf.slider_tm);
|
||||
var t = that.conf.slider._nodes.runner;
|
||||
var p = {
|
||||
left: window.dhx4.absLeft(t),
|
||||
top: window.dhx4.absTop(t),
|
||||
width: t.offsetWidth,
|
||||
height: t.offsetHeight
|
||||
};
|
||||
that.show(p.left, p.top, p.width, p.height);
|
||||
}
|
||||
|
||||
this._sliderHide = function() {
|
||||
that.conf.slider_tm = window.setTimeout(function(){
|
||||
that.hide();
|
||||
}, 200);
|
||||
//that.hide();
|
||||
}
|
||||
|
||||
this.conf.slider_events = [
|
||||
this.conf.slider.attachEvent("_onRunnerMouseDown", this._sliderShow),
|
||||
this.conf.slider.attachEvent("_onRunnerMouseUp", this._sliderHide),
|
||||
this.conf.slider.attachEvent("onChange", this._sliderShow)
|
||||
];
|
||||
|
||||
}
|
||||
|
||||
|
||||
// define skin
|
||||
this.setSkin(this.skinParent||this.conf.skin||window.dhx4.skin||(typeof(dhtmlx)!="undefined"?dhtmlx.skin:null)||window.dhx4.skinDetect("dhx_popup")||"dhx_skyblue");
|
||||
|
||||
return this;
|
||||
|
||||
};
|
||||
|
||||
// object
|
||||
dhtmlXPopup.prototype.attachObject = function(obj) {
|
||||
return this._attachNode("object", {obj: obj});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_object = function(data) {
|
||||
this._nodeObj = (typeof(data.obj)=="string"?document.getElementById(data.obj):data.obj);
|
||||
data.obj = null;
|
||||
document.getElementById(this._nodeId).appendChild(this._nodeObj);
|
||||
this._nodeObj.style.display = "";
|
||||
this._nodeObj.style.visibility = "visible";
|
||||
};
|
||||
|
||||
// html
|
||||
dhtmlXPopup.prototype.attachHTML = function(html) {
|
||||
return this._attachNode("html", {html: html});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_html = function(data) {
|
||||
document.getElementById(this._nodeId).innerHTML = data.html;
|
||||
this._nodeObj = {text: data.html};
|
||||
};
|
||||
|
||||
// form
|
||||
dhtmlXPopup.prototype.attachForm = function(struct) {
|
||||
return this._attachNode("form", {struct: struct});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_form = function(data) {
|
||||
var that = this;
|
||||
this._nodeObj = new dhtmlXForm(this._nodeId, data.struct);
|
||||
this._nodeObj.setSkin(this.conf.skin);
|
||||
this._nodeObj.attachEvent("_onBeforeEditorAccess", function(){
|
||||
// prevent popup autohide, editor will trigger body/click
|
||||
that._clearClick = true;
|
||||
});
|
||||
};
|
||||
|
||||
// calendar
|
||||
dhtmlXPopup.prototype.attachCalendar = function() {
|
||||
return this._attachNode("calendar", {});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_calendar = function(data) {
|
||||
this._nodeObj = new dhtmlXCalendarObject(this._nodeId);
|
||||
this._nodeObj.setSkin(this.conf.skin);
|
||||
this._nodeObj.show();
|
||||
};
|
||||
|
||||
// grid
|
||||
dhtmlXPopup.prototype.attachGrid = function(width, height) {
|
||||
return this._attachNode("grid", {width: width||400, height: height||200});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_grid = function() {
|
||||
this._nodeObj = new dhtmlXGridObject(this._nodeId);
|
||||
this._nodeObj.setSkin(this.conf.skin);
|
||||
};
|
||||
|
||||
// tree
|
||||
dhtmlXPopup.prototype.attachTree = function(width, height, rootId) {
|
||||
return this._attachNode("tree", {width: width||400, height: height||200, rootId: rootId||0});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_tree = function(data) {
|
||||
this._nodeObj = new dhtmlXTreeObject(this._nodeId, "100%", "100%", (data.rootId))
|
||||
};
|
||||
|
||||
// layout
|
||||
dhtmlXPopup.prototype.attachLayout = function(width, height, pattern) {
|
||||
return this._attachNode("layout", {width: width||400, height: height||200, pattern: pattern||"3L"});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_layout = function(data) {
|
||||
this._nodeObj = new dhtmlXLayoutObject(this._nodeId, data.pattern, this.conf.skin)
|
||||
};
|
||||
|
||||
// accordion
|
||||
dhtmlXPopup.prototype.attachAccordion = function(width, height, conf) {
|
||||
return this._attachNode("accordion", {width: width||400, height: height||200, conf:conf||{}});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_accordion = function(conf) {
|
||||
conf.conf.parent = this._nodeId;
|
||||
conf.conf.skin = this.conf.skin;
|
||||
this._nodeObj = new dhtmlXAccordion(conf.conf);
|
||||
};
|
||||
|
||||
// tabbar
|
||||
dhtmlXPopup.prototype.attachTabbar = function(width, height, conf) {
|
||||
if (typeof(conf) == "string") {
|
||||
conf = {mode:conf}; // 3.6 compat
|
||||
} else if (typeof(conf) != "object" || conf == null) {
|
||||
conf = {};
|
||||
}
|
||||
return this._attachNode("tabbar", {width: width||400, height: height||200, conf:conf});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_tabbar = function(conf) {
|
||||
conf.conf.parent = this._nodeId;
|
||||
conf.conf.skin = this.conf.skin;
|
||||
this._nodeObj = new dhtmlXTabBar(conf.conf);
|
||||
};
|
||||
|
||||
// editor
|
||||
dhtmlXPopup.prototype.attachEditor = function(width, height, conf) {
|
||||
return this._attachNode("editor", {width: width||400, height: height||200, conf: conf||{}});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_editor = function(data) {
|
||||
document.getElementById(this._nodeId).className = "dhxeditor_"+this.conf.skin;
|
||||
data.conf.parent = this._nodeId;
|
||||
if (data.conf.skin == null) data.conf.skin = this.conf.skin;
|
||||
this._nodeObj = new dhtmlXEditor(data.conf);
|
||||
var evId = this.attachEvent("onShow", function(){
|
||||
if (this._nodeObj instanceof window.dhtmlXEditor) this._nodeObj.setSizes();
|
||||
});
|
||||
if (this._nodeObjEv == null) this._nodeObjEv = [];
|
||||
this._nodeObjEv.push(evId);
|
||||
};
|
||||
|
||||
// color picker
|
||||
dhtmlXPopup.prototype.attachColorPicker = function(conf) {
|
||||
if (typeof(conf) != "object" || conf == null) conf = {};
|
||||
return this._attachNode("colorpicker", {conf:conf});
|
||||
};
|
||||
dhtmlXPopup.prototype._attach_init_colorpicker = function(conf) {
|
||||
conf.conf.skin = this.conf.skin;
|
||||
conf.conf.parent = this._nodeId;
|
||||
this._nodeObj = new dhtmlXColorPicker(conf.conf);
|
||||
};
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 110 B |
Binary file not shown.
|
After Width: | Height: | Size: 114 B |
Binary file not shown.
|
After Width: | Height: | Size: 115 B |
Binary file not shown.
|
After Width: | Height: | Size: 109 B |
Binary file not shown.
|
After Width: | Height: | Size: 90 B |
Binary file not shown.
|
After Width: | Height: | Size: 93 B |
Binary file not shown.
|
After Width: | Height: | Size: 93 B |
Binary file not shown.
|
After Width: | Height: | Size: 89 B |
Binary file not shown.
|
After Width: | Height: | Size: 110 B |
Binary file not shown.
|
After Width: | Height: | Size: 114 B |
Binary file not shown.
|
After Width: | Height: | Size: 115 B |
Binary file not shown.
|
After Width: | Height: | Size: 109 B |
Binary file not shown.
|
After Width: | Height: | Size: 85 B |
Binary file not shown.
|
After Width: | Height: | Size: 90 B |
Binary file not shown.
|
After Width: | Height: | Size: 91 B |
Binary file not shown.
|
After Width: | Height: | Size: 85 B |
@ -0,0 +1,168 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 4.0.3
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
/* skin detected, extra file: skins/dhx_skyblue.less */
|
||||
|
||||
div.dhx_popup_dhx_skyblue {
|
||||
position: absolute;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area {
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
padding: 3px 0px;
|
||||
border: 1px solid #a4bed4;
|
||||
box-shadow: 0 0 3px #ccc;
|
||||
background-color: #e7f1ff;
|
||||
border-radius: 2px;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area td.dhx_popup_td {
|
||||
font-family: Tahoma;
|
||||
font-size: 11px;
|
||||
color: black;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
padding: 0px 8px;
|
||||
height: 24px;
|
||||
line-height: 23px;
|
||||
border-top: 1px solid #e7f1ff;
|
||||
border-bottom: 1px solid #e7f1ff;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area td.dhx_popup_td div.dhtmlxcalendar_dhx_skyblue {
|
||||
position: relative;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
|
||||
font-size: 1px;
|
||||
padding: 2px 0px;
|
||||
position: relative;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
|
||||
position: relative;
|
||||
font-size: 1px;
|
||||
line-height: 1px;
|
||||
height: 0px;
|
||||
width: 100%;
|
||||
border-top: 1px solid #a4bed5;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area td.dhx_popup_td:first-child {
|
||||
padding-left: 16px;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area td.dhx_popup_td:last-child {
|
||||
padding-right: 16px;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr:hover td.dhx_popup_td {
|
||||
background-color: #b5d8ff;
|
||||
border-top: 1px solid #8dcef4;
|
||||
border-bottom: 1px solid #8dcef4;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
|
||||
background: none;
|
||||
border-top: 1px solid #e7f1ff;
|
||||
border-bottom: 1px solid #e7f1ff;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
|
||||
padding-top: 8px !important;
|
||||
padding-bottom: 8px !important;
|
||||
height: auto;
|
||||
line-height: inherit;
|
||||
-webkit-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
-ms-user-select: text;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhxnode td.dhx_popup_td .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue {
|
||||
position: relative !important;
|
||||
background-image: none;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxtree_dhx_skyblue {
|
||||
background: none;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxeditor_dhx_skyblue {
|
||||
border: 1px solid #a4bed4;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_dhx_skyblue div.dhxcp_g_area {
|
||||
position: relative;
|
||||
background-color: #e7f1ff;
|
||||
border: 0px solid white;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_dhx_skyblue div.dhxcp_g_area div.dhxcp_sub_area {
|
||||
background: #e7f1ff;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area.dhx_popup_area_ie {
|
||||
box-shadow: 0 0 6px #ccc;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area.dhx_popup_area_ie tr.dhxnode td.dhx_popup_td {
|
||||
height: 1em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
|
||||
padding-left: 16px;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
|
||||
padding-right: 16px;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
|
||||
background-color: #b5d8ff;
|
||||
border-top: 1px solid #8dcef4;
|
||||
border-bottom: 1px solid #8dcef4;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_arrow {
|
||||
position: absolute;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_arrow.dhx_popup_arrow_bottom {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxpopup_skyblue/dhxpopup_arrow_bottom.gif");
|
||||
background-position: top center;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_arrow.dhx_popup_arrow_top {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxpopup_skyblue/dhxpopup_arrow_top.gif");
|
||||
background-position: bottom center;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_arrow.dhx_popup_arrow_right {
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
background-image: url("../imgs/dhxpopup_skyblue/dhxpopup_arrow_right.gif");
|
||||
background-position: center left;
|
||||
}
|
||||
div.dhx_popup_dhx_skyblue div.dhx_popup_arrow.dhx_popup_arrow_left {
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
background-image: url("../imgs/dhxpopup_skyblue/dhxpopup_arrow_left.gif");
|
||||
background-position: center right;
|
||||
}
|
||||
div.dhx_popup_skin_detect {
|
||||
position: absolute;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
left: -100px;
|
||||
top: 0px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -0,0 +1,143 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 4.0.3
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
/* skin detected, extra file: skins/dhx_terrace.less */
|
||||
|
||||
div.dhx_popup_skin_detect {
|
||||
position: absolute;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
left: -100px;
|
||||
top: 0px;
|
||||
width: 30px;
|
||||
height: 10px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace {
|
||||
position: absolute;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area {
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
padding: 5px 0px;
|
||||
border: 1px solid #cccccc;
|
||||
box-shadow: 0 0 5px rgba(127,127,127,0.35);
|
||||
border-radius: 3px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td {
|
||||
font-family: Arial;
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
line-height: normal;
|
||||
padding: 7px 10px 6px 10px;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td div.dhtmlxcalendar_dhx_terrace {
|
||||
position: relative;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
|
||||
-webkit-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_terrace {
|
||||
position: relative !important;
|
||||
box-shadow: none;
|
||||
background-image: none;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxeditor_dhx_terrace {
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_dhx_terrace div.dhxcp_g_area {
|
||||
position: relative;
|
||||
box-shadow: none;
|
||||
border: 0px solid white;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
|
||||
font-size: 1px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
position: relative;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
|
||||
position: relative;
|
||||
font-size: 1px;
|
||||
line-height: 1px;
|
||||
height: 0px;
|
||||
width: 100%;
|
||||
border-top: 1px solid #dcdcdc;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td:first-child {
|
||||
padding-left: 23px;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td:last-child {
|
||||
padding-right: 21px;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area tr:hover td.dhx_popup_td {
|
||||
background-color: #fff3a1;
|
||||
color: black;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
|
||||
background: none;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
|
||||
padding-left: 23px;
|
||||
padding-right: 21px;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
|
||||
padding-left: 23px;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
|
||||
padding-right: 21px;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
|
||||
background-color: #fff3a1;
|
||||
color: black;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_arrow {
|
||||
position: absolute;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_bottom {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxpopup_terrace/dhxpopup_arrow_bottom.gif");
|
||||
background-position: top center;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_top {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxpopup_terrace/dhxpopup_arrow_top.gif");
|
||||
background-position: bottom center;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_right {
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
background-image: url("../imgs/dhxpopup_terrace/dhxpopup_arrow_right.gif");
|
||||
background-position: center left;
|
||||
}
|
||||
div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_left {
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
background-image: url("../imgs/dhxpopup_terrace/dhxpopup_arrow_left.gif");
|
||||
background-position: center right;
|
||||
}
|
||||
@ -0,0 +1,146 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 4.0.3
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
/* skin detected, extra file: skins/dhx_web.less */
|
||||
|
||||
div.dhx_popup_skin_detect {
|
||||
position: absolute;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
left: -100px;
|
||||
top: 0px;
|
||||
width: 20px;
|
||||
height: 10px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhx_popup_dhx_web {
|
||||
position: absolute;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area {
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
padding: 3px 0px;
|
||||
border: 1px solid #ffffff;
|
||||
box-shadow: 0px 0px 6px rgba(0,0,0,0.35);
|
||||
*border: 1px solid #c6c6c6;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td {
|
||||
font-family: Tahoma;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
padding: 0px 10px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td div.dhtmlxcalendar_dhx_web {
|
||||
position: relative;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
|
||||
height: auto;
|
||||
line-height: inherit;
|
||||
-webkit-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
padding: 6px !important;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_web {
|
||||
position: relative !important;
|
||||
background-image: none;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxtree_dhx_web {
|
||||
background: none;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_dhx_web div.dhxcp_g_area {
|
||||
position: relative;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
|
||||
font-size: 1px;
|
||||
padding: 2px 0px;
|
||||
position: relative;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
|
||||
position: relative;
|
||||
font-size: 1px;
|
||||
line-height: 1px;
|
||||
height: 0px;
|
||||
width: 100%;
|
||||
border-top: 1px dotted #cecece;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td:first-child {
|
||||
padding-left: 14px;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td:last-child {
|
||||
padding-right: 14px;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area tr:hover td.dhx_popup_td {
|
||||
background-color: #85d3ff;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
|
||||
background: none;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie tr.dhxnode td.dhx_popup_td {
|
||||
height: 1em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
|
||||
padding-left: 14px;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
|
||||
padding-right: 14px;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
|
||||
background-color: #85d3ff;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_arrow {
|
||||
position: absolute;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_bottom {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxpopup_web/dhxpopup_arrow_bottom.gif");
|
||||
background-position: top center;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_top {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxpopup_web/dhxpopup_arrow_top.gif");
|
||||
background-position: bottom center;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_right {
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
background-image: url("../imgs/dhxpopup_web/dhxpopup_arrow_right.gif");
|
||||
background-position: center left;
|
||||
}
|
||||
div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_left {
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
background-image: url("../imgs/dhxpopup_web/dhxpopup_arrow_left.gif");
|
||||
background-position: center right;
|
||||
}
|
||||
@ -0,0 +1,175 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 5.2.0
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
/*
|
||||
skin detected: material
|
||||
include extra file: skins/material.less
|
||||
*/
|
||||
|
||||
@keyframes dhx_loader_rotate {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes dhx_loader_dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
50% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -35px;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -124px;
|
||||
}
|
||||
}
|
||||
div.dhx_popup_material {
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
position: absolute;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area {
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
padding: 5px 0px;
|
||||
border: 1px solid #dfdfdf;
|
||||
background-color: #fafafa;
|
||||
box-shadow: 0 0 10px rgba(127,127,127,0.2);
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td {
|
||||
text-align: left;
|
||||
line-height: normal;
|
||||
padding: 0px 10px 0px 10px;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
font-size: 14px;
|
||||
font-family: Roboto, Arial, Helvetica;
|
||||
color: #404040;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td * {
|
||||
white-space: normal;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
|
||||
-webkit-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-ms-user-select: text;
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material {
|
||||
position: relative;
|
||||
float: left;
|
||||
box-shadow: none;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont,
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont,
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont,
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont {
|
||||
border-color: #fafafa !important;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxeditor_material {
|
||||
border: 1px solid #dfdfdf;
|
||||
margin: 15px 0px;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_material div.dhxcp_g_area {
|
||||
position: relative;
|
||||
box-shadow: none !important;
|
||||
border-width: 0px !important;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxtabbar_base_material {
|
||||
z-index: 1;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
|
||||
font-size: 1px;
|
||||
padding: 5px 0px;
|
||||
position: relative;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
|
||||
position: relative;
|
||||
font-size: 1px;
|
||||
line-height: 1px;
|
||||
height: 0px;
|
||||
width: 100%;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td:first-child {
|
||||
padding-left: 23px;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td:last-child {
|
||||
padding-right: 21px;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr:hover td.dhx_popup_td {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
|
||||
background: none;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
|
||||
padding-left: 23px;
|
||||
padding-right: 21px;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
|
||||
padding-left: 23px;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
|
||||
padding-right: 21px;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_arrow {
|
||||
position: absolute;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_bottom {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxpopup_material/dhxpopup_arrow_bottom.gif");
|
||||
background-position: top center;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_top {
|
||||
width: 19px;
|
||||
height: 16px;
|
||||
background-image: url("../imgs/dhxpopup_material/dhxpopup_arrow_top.gif");
|
||||
background-position: bottom center;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_right {
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
background-image: url("../imgs/dhxpopup_material/dhxpopup_arrow_right.gif");
|
||||
background-position: center left;
|
||||
}
|
||||
div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_left {
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
background-image: url("../imgs/dhxpopup_material/dhxpopup_arrow_left.gif");
|
||||
background-position: center right;
|
||||
}
|
||||
div.dhx_popup_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0px solid white;
|
||||
width: 40px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
Reference in New Issue
Block a user