334 lines
16 KiB
JavaScript
334 lines
16 KiB
JavaScript
/*
|
|
* (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
|
|
*
|
|
*/
|
|
define(["common/main/lib/component/Window", "spreadsheeteditor/main/app/collection/FormulaGroups"], function () {
|
|
SSE.Views = SSE.Views || {};
|
|
SSE.Views.FormulaDialog = Common.UI.Window.extend(_.extend({
|
|
applyFunction: undefined,
|
|
initialize: function (options) {
|
|
var t = this,
|
|
_options = {};
|
|
_.extend(_options, {
|
|
width: 300,
|
|
height: 490,
|
|
contentWidth: 390,
|
|
header: true,
|
|
cls: "formula-dlg",
|
|
contentTemplate: "",
|
|
title: t.txtTitle,
|
|
items: []
|
|
},
|
|
options);
|
|
this.template = options.template || ['<div class="box" style="height:' + (_options.height - 85) + 'px;">', '<div class="content-panel" >', '<label class="header">' + t.textGroupDescription + "</label>", '<div id="formula-dlg-combo-group" class="input-group-nr" style="margin-top: 10px"/>', '<label class="header" style="margin-top:10px">' + t.textListDescription + "</label>", '<div id="formula-dlg-combo-functions" class="combo-functions"/>', '<label id="formula-dlg-args" style="margin-top: 10px">' + "</label>", "</div>", "</div>", '<div class="separator horizontal"/>', '<div class="footer center">', '<button class="btn normal dlg-btn primary" result="ok" style="margin-right: 10px;">' + t.okButtonText + "</button>", '<button class="btn normal dlg-btn" result="cancel">' + t.cancelButtonText + "</button>", "</div>"].join("");
|
|
this.api = options.api;
|
|
this.formulasGroups = options.formulasGroups;
|
|
this.handler = options.handler;
|
|
_options.tpl = _.template(this.template, _options);
|
|
Common.UI.Window.prototype.initialize.call(this, _options);
|
|
},
|
|
render: function () {
|
|
Common.UI.Window.prototype.render.call(this);
|
|
this.$window.find(".dlg-btn").on("click", _.bind(this.onBtnClick, this));
|
|
this.syntaxLabel = $("#formula-dlg-args");
|
|
this.fillFormulasGroups();
|
|
this.fillFunctions("All");
|
|
},
|
|
show: function () {
|
|
if (this.$window) {
|
|
var main_width, main_height, top, left, win_height = this.initConfig.height;
|
|
if (window.innerHeight === undefined) {
|
|
main_width = document.documentElement.offsetWidth;
|
|
main_height = document.documentElement.offsetHeight;
|
|
} else {
|
|
main_width = window.innerWidth;
|
|
main_height = window.innerHeight;
|
|
}
|
|
top = ((parseInt(main_height, 10) - parseInt(win_height, 10)) / 2) * 0.9;
|
|
left = (parseInt(main_width, 10) - parseInt(this.initConfig.width, 10)) / 2;
|
|
this.$window.css("left", Math.floor(left));
|
|
this.$window.css("top", Math.floor(top));
|
|
}
|
|
Common.UI.Window.prototype.show.call(this);
|
|
this.mask = $(".modals-mask");
|
|
this.mask.on("mousedown", _.bind(this.onUpdateFocus, this));
|
|
this.$window.on("mousedown", _.bind(this.onUpdateFocus, this));
|
|
if (this.cmbListFunctions) {
|
|
_.delay(function (me) {
|
|
me.cmbListFunctions.$el.find(".listview").focus();
|
|
},
|
|
100, this);
|
|
}
|
|
},
|
|
hide: function () {
|
|
this.mask.off("mousedown", _.bind(this.onUpdateFocus, this));
|
|
this.$window.off("mousedown", _.bind(this.onUpdateFocus, this));
|
|
Common.UI.Window.prototype.hide.call(this);
|
|
},
|
|
onBtnClick: function (event) {
|
|
if ("ok" === event.currentTarget.attributes["result"].value) {
|
|
if (this.handler) {
|
|
this.handler.call(this, this.applyFunction);
|
|
}
|
|
}
|
|
this.hide();
|
|
},
|
|
onDblClickFunction: function () {
|
|
if (this.handler) {
|
|
this.handler.call(this, this.applyFunction);
|
|
}
|
|
this.hide();
|
|
},
|
|
onSelectGroup: function (combo, record) {
|
|
if (!_.isUndefined(record) && !_.isUndefined(record.value)) {
|
|
if (record.value < this.formulasGroups.length) {
|
|
this.fillFunctions(this.formulasGroups.at(record.value).get("name"));
|
|
}
|
|
}
|
|
this.onUpdateFocus();
|
|
},
|
|
onSelectFunction: function (listView, itemView, record) {
|
|
var funcId, functions, func;
|
|
if (this.formulasGroups) {
|
|
funcId = record.get("id");
|
|
if (!_.isUndefined(funcId)) {
|
|
functions = this.formulasGroups.at(0).get("functions");
|
|
if (functions) {
|
|
func = _.find(functions, function (f) {
|
|
if (f.get("index") === funcId) {
|
|
return f;
|
|
}
|
|
return null;
|
|
});
|
|
if (func) {
|
|
this.applyFunction = func.get("name");
|
|
this.syntaxLabel.text(this.syntaxText + ": " + this.applyFunction + func.get("args"));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
onPrimary: function (list, record, event) {
|
|
if (this.handler) {
|
|
this.handler.call(this, this.applyFunction);
|
|
}
|
|
this.hide();
|
|
},
|
|
onUpdateFocus: function () {
|
|
_.delay(function (me) {
|
|
me.cmbListFunctions.$el.find(".listview").focus();
|
|
},
|
|
100, this);
|
|
},
|
|
fillFormulasGroups: function () {
|
|
if (this.formulasGroups) {
|
|
var descriptions = {
|
|
"All": this.sCategoryAll,
|
|
"Cube": this.sCategoryCube,
|
|
"Database": this.sCategoryDatabase,
|
|
"DateAndTime": this.sCategoryDateTime,
|
|
"Engineering": this.sCategoryEngineering,
|
|
"Financial": this.sCategoryFinancial,
|
|
"Information": this.sCategoryInformation,
|
|
"Logical": this.sCategoryLogical,
|
|
"LookupAndReference": this.sCategoryLookupAndReference,
|
|
"Mathematic": this.sCategoryMathematics,
|
|
"Statistical": this.sCategoryStatistical,
|
|
"TextAndData": this.sCategoryTextData
|
|
};
|
|
var i, groupsListItems = [],
|
|
length = this.formulasGroups.length;
|
|
for (i = 0; i < length; ++i) {
|
|
if (this.formulasGroups.at(i).get("functions").length) {
|
|
groupsListItems.push({
|
|
value: this.formulasGroups.at(i).get("index"),
|
|
displayValue: descriptions[this.formulasGroups.at(i).get("name")]
|
|
});
|
|
}
|
|
}
|
|
if (!this.cmbFuncGroup) {
|
|
this.cmbFuncGroup = new Common.UI.ComboBox({
|
|
el: $("#formula-dlg-combo-group"),
|
|
menuStyle: "min-width: 268px;",
|
|
cls: "input-group-nr",
|
|
data: groupsListItems,
|
|
editable: false
|
|
});
|
|
this.cmbFuncGroup.setValue(0);
|
|
this.cmbFuncGroup.on("selected", _.bind(this.onSelectGroup, this));
|
|
} else {
|
|
this.cmbFuncGroup.setData(groupsListItems);
|
|
}
|
|
}
|
|
},
|
|
fillFunctions: function (name) {
|
|
if (this.formulasGroups) {
|
|
if (!this.cmbListFunctions && !this.functions) {
|
|
this.functions = new Common.UI.DataViewStore();
|
|
this.cmbListFunctions = new Common.UI.ListView({
|
|
el: $("#formula-dlg-combo-functions"),
|
|
store: this.functions,
|
|
itemTemplate: _.template('<div id="<%= id %>" class="list-item" style="pointer-events:none;"><%= value %></div>')
|
|
});
|
|
this.cmbListFunctions.on("item:select", _.bind(this.onSelectFunction, this));
|
|
this.cmbListFunctions.on("item:dblclick", _.bind(this.onDblClickFunction, this));
|
|
this.cmbListFunctions.on("entervalue", _.bind(this.onPrimary, this));
|
|
this.cmbListFunctions.onKeyDown = _.bind(this.onKeyDown, this.cmbListFunctions);
|
|
this.cmbListFunctions.$el.find(".listview").focus();
|
|
this.cmbListFunctions.scrollToRecord = _.bind(this.onScrollToRecordCustom, this.cmbListFunctions);
|
|
}
|
|
if (this.functions) {
|
|
this.functions.reset();
|
|
var i = 0,
|
|
length = 0,
|
|
functions = null,
|
|
group = this.formulasGroups.findWhere({
|
|
name: name
|
|
});
|
|
if (group) {
|
|
functions = group.get("functions");
|
|
if (functions && functions.length) {
|
|
length = functions.length;
|
|
for (i = 0; i < length; ++i) {
|
|
this.functions.push(new Common.UI.DataViewModel({
|
|
id: functions[i].get("index"),
|
|
selected: i < 1,
|
|
allowSelected: true,
|
|
value: functions[i].get("name")
|
|
}));
|
|
}
|
|
this.applyFunction = functions[0].get("name");
|
|
this.syntaxLabel.text(this.syntaxText + ": " + this.applyFunction + functions[0].get("args"));
|
|
this.cmbListFunctions.scroller.update({
|
|
minScrollbarLength: 40,
|
|
alwaysVisibleY: true
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
onKeyDown: function (e, event) {
|
|
var i = 0,
|
|
record = null,
|
|
me = this,
|
|
charVal = "",
|
|
value = "",
|
|
firstRecord = null,
|
|
recSelect = false,
|
|
innerEl = null,
|
|
isEqualSelectRecord = false,
|
|
selectRecord = null,
|
|
needNextRecord = false;
|
|
if (this.disabled) {
|
|
return;
|
|
}
|
|
if (_.isUndefined(undefined)) {
|
|
event = e;
|
|
}
|
|
function selectItem(item) {
|
|
me.selectRecord(item);
|
|
me.scrollToRecord(item);
|
|
innerEl = $(me.el).find(".inner");
|
|
me.scroller.scrollTop(innerEl.scrollTop(), 0);
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
charVal = String.fromCharCode(e.keyCode);
|
|
if (e.keyCode > 64 && e.keyCode < 91 && charVal && charVal.length) {
|
|
selectRecord = this.store.findWhere({
|
|
selected: true
|
|
});
|
|
if (selectRecord) {
|
|
value = selectRecord.get("value");
|
|
isEqualSelectRecord = (value && value.length && value[0] === charVal);
|
|
}
|
|
for (i = 0; i < this.store.length; ++i) {
|
|
record = this.store.at(i);
|
|
value = record.get("value");
|
|
if (value[0] === charVal) {
|
|
if (null === firstRecord) {
|
|
firstRecord = record;
|
|
}
|
|
if (isEqualSelectRecord) {
|
|
if (selectRecord === record) {
|
|
isEqualSelectRecord = false;
|
|
}
|
|
continue;
|
|
}
|
|
if (record.get("selected")) {
|
|
continue;
|
|
}
|
|
selectItem(record);
|
|
return;
|
|
}
|
|
}
|
|
if (firstRecord) {
|
|
selectItem(firstRecord);
|
|
return;
|
|
}
|
|
}
|
|
Common.UI.DataView.prototype.onKeyDown.call(this, e, event);
|
|
},
|
|
onScrollToRecordCustom: function (record) {
|
|
var innerEl = $(this.el).find(".inner");
|
|
var inner_top = innerEl.offset().top;
|
|
var div = innerEl.find("#" + record.get("id")).parent();
|
|
var div_top = div.offset().top;
|
|
if (div_top < inner_top || div_top + div.height() > inner_top + innerEl.height()) {
|
|
if (this.scroller) {
|
|
this.scroller.scrollTop(innerEl.scrollTop() + div_top - inner_top, 0);
|
|
} else {
|
|
innerEl.scrollTop(innerEl.scrollTop() + div_top - inner_top);
|
|
}
|
|
}
|
|
},
|
|
cancelButtonText: "Cancel",
|
|
okButtonText: "Ok",
|
|
sCategoryAll: "All",
|
|
sCategoryLogical: "Logical",
|
|
sCategoryCube: "Cube",
|
|
sCategoryDatabase: "Database",
|
|
sCategoryDateTime: "Date and time",
|
|
sCategoryEngineering: "Engineering",
|
|
sCategoryFinancial: "Financial",
|
|
sCategoryInformation: "Information",
|
|
sCategoryLookupAndReference: "LookupAndReference",
|
|
sCategoryMathematics: "Math and trigonometry",
|
|
sCategoryStatistical: "Statistical",
|
|
sCategoryTextData: "Text and data",
|
|
textGroupDescription: "Select Function Group",
|
|
textListDescription: "Select Function",
|
|
sDescription: "Description",
|
|
txtTitle: "Insert Function",
|
|
syntaxText: "Syntax"
|
|
},
|
|
SSE.Views.FormulaDialog || {}));
|
|
}); |