3.0 source code
This commit is contained in:
agolybev
285
OfficeWeb/sdk/Excel/view/PopUpSelector.js
Normal file
285
OfficeWeb/sdk/Excel/view/PopUpSelector.js
Normal file
@@ -0,0 +1,285 @@
|
||||
/*
|
||||
* (c) Copyright Ascensio System SIA 2010-2015
|
||||
*
|
||||
* This program is a free software product. You can redistribute it and/or
|
||||
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
||||
* version 3 as published by the Free Software Foundation. In accordance with
|
||||
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
||||
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
||||
* of any third-party rights.
|
||||
*
|
||||
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
||||
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
||||
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
||||
*
|
||||
* You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia,
|
||||
* EU, LV-1021.
|
||||
*
|
||||
* The interactive user interfaces in modified source and object code versions
|
||||
* of the Program must display Appropriate Legal Notices, as required under
|
||||
* Section 5 of the GNU AGPL version 3.
|
||||
*
|
||||
* Pursuant to Section 7(b) of the License you must retain the original Product
|
||||
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
||||
* grant you any rights under trademark law for use of our trademarks.
|
||||
*
|
||||
* All the Product's GUI elements, including illustrations and icon sets, as
|
||||
* well as technical writing content are licensed under the terms of the
|
||||
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
||||
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
*
|
||||
*/
|
||||
"use strict";
|
||||
(function ($, window, undefined) {
|
||||
var asc = window["Asc"];
|
||||
var asc_HL = asc.HandlersList;
|
||||
function PopUpSelector(element, handlers) {
|
||||
this.handlers = new asc_HL(handlers);
|
||||
this.scrollOptions = {
|
||||
wheelPropagation: false,
|
||||
minScrollbarLength: null,
|
||||
useBothWheelAxes: false,
|
||||
useKeyboard: true,
|
||||
suppressScrollX: false,
|
||||
suppressScrollY: false,
|
||||
scrollXMarginOffset: 5,
|
||||
scrollYMarginOffset: 5,
|
||||
includePadding: false
|
||||
};
|
||||
this.element = element;
|
||||
this.selector = null;
|
||||
this.selectorStyle = null;
|
||||
this.selectorList = null;
|
||||
this.selectorListEl = [];
|
||||
this.selectorListJQ = null;
|
||||
this.selectElement = null;
|
||||
this.firstElement = null;
|
||||
this.isFormula = false;
|
||||
this.isVisible = false;
|
||||
this.skipClose = false;
|
||||
this.fMouseDown = null;
|
||||
this.fMouseDblClick = null;
|
||||
this.fMouseOver = null;
|
||||
this._init();
|
||||
return this;
|
||||
}
|
||||
PopUpSelector.prototype._init = function () {
|
||||
var t = this;
|
||||
if (null != this.element) {
|
||||
this.selector = document.createElement("div");
|
||||
this.selectorStyle = this.selector.style;
|
||||
this.selector.id = "apiPopUpSelector";
|
||||
this.selector.className = "combobox";
|
||||
this.selector.innerHTML = '<ul id="apiPopUpList" class="dropdown-menu"></ul>';
|
||||
this.element.appendChild(this.selector);
|
||||
this.selectorList = document.getElementById("apiPopUpList");
|
||||
this.fMouseDown = function (event) {
|
||||
t._onMouseDown(event);
|
||||
};
|
||||
this.fMouseDblClick = function (event) {
|
||||
t._onMouseDblClick(event);
|
||||
};
|
||||
this.fMouseOver = function (event) {
|
||||
t._onMouseOver(event);
|
||||
};
|
||||
if (this.selector.addEventListener) {
|
||||
this.selector.addEventListener("mousedown", function () {
|
||||
t.skipClose = true;
|
||||
},
|
||||
false);
|
||||
}
|
||||
if (window.addEventListener) {
|
||||
window.addEventListener("mousedown", function () {
|
||||
if (t.skipClose) {
|
||||
t.skipClose = false;
|
||||
return;
|
||||
}
|
||||
t.hide();
|
||||
},
|
||||
false);
|
||||
}
|
||||
this.selectorListJQ = $("#apiPopUpList");
|
||||
if (this.selectorListJQ.perfectScrollbar) {
|
||||
this.selectorListJQ.perfectScrollbar(this.scrollOptions);
|
||||
}
|
||||
this.setAlwaysVisibleY(true);
|
||||
}
|
||||
};
|
||||
PopUpSelector.prototype.show = function (isFormula, arrItems, cellRect) {
|
||||
this._clearList();
|
||||
if (!this.isVisible) {
|
||||
this.selector.className = "combobox open";
|
||||
this.isVisible = true;
|
||||
}
|
||||
this.isFormula = isFormula;
|
||||
var item, isFirst, value, selectElement = null;
|
||||
for (var i = 0; i < arrItems.length; ++i) {
|
||||
item = document.createElement("li");
|
||||
isFirst = (0 === i);
|
||||
if (isFirst) {
|
||||
this.firstElement = item;
|
||||
}
|
||||
if (this.isFormula) {
|
||||
if (isFirst) {
|
||||
selectElement = item;
|
||||
}
|
||||
value = arrItems[i].name;
|
||||
item.setAttribute("title", arrItems[i].arg);
|
||||
} else {
|
||||
value = arrItems[i];
|
||||
}
|
||||
item.innerHTML = "<a>" + value + "</a>";
|
||||
item.setAttribute("val", value);
|
||||
if (item.addEventListener) {
|
||||
item.addEventListener("mousedown", this.fMouseDown, false);
|
||||
item.addEventListener("dblclick", this.fMouseDblClick, false);
|
||||
if (!this.isFormula) {
|
||||
item.addEventListener("mouseover", this.fMouseOver, false);
|
||||
}
|
||||
}
|
||||
this.selectorList.appendChild(item);
|
||||
this.selectorListEl.push(item);
|
||||
}
|
||||
this.setPosition(cellRect);
|
||||
this.selectorListJQ.perfectScrollbar("update");
|
||||
this._onChangeSelection(selectElement);
|
||||
};
|
||||
PopUpSelector.prototype.hide = function () {
|
||||
if (this.isVisible) {
|
||||
this.selectorListJQ.scrollTop(0);
|
||||
this.selector.className = "combobox";
|
||||
this.isVisible = false;
|
||||
this._clearList();
|
||||
}
|
||||
};
|
||||
PopUpSelector.prototype.setPosition = function (cellRect) {
|
||||
var top = cellRect.asc_getY() + cellRect.asc_getHeight(),
|
||||
left = cellRect.asc_getX();
|
||||
var diff = top + this.selectorList.offsetHeight - this.element.offsetHeight;
|
||||
if (0 < diff) {
|
||||
top -= diff;
|
||||
left += cellRect.asc_getWidth();
|
||||
} else {
|
||||
left += 10;
|
||||
}
|
||||
this.selectorStyle["left"] = left + "px";
|
||||
this.selectorStyle["top"] = top + "px";
|
||||
};
|
||||
PopUpSelector.prototype.getVisible = function () {
|
||||
return this.isVisible;
|
||||
};
|
||||
PopUpSelector.prototype._clearList = function () {
|
||||
var i;
|
||||
for (i = 0; i < this.selectorListEl.length; ++i) {
|
||||
this.selectorList.removeChild(this.selectorListEl[i]);
|
||||
}
|
||||
this.selectorListEl.length = 0;
|
||||
this.selectElement = null;
|
||||
this.firstElement = null;
|
||||
this.isFormula = false;
|
||||
};
|
||||
PopUpSelector.prototype.onKeyDown = function (event) {
|
||||
var retVal = false;
|
||||
switch (event.which) {
|
||||
case 9:
|
||||
if (this.isFormula) {
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
this._onMouseDblClick();
|
||||
} else {
|
||||
retVal = true;
|
||||
}
|
||||
break;
|
||||
case 13:
|
||||
if (null !== this.selectElement) {
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
if (this.isFormula) {
|
||||
this._onMouseDblClick();
|
||||
} else {
|
||||
this._onInsert(this.selectElement.getAttribute("val"));
|
||||
}
|
||||
} else {
|
||||
retVal = true;
|
||||
}
|
||||
break;
|
||||
case 27:
|
||||
this.hide();
|
||||
break;
|
||||
case 38:
|
||||
this._onChangeSelection(null !== this.selectElement ? this.selectElement.previousSibling : this.firstElement);
|
||||
break;
|
||||
case 40:
|
||||
this._onChangeSelection(null !== this.selectElement ? this.selectElement.nextSibling : this.firstElement);
|
||||
break;
|
||||
case 16:
|
||||
break;
|
||||
default:
|
||||
retVal = true;
|
||||
}
|
||||
if (retVal) {
|
||||
this.hide();
|
||||
}
|
||||
return retVal;
|
||||
};
|
||||
PopUpSelector.prototype._onInsert = function (value) {
|
||||
this.hide();
|
||||
this.handlers.trigger("insert", value);
|
||||
};
|
||||
PopUpSelector.prototype._onMouseDown = function (event) {
|
||||
this.skipClose = true;
|
||||
var element = event.currentTarget;
|
||||
if (this.isFormula) {
|
||||
this._onChangeSelection(element);
|
||||
} else {
|
||||
this._onInsert(element.getAttribute("val"));
|
||||
}
|
||||
};
|
||||
PopUpSelector.prototype._onMouseDblClick = function (event) {
|
||||
if (!this.isVisible) {
|
||||
return;
|
||||
}
|
||||
if (!this.isFormula) {
|
||||
this._onMouseDown(event);
|
||||
return;
|
||||
}
|
||||
var elementVal = (event ? event.currentTarget : this.selectElement).getAttribute("val");
|
||||
this._onInsert(elementVal);
|
||||
};
|
||||
PopUpSelector.prototype._onMouseOver = function (event) {
|
||||
if (this.isFormula) {
|
||||
return;
|
||||
}
|
||||
this._onChangeSelection(event.currentTarget);
|
||||
};
|
||||
PopUpSelector.prototype._onChangeSelection = function (newElement) {
|
||||
if (null === newElement || null === newElement.getAttribute("val")) {
|
||||
return;
|
||||
}
|
||||
if (null !== this.selectElement) {
|
||||
this.selectElement.className = "";
|
||||
}
|
||||
this.selectElement = newElement;
|
||||
this.selectElement.className = "selected";
|
||||
this.scrollToRecord();
|
||||
};
|
||||
PopUpSelector.prototype.scrollToRecord = function () {
|
||||
var innerEl = $(this.selectorList);
|
||||
var inner_top = innerEl.offset().top;
|
||||
var div = $(this.selectElement);
|
||||
var div_top = div.offset().top;
|
||||
if (div_top < inner_top || div_top + div.height() > inner_top + innerEl.height()) {
|
||||
this.selectorListJQ.scrollTop(this.selectorListJQ.scrollTop() + div_top - inner_top);
|
||||
}
|
||||
};
|
||||
PopUpSelector.prototype.setAlwaysVisibleY = function (flag) {
|
||||
if (flag) {
|
||||
$(this.selectorList).find(".ps-scrollbar-y-rail").addClass("always-visible-y");
|
||||
$(this.selectorList).find(".ps-scrollbar-y").addClass("always-visible-y");
|
||||
} else {
|
||||
$(this.selectorList).find(".ps-scrollbar-y-rail").removeClass("always-visible-y");
|
||||
$(this.selectorList).find(".ps-scrollbar-y").removeClass("always-visible-y");
|
||||
}
|
||||
};
|
||||
window["Asc"].PopUpSelector = PopUpSelector;
|
||||
})(jQuery, window);
|
||||
Reference in New Issue
Block a user