diff --git a/apps/documenteditor/main/app/template/TableSettings.template b/apps/documenteditor/main/app/template/TableSettings.template index 19e649186..c840cf208 100644 --- a/apps/documenteditor/main/app/template/TableSettings.template +++ b/apps/documenteditor/main/app/template/TableSettings.template @@ -137,6 +137,16 @@
+ + + + + + + +
+ +
diff --git a/apps/documenteditor/main/app/view/TableFormulaDialog.js b/apps/documenteditor/main/app/view/TableFormulaDialog.js new file mode 100644 index 000000000..d1d9e06db --- /dev/null +++ b/apps/documenteditor/main/app/view/TableFormulaDialog.js @@ -0,0 +1,227 @@ +/* + * + * (c) Copyright Ascensio System SIA 2010-2019 + * + * 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 20A-12 Ernesta Birznieka-Upisha + * street, Riga, Latvia, EU, LV-1050. + * + * 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 + * + */ +/** + * TableFormulaDialog.js + * + * Created by Julia Radzhabova on 1/21/19 + * Copyright (c) 2019 Ascensio System SIA. All rights reserved. + * + */ + +define([ + 'common/main/lib/component/InputField', + 'common/main/lib/component/Window' +], function () { 'use strict'; + + DE.Views.TableFormulaDialog = Common.UI.Window.extend(_.extend({ + options: { + width: 300, + style: 'min-width: 230px;', + cls: 'modal-dlg' + }, + + initialize : function(options) { + _.extend(this.options, { + title: this.textTitle + }, options || {}); + + this.template = [ + '
', + '
', + '', + '
', + '
', + '
', + '', + '
', + '
', + '
', + '
', + '
', + '
', + '
', + '' + ].join(''); + + this.options.tpl = _.template(this.template)(this.options); + this.bookmarks = this.options.bookmarks; + + Common.UI.Window.prototype.initialize.call(this, this.options); + }, + + render: function() { + Common.UI.Window.prototype.render.call(this); + + var me = this, + $window = this.getChild(); + + this.inputFormula = new Common.UI.InputField({ + el : $('#id-dlg-formula-formula'), + allowBlank : true, + validateOnChange: true, + style : 'width: 100%;' + }).on('changing', _.bind(this.checkFormulaInput, this)); + + this.cmbFormat = new Common.UI.ComboBox({ + el : $('#id-dlg-formula-format'), + cls : 'input-group-nr', + menuStyle : 'min-width: 100%; max-heigh: 200px;' + }); + + this.cmbFunction = new Common.UI.ComboBox({ + el : $('#id-dlg-formula-function'), + cls : 'input-group-nr', + menuStyle : 'min-width: 100%; max-heigh: 100px;', + editable : false, + data: [ + {displayValue: 'ABS', value: 1}, + {displayValue: 'AND', value: 1}, + {displayValue: 'AVERAGE', value: 1}, + {displayValue: 'SUM', value: 0} + ] + }); + this.cmbFunction.on('selected', _.bind(function(combo, record) { + combo.setValue(this.textInsertFunction); + var _input = me.inputFormula._input, + end = _input[0].selectionEnd; + _input.val(_input.val().substring(0, end) + record.displayValue + '()' + _input.val().substring(end)); + _input.focus(); + _input[0].selectionStart = _input[0].selectionEnd = end + record.displayValue.length+1; + this.btnOk.setDisabled(false); + }, this)); + this.cmbFunction.setValue(this.textInsertFunction); + + this.cmbBookmark = new Common.UI.ComboBox({ + el : $('#id-dlg-formula-bookmark'), + cls : 'input-group-nr', + menuStyle : 'min-width: 100%; max-heigh: 100px;', + editable : false + }); + this.cmbBookmark.on('selected', _.bind(function(combo, record) { + combo.setValue(this.textBookmark); + var _input = me.inputFormula._input, + end = _input[0].selectionEnd; + _input.val(_input.val().substring(0, end) + record.displayValue + _input.val().substring(end)); + _input.focus(); + _input[0].selectionStart = _input[0].selectionEnd = end + record.displayValue.length; + this.btnOk.setDisabled(false); + }, this)); + this.cmbBookmark.setValue(this.textBookmark); + + me.btnOk = new Common.UI.Button({ + el: $window.find('.primary') + }); + + $window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this)); + this.afterRender(); + }, + + onSelectItem: function(picker, item, record, e){ + this.btnOk.setDisabled(record.get('level')==0 && record.get('index')>0); + }, + + show: function() { + Common.UI.Window.prototype.show.apply(this, arguments); + + var me = this; + _.delay(function(){ + me.inputFormula.cmpEl.find('input').focus(); + },500); + }, + + afterRender: function() { + this.refreshBookmarks(); + this._setDefaults(this.props); + }, + + _setDefaults: function (props) { + if (props) { + + } + this.checkFormulaInput(this.inputFormula, this.inputFormula.getValue()); + }, + + refreshBookmarks: function() { + var arr = []; + if (this.bookmarks) { + var count = this.bookmarks.asc_GetCount(); + for (var i=0; i