web-apps/apps/spreadsheeteditor/main/app/view/Toolbar.js

2398 lines
123 KiB
JavaScript
Raw Normal View History

2016-04-01 13:17:09 +00:00
/*
*
* (c) Copyright Ascensio System SIA 2010-2019
2016-04-01 13:17:09 +00:00
*
* 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.
2016-04-01 13:17:09 +00:00
*
* 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
*
*/
2016-03-11 00:48:53 +00:00
/**
* Toolbar.js
*
* Created by Alexander Yuzhin on 3/31/14
2018-03-01 12:16:38 +00:00
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
2016-03-11 00:48:53 +00:00
*
*/
define([
'backbone',
'text!spreadsheeteditor/main/app/template/Toolbar.template',
2017-04-27 15:40:27 +00:00
'text!spreadsheeteditor/main/app/template/ToolbarAnother.template',
'text!spreadsheeteditor/main/app/template/ToolbarView.template',
2016-03-11 00:48:53 +00:00
'common/main/lib/collection/Fonts',
'common/main/lib/component/Button',
'common/main/lib/component/ComboBox',
'common/main/lib/component/DataView',
'common/main/lib/component/ColorPalette',
'common/main/lib/component/ThemeColorPalette',
'common/main/lib/component/Menu',
'common/main/lib/component/DimensionPicker',
'common/main/lib/component/Window',
'common/main/lib/component/ComboBoxFonts',
'common/main/lib/component/ComboDataView'
,'common/main/lib/component/SynchronizeTip'
2017-04-27 15:40:27 +00:00
,'common/main/lib/component/Mixtbar'
], function (Backbone, template, simple, template_view) { 'use strict';
2016-03-11 00:48:53 +00:00
SSE.enumLock = {
editCell: 'cell-editing',
editFormula: 'is-formula',
editText: 'is-text',
editPivot: 'is-pivot',
2016-03-11 00:48:53 +00:00
selImage: 'sel-image',
selShape: 'sel-shape',
selShapeText: 'sel-shape-txt',
selChart: 'sel-chart',
selChartText: 'sel-chart-txt',
selRange: 'sel-range',
2018-06-28 09:27:11 +00:00
selRangeEdit: 'sel-range-edit',
2016-03-11 00:48:53 +00:00
lostConnect: 'disconnect',
coAuth: 'co-auth',
coAuthText: 'co-auth-text',
2016-03-11 00:48:53 +00:00
ruleMerge: 'rule-btn-merge',
ruleFilter: 'rule-filter',
ruleDelFilter: 'rule-clear-filter',
menuFileOpen: 'menu-file-open',
2016-11-01 12:42:46 +00:00
cantPrint: 'cant-print',
2016-11-23 13:38:30 +00:00
multiselect: 'is-multiselect',
cantHyperlink: 'cant-hyperlink',
commentLock: 'can-comment',
2018-06-28 12:42:01 +00:00
cantModifyFilter: 'cant-filter',
disableOnStart: 'on-start',
2018-06-28 12:42:01 +00:00
cantGroup: 'cant-group',
cantGroupUngroup: 'cant-group-ungroup',
docPropsLock: 'doc-props-lock',
printAreaLock: 'print-area-lock',
namedRangeLock: 'named-range-lock',
2019-07-25 08:32:14 +00:00
multiselectCols:'is-multiselect-cols',
2019-08-06 13:12:07 +00:00
headerLock: 'header-lock',
sheetLock: 'sheet-lock',
noPivot: 'no-pivot'
2016-03-11 00:48:53 +00:00
};
2017-04-27 15:40:27 +00:00
SSE.Views.Toolbar = Common.UI.Mixtbar.extend(_.extend({
2016-03-11 00:48:53 +00:00
el: '#toolbar',
// Compile our stats template
2017-04-27 15:40:27 +00:00
template: _.template(template),
2016-03-11 00:48:53 +00:00
// Delegated events for creating new items, and clearing completed ones.
events: {
//
},
initialize: function () {
var me = this,
options = {};
me.SchemeNames = [
me.txtScheme1, me.txtScheme2, me.txtScheme3, me.txtScheme4, me.txtScheme5,
me.txtScheme6, me.txtScheme7, me.txtScheme8, me.txtScheme9, me.txtScheme10,
me.txtScheme11, me.txtScheme12, me.txtScheme13, me.txtScheme14, me.txtScheme15,
me.txtScheme16, me.txtScheme17, me.txtScheme18, me.txtScheme19, me.txtScheme20,
me.txtScheme21
];
me._state = {
hasCollaborativeChanges: undefined
};
me.btnSaveCls = 'btn-save';
me.btnSaveTip = this.tipSave + Common.Utils.String.platformKey('Ctrl+S');
me.ascFormatOptions = {
General : 'General',
Number : '0.00',
Currency : '$#,##0.00',
Accounting : '_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)',
DateShort : 'm/d/yyyy',
DateLong : '[$-F800]dddd, mmmm dd, yyyy',
Time : '[$-F400]h:mm:ss AM/PM',
Percentage : '0.00%',
Percent : '0%',
Fraction : '# ?/?',
Scientific : '0.00E+00',
Text : '@'
};
me.numFormatData = [
{ value: Asc.c_oAscNumFormatType.General, format: this.ascFormatOptions.General, displayValue: this.txtGeneral, exampleval: '100' },
{ value: Asc.c_oAscNumFormatType.Number, format: this.ascFormatOptions.Number, displayValue: this.txtNumber, exampleval: '100,00' },
{ value: Asc.c_oAscNumFormatType.Scientific,format: this.ascFormatOptions.Scientific, displayValue: this.txtScientific, exampleval: '1,00E+02' },
{ value: Asc.c_oAscNumFormatType.Accounting,format: this.ascFormatOptions.Accounting, displayValue: this.txtAccounting, exampleval: '100,00 $' },
{ value: Asc.c_oAscNumFormatType.Currency, format: this.ascFormatOptions.Currency, displayValue: this.txtCurrency, exampleval: '100,00 $' },
{ value: Asc.c_oAscNumFormatType.Date, format: 'MM-dd-yyyy', displayValue: this.txtDate, exampleval: '04-09-1900' },
{ value: Asc.c_oAscNumFormatType.Time, format: 'HH:MM:ss', displayValue: this.txtTime, exampleval: '00:00:00' },
{ value: Asc.c_oAscNumFormatType.Percent, format: this.ascFormatOptions.Percentage, displayValue: this.txtPercentage, exampleval: '100,00%' },
{ value: Asc.c_oAscNumFormatType.Fraction, format: this.ascFormatOptions.Fraction, displayValue: this.txtFraction, exampleval: '100' },
{ value: Asc.c_oAscNumFormatType.Text, format: this.ascFormatOptions.Text, displayValue: this.txtText, exampleval: '100' }
];
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
return this;
},
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
lockToolbar: function(causes, lock, opts) {
2019-05-29 13:49:52 +00:00
Common.Utils.lockControls(causes, lock, opts, this.lockControls);
2017-04-27 15:40:27 +00:00
},
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
applyLayout: function (config) {
var me = this;
function dummyCmp() {
return {
isDummy : true,
on : function() {}
}
}
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
var _set = SSE.enumLock;
me.btnCopy = new Common.UI.Button({
id : 'id-toolbar-btn-copy',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-copy'
});
me.btnPaste = new Common.UI.Button({
id : 'id-toolbar-btn-paste',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-paste',
lock : [/*_set.editCell,*/ _set.coAuth, _set.lostConnect]
});
me.btnUndo = new Common.UI.Button({
id : 'id-toolbar-btn-undo',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-undo',
disabled : true,
lock : [_set.lostConnect],
signals : ['disabled']
});
me.btnRedo = new Common.UI.Button({
id : 'id-toolbar-btn-redo',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-redo',
disabled : true,
lock : [_set.lostConnect],
signals : ['disabled']
});
2017-04-27 15:40:27 +00:00
if ( config.isEditDiagram ) {
me.$layout = $(_.template(simple)(config));
me.btnInsertFormula = new Common.UI.Button({
id : 'id-toolbar-btn-insertformula',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-formula',
2017-04-27 15:40:27 +00:00
split : true,
2018-06-28 09:27:11 +00:00
lock : [_set.editText, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.selRangeEdit, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
style : 'min-width: 110px',
items : [
{caption: 'SUM', value: 'SUM'},
{caption: 'MIN', value: 'MIN'},
{caption: 'MAX', value: 'MAX'},
{caption: 'COUNT', value: 'COUNT'},
{caption: '--'},
{
caption: me.txtAdditional,
value: 'more'
}
]
})
2016-03-11 00:48:53 +00:00
});
2017-04-27 15:40:27 +00:00
me.btnDecDecimal = new Common.UI.Button({
id : 'id-toolbar-btn-decdecimal',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-decdecimal',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth]
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnIncDecimal = new Common.UI.Button({
id : 'id-toolbar-btn-incdecimal',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-incdecimal',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth]
2016-03-11 00:48:53 +00:00
});
2018-04-13 13:29:31 +00:00
var formatTemplate =
_.template([
'<% _.each(items, function(item) { %>',
'<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem">',
'<div style="position: relative;"><div style="position: absolute; left: 0; width: 100px;"><%= scope.getDisplayValue(item) %></div>',
2019-09-27 07:40:57 +00:00
'<div style="display: inline-block; width: 100%; max-width: 300px; overflow: hidden; text-overflow: ellipsis; text-align: right; vertical-align: bottom; padding-left: 100px; color: silver;white-space: nowrap;"><%= item.exampleval ? item.exampleval : "" %></div>',
2018-04-13 13:29:31 +00:00
'</div></a></li>',
'<% }); %>',
'<li class="divider">',
'<li id="id-toolbar-mnu-item-more-formats" data-value="-1"><a tabindex="-1" type="menuitem">' + me.textMoreFormats + '</a></li>'
].join(''));
2017-04-27 15:40:27 +00:00
me.cmbNumberFormat = new Common.UI.ComboBox({
cls : 'input-group-nr',
menuStyle : 'min-width: 180px;',
hint : me.tipNumFormat,
2018-06-28 09:27:11 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.selRangeEdit, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
itemsTemplate: formatTemplate,
editable : false,
data : me.numFormatData
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnEditChart = new Common.UI.Button({
id : 'id-toolbar-rtn-edit-chart',
cls : 'btn-toolbar btn-text-value',
caption : me.tipEditChart,
lock : [_set.lostConnect],
style : 'width: 120px;'
});
} else
if ( config.isEditMailMerge ) {
2017-04-28 13:37:28 +00:00
me.$layout = $(_.template(simple)(config));
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnSearch = new Common.UI.Button({
id : 'id-toolbar-btn-search',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-menu-search',
2017-04-27 15:40:27 +00:00
lock : [_set.lostConnect]
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnSortDown = new Common.UI.Button({
id : 'id-toolbar-btn-sort-down',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-sort-down',
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth, _set.ruleFilter, _set.editPivot]
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnSortUp = new Common.UI.Button({
id : 'id-toolbar-btn-sort-up',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-sort-up',
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth, _set.ruleFilter, _set.editPivot]
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnSetAutofilter = new Common.UI.Button({
id : 'id-toolbar-btn-setautofilter',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-autofilter',
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth, _set.ruleFilter, _set.editPivot],
2017-04-27 15:40:27 +00:00
enableToggle: true
});
me.btnClearAutofilter = new Common.UI.Button({
id : 'id-toolbar-btn-clearfilter',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-clear-filter',
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth, _set.ruleDelFilter, _set.editPivot]
2017-04-27 15:40:27 +00:00
});
} else
if ( config.isEdit ) {
2017-04-27 15:40:27 +00:00
Common.UI.Mixtbar.prototype.initialize.call(this, {
template: _.template(template),
tabs: [
{ caption: me.textTabFile, action: 'file', extcls: 'canedit', haspanel:false},
2017-07-21 10:44:07 +00:00
{ caption: me.textTabHome, action: 'home', extcls: 'canedit'},
2018-06-28 09:27:11 +00:00
{ caption: me.textTabInsert, action: 'ins', extcls: 'canedit'},
{caption: me.textTabLayout, action: 'layout', extcls: 'canedit'},
2019-06-20 09:51:27 +00:00
{caption: me.textTabFormula, action: 'formula', extcls: 'canedit'},
{caption: me.textTabData, action: 'data', extcls: 'canedit'}
2017-04-27 15:40:27 +00:00
]}
);
me.cmbFontSize = new Common.UI.ComboBox({
cls : 'input-group-nr',
menuStyle : 'min-width: 55px;',
hint : me.tipFontSize,
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect],
2017-04-27 15:40:27 +00:00
data : [
{ value: 8, displayValue: "8" },
{ value: 9, displayValue: "9" },
{ value: 10, displayValue: "10" },
{ value: 11, displayValue: "11" },
{ value: 12, displayValue: "12" },
{ value: 14, displayValue: "14" },
{ value: 16, displayValue: "16" },
{ value: 18, displayValue: "18" },
{ value: 20, displayValue: "20" },
{ value: 22, displayValue: "22" },
{ value: 24, displayValue: "24" },
{ value: 26, displayValue: "26" },
{ value: 28, displayValue: "28" },
{ value: 36, displayValue: "36" },
{ value: 48, displayValue: "48" },
2019-02-12 11:48:27 +00:00
{ value: 72, displayValue: "72" },
{ value: 96, displayValue: "96" }
2016-03-11 00:48:53 +00:00
]
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.cmbFontName = new Common.UI.ComboBoxFonts({
cls : 'input-group-nr',
menuCls : 'scrollable-menu',
menuStyle : 'min-width: 325px;',
hint : me.tipFontName,
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect],
2017-04-27 15:40:27 +00:00
store : new Common.Collections.Fonts()
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnPrint = new Common.UI.Button({
id : 'id-toolbar-btn-print',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-print no-mask',
lock : [_set.editCell, _set.cantPrint, _set.disableOnStart],
signals: ['disabled']
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnSave = new Common.UI.Button({
id : 'id-toolbar-btn-save',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon no-mask ' + me.btnSaveCls,
signals : ['disabled']
2017-04-27 15:40:27 +00:00
});
2018-02-28 13:17:53 +00:00
me.btnCollabChanges = me.btnSave;
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnIncFontSize = new Common.UI.Button({
id : 'id-toolbar-btn-incfont',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-incfont',
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect]
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnDecFontSize = new Common.UI.Button({
id : 'id-toolbar-btn-decfont',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-decfont',
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect]
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnBold = new Common.UI.Button({
id : 'id-toolbar-btn-bold',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-bold',
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect],
2017-04-27 15:40:27 +00:00
enableToggle: true
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnItalic = new Common.UI.Button({
id : 'id-toolbar-btn-italic',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-italic',
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect],
2017-04-27 15:40:27 +00:00
enableToggle: true
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnUnderline = new Common.UI.Button({
id : 'id-toolbar-btn-underline',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-underline',
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect],
2017-04-27 15:40:27 +00:00
enableToggle: true
});
2016-03-11 00:48:53 +00:00
2017-12-05 13:58:01 +00:00
me.btnStrikeout = new Common.UI.Button({
id: 'id-toolbar-btn-strikeout',
cls: 'btn-toolbar',
iconCls: 'toolbar__icon btn-strikeout',
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect],
2017-12-05 13:58:01 +00:00
enableToggle: true
});
me.btnSubscript = new Common.UI.Button({
id : 'id-toolbar-btn-subscript',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-subscript',
2017-12-05 13:58:01 +00:00
icls : 'btn-subscript',
split : true,
enableToggle: true,
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect],
2017-12-05 13:58:01 +00:00
menu : new Common.UI.Menu({
items: [
{
caption : me.textSuperscript,
iconCls : 'menu__icon btn-superscript',
icls : 'btn-superscript',
2017-12-05 13:58:01 +00:00
checkable : true,
checkmark : false,
2017-12-05 13:58:01 +00:00
allowDepress: true,
toggleGroup : 'textsubscriptgroup',
value : 'super'
2017-12-05 13:58:01 +00:00
},
{
caption : me.textSubscript,
iconCls : 'menu__icon btn-subscript',
icls : 'btn-subscript',
2017-12-05 13:58:01 +00:00
checkable : true,
checkmark : false,
2017-12-05 13:58:01 +00:00
allowDepress: true,
toggleGroup : 'textsubscriptgroup',
value : 'sub'
2017-12-05 13:58:01 +00:00
}
]
})
});
2017-04-27 15:40:27 +00:00
me.mnuTextColorPicker = dummyCmp();
me.btnTextColor = new Common.UI.Button({
id : 'id-toolbar-btn-fontcolor',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-fontcolor',
2017-04-27 15:40:27 +00:00
split : true,
2018-06-28 09:27:11 +00:00
lock : [_set.selImage, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
items: [
{ template: _.template('<div id="id-toolbar-menu-fontcolor" style="width: 169px; height: 220px; margin: 10px;"></div>') },
{ template: _.template('<a id="id-toolbar-menu-new-fontcolor" style="padding-left:12px;">' + me.textNewColor + '</a>') }
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.mnuBackColorPicker = dummyCmp();
me.btnBackColor = new Common.UI.Button({
id : 'id-toolbar-btn-fillparag',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-paracolor',
2017-04-27 15:40:27 +00:00
split : true,
lock : [_set.selImage, _set.editCell, _set.coAuth, _set.coAuthText, _set.lostConnect],
menu : new Common.UI.Menu({
items: [
{ template: _.template('<div id="id-toolbar-menu-paracolor" style="width: 169px; height: 220px; margin: 10px;"></div>') },
{ template: _.template('<a id="id-toolbar-menu-new-paracolor" style="padding-left:12px;">' + me.textNewColor + '</a>') }
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnBorders = new Common.UI.Button({
id : 'id-toolbar-btn-borders',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-border-out',
2017-04-27 15:40:27 +00:00
icls : 'btn-border-out',
borderId : 'outer',
borderswidth: Asc.c_oAscBorderStyles.Thin,
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth],
split : true,
menu : true
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnAlignLeft = new Common.UI.Button({
id : 'id-toolbar-btn-align-left',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-align-left',
2017-04-27 15:40:27 +00:00
enableToggle: true,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selImage, _set.lostConnect, _set.coAuth, _set.coAuthText],
toggleGroup : 'alignGroup'
});
2016-10-21 09:33:49 +00:00
2017-04-27 15:40:27 +00:00
me.btnAlignCenter = new Common.UI.Button({
id : 'id-toolbar-btn-align-center',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-align-center',
2017-04-27 15:40:27 +00:00
enableToggle: true,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selImage, _set.lostConnect, _set.coAuth, _set.coAuthText],
toggleGroup : 'alignGroup'
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnAlignRight = new Common.UI.Button({
id : 'id-toolbar-btn-align-right',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-align-right',
2017-04-27 15:40:27 +00:00
enableToggle: true,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selImage, _set.lostConnect, _set.coAuth, _set.coAuthText],
toggleGroup : 'alignGroup'
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnAlignJust = new Common.UI.Button({
id : 'id-toolbar-btn-align-just',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-align-just',
2017-04-27 15:40:27 +00:00
enableToggle: true,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selImage, _set.lostConnect, _set.coAuth, _set.coAuthText],
toggleGroup: 'alignGroup'
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnMerge = new Common.UI.Button({
id : 'id-toolbar-rtn-merge',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-merge',
2017-04-27 15:40:27 +00:00
enableToggle: true,
allowDepress: true,
split : true,
lock : [_set.editCell, _set.selShape, _set.selShapeText, _set.selChart, _set.selChartText, _set.selImage, _set.lostConnect, _set.coAuth, _set.ruleMerge, _set.editPivot],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
items: [
{
caption : me.txtMergeCenter,
value : Asc.c_oAscMergeOptions.MergeCenter
},
{
caption : me.txtMergeAcross,
value : Asc.c_oAscMergeOptions.MergeAcross
},
{
caption : me.txtMergeCells,
value : Asc.c_oAscMergeOptions.Merge
},
{
caption : me.txtUnmerge,
value : Asc.c_oAscMergeOptions.None
}
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnAlignTop = new Common.UI.Button({
id : 'id-toolbar-rtn-valign-top',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-align-top',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selImage, _set.lostConnect, _set.coAuth, _set.coAuthText],
enableToggle: true,
toggleGroup : 'vAlignGroup'
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnAlignMiddle = new Common.UI.Button({
id : 'id-toolbar-rtn-valign-middle',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-align-middle',
2017-04-27 15:40:27 +00:00
enableToggle: true,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selImage, _set.lostConnect, _set.coAuth, _set.coAuthText],
toggleGroup : 'vAlignGroup'
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnAlignBottom = new Common.UI.Button({
id : 'id-toolbar-rtn-valign-bottom',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-align-bottom',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selImage, _set.lostConnect, _set.coAuth, _set.coAuthText],
enableToggle: true,
toggleGroup : 'vAlignGroup'
});
2017-04-27 15:40:27 +00:00
me.btnWrap = new Common.UI.Button({
id : 'id-toolbar-rtn-wrap',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-wrap',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth],
enableToggle: true,
allowDepress: true
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnTextOrient = new Common.UI.Button({
id : 'id-toolbar-rtn-textorient',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon text-orient-ccw',
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selImage, _set.lostConnect, _set.coAuth, _set.coAuthText],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
items: [
{
caption : me.textHorizontal,
iconCls : 'menu__icon text-orient-hor',
2017-04-27 15:40:27 +00:00
checkable : true,
checkmark : false,
2017-04-27 15:40:27 +00:00
toggleGroup : 'textorientgroup',
value : 'horiz'
},
{
caption : me.textCounterCw,
iconCls : 'menu__icon text-orient-ccw',
2017-04-27 15:40:27 +00:00
checkable : true,
checkmark : false,
2017-04-27 15:40:27 +00:00
toggleGroup : 'textorientgroup',
value : 'countcw'
},
{
caption : me.textClockwise,
iconCls : 'menu__icon text-orient-cw',
2017-04-27 15:40:27 +00:00
checkable : true,
checkmark : false,
2017-04-27 15:40:27 +00:00
toggleGroup : 'textorientgroup',
value : 'clockwise'
},
{
caption : me.textRotateUp,
iconCls : 'menu__icon text-orient-rup',
2017-04-27 15:40:27 +00:00
checkable : true,
checkmark : false,
2017-04-27 15:40:27 +00:00
toggleGroup : 'textorientgroup',
value : 'rotateup'
},
{
caption : me.textRotateDown,
iconCls : 'menu__icon text-orient-rdown',
2017-04-27 15:40:27 +00:00
checkable : true,
checkmark : false,
2017-04-27 15:40:27 +00:00
toggleGroup : 'textorientgroup',
value : 'rotatedown'
}
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnInsertImage = new Common.UI.Button({
id : 'tlbtn-insertimage',
2017-04-27 15:40:27 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'toolbar__icon btn-insertimage',
2017-04-27 15:40:27 +00:00
caption : me.capInsertImage,
2019-10-02 07:15:36 +00:00
lock : [_set.editCell, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
items: [
{ caption: me.mniImageFromFile, value: 'file' },
2018-10-03 11:00:08 +00:00
{ caption: me.mniImageFromUrl, value: 'url' },
{ caption: me.mniImageFromStorage, value: 'storage'}
2017-04-27 15:40:27 +00:00
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnInsertHyperlink = new Common.UI.Button({
id : 'tlbtn-insertlink',
2017-04-27 15:40:27 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'toolbar__icon btn-inserthyperlink',
2017-04-27 15:40:27 +00:00
caption : me.capInsertHyperlink,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selImage, _set.selShape, _set.cantHyperlink, _set.multiselect, _set.lostConnect, _set.coAuth, _set.editPivot]
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnInsertChart = new Common.UI.Button({
id : 'tlbtn-insertchart',
2017-04-27 15:40:27 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'toolbar__icon btn-insertchart',
2019-10-02 07:15:36 +00:00
lock : [_set.editCell, _set.lostConnect, _set.coAuth, _set.coAuthText],
2017-04-27 15:40:27 +00:00
caption : me.capInsertChart,
menu : true
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnInsertShape = new Common.UI.Button({
id : 'tlbtn-insertshape',
2017-04-27 15:40:27 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'toolbar__icon btn-insertshape',
2017-04-27 15:40:27 +00:00
enableToggle: true,
caption : me.capInsertShape,
2019-10-02 07:15:36 +00:00
lock : [_set.editCell, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({cls: 'menu-shapes'})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnInsertText = new Common.UI.Button({
id : 'tlbtn-inserttext',
2017-08-01 12:28:15 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'toolbar__icon btn-text',
2017-04-27 15:40:27 +00:00
caption : me.capInsertText,
2019-10-02 07:15:36 +00:00
lock : [_set.editCell, _set.lostConnect, _set.coAuth],
2017-08-01 12:28:15 +00:00
enableToggle: true
});
me.btnInsertTextArt = new Common.UI.Button({
id : 'tlbtn-inserttextart',
2017-08-01 12:28:15 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'toolbar__icon btn-textart',
2017-08-01 12:28:15 +00:00
caption : me.capInsertTextart,
2019-10-02 07:15:36 +00:00
lock : [_set.editCell, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
2017-08-01 12:28:15 +00:00
cls: 'menu-shapes',
items: [
{template: _.template('<div id="id-toolbar-menu-insart" style="width: 239px; margin-left: 5px;"></div>')}
2017-04-27 15:40:27 +00:00
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnInsertEquation = new Common.UI.Button({
id : 'tlbtn-insertequation',
2017-04-27 15:40:27 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'toolbar__icon btn-insertequation',
2017-04-27 15:40:27 +00:00
caption : me.capInsertEquation,
split : true,
2019-10-02 07:15:36 +00:00
lock : [_set.editCell, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({cls: 'menu-shapes'})
});
2016-03-11 00:48:53 +00:00
2019-11-14 08:48:58 +00:00
me.btnInsertSymbol = new Common.UI.Button({
id: 'tlbtn-insertsymbol',
cls: 'btn-toolbar x-huge icon-top',
2019-11-29 11:46:58 +00:00
iconCls: 'toolbar__icon btn-symbol',
2019-11-14 08:48:58 +00:00
caption: me.capBtnInsSymbol,
lock: [_set.selImage, _set.selChart, _set.selShape, _set.editFormula, _set.selRangeEdit, _set.coAuth, _set.coAuthText, _set.lostConnect]
});
2017-04-27 15:40:27 +00:00
me.btnTableTemplate = new Common.UI.Button({
id : 'id-toolbar-btn-ttempl',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-menu-table',
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth, _set.ruleFilter, _set.multiselect, _set.cantModifyFilter],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
items: [
2019-12-16 10:55:13 +00:00
{ template: _.template('<div id="id-toolbar-menu-table-templates" style="width: 494px; height: 300px; margin: 0px 4px;"></div>') }
2017-04-27 15:40:27 +00:00
]
})
});
me.btnInsertTable = new Common.UI.Button({
id : 'tlbtn-inserttable',
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'toolbar__icon btn-inserttable',
caption : me.capInsertTable,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth, _set.ruleFilter, _set.multiselect, _set.cantModifyFilter, _set.ruleMerge, _set.editPivot]
});
2017-04-27 15:40:27 +00:00
me.listStyles = new Common.UI.ComboDataView({
cls : 'combo-styles',
enableKeyEvents : true,
itemWidth : 112,
itemHeight : 38,
menuMaxHeight : 226,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth],
beforeOpenHandler: function(e) {
var cmp = this,
menu = cmp.openButton.menu,
minMenuColumn = 6;
if (menu.cmpEl) {
var itemEl = $(cmp.cmpEl.find('.dataview.inner .style').get(0)).parent();
var itemMargin = /*parseInt($(itemEl.get(0)).parent().css('margin-right'))*/-1;
var itemWidth = itemEl.is(':visible') ? parseInt(itemEl.css('width')) :
(cmp.itemWidth + parseInt(itemEl.css('padding-left')) + parseInt(itemEl.css('padding-right')) +
parseInt(itemEl.css('border-left-width')) + parseInt(itemEl.css('border-right-width')));
var minCount = cmp.menuPicker.store.length >= minMenuColumn ? minMenuColumn : cmp.menuPicker.store.length,
columnCount = Math.min(cmp.menuPicker.store.length, Math.round($('.dataview', $(cmp.fieldPicker.el)).width() / (itemMargin + itemWidth) + 0.5));
columnCount = columnCount < minCount ? minCount : columnCount;
menu.menuAlignEl = cmp.cmpEl;
menu.menuAlign = 'tl-tl';
var offset = cmp.cmpEl.width() - cmp.openButton.$el.width() - columnCount * (itemMargin + itemWidth) - 1;
menu.setOffset(Math.min(offset, 0));
menu.cmpEl.css({
'width' : columnCount * (itemWidth + itemMargin),
'min-height': cmp.cmpEl.height()
});
2016-03-11 00:48:53 +00:00
}
}
2017-04-27 15:40:27 +00:00
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
var formatTemplate =
_.template([
'<% _.each(items, function(item) { %>',
'<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem">',
'<div style="position: relative;"><div style="position: absolute; left: 0; width: 100px;"><%= scope.getDisplayValue(item) %></div>',
2019-09-27 07:40:57 +00:00
'<div style="display: inline-block; width: 100%; max-width: 300px; overflow: hidden; text-overflow: ellipsis; text-align: right; vertical-align: bottom; padding-left: 100px; color: silver;white-space: nowrap;"><%= item.exampleval ? item.exampleval : "" %></div>',
2017-04-27 15:40:27 +00:00
'</div></a></li>',
'<% }); %>',
'<li class="divider">',
'<li id="id-toolbar-mnu-item-more-formats" data-value="-1"><a tabindex="-1" type="menuitem">' + me.textMoreFormats + '</a></li>'
].join(''));
me.cmbNumberFormat = new Common.UI.ComboBox({
cls : 'input-group-nr',
menuStyle : 'min-width: 180px;',
hint : me.tipNumFormat,
2018-06-28 09:27:11 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.selRangeEdit, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
itemsTemplate: formatTemplate,
editable : false,
data : me.numFormatData
});
2017-04-27 15:40:27 +00:00
me.btnPercentStyle = new Common.UI.Button({
id : 'id-toolbar-btn-percent-style',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-percent-style',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth],
styleName : 'Percent'
});
2017-04-27 15:40:27 +00:00
me.btnCurrencyStyle = new Common.UI.Button({
id : 'id-toolbar-btn-accounting-style',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-currency-style',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth],
styleName : 'Currency',
split : true,
menu : new Common.UI.Menu({
style: 'min-width: 120px;',
items : [
{
caption : me.txtDollar,
value : 0x0409 // $ en-US
},
{
caption : me.txtEuro,
value : 0x0407 // € de-DE
},
{
caption : me.txtPound,
value : 0x0809 // £ en-GB
},
{
caption : me.txtRouble,
value : 0x0419 // ₽ ru-RU
},
{
caption : me.txtYen,
value : 0x0411 // ¥ ja-JP
2019-06-28 14:41:18 +00:00
},{caption: '--'},
{
caption : me.textMoreFormats,
value : -1
2017-04-27 15:40:27 +00:00
}
]
})
});
2017-04-27 15:40:27 +00:00
me.btnDecDecimal = new Common.UI.Button({
id : 'id-toolbar-btn-decdecimal',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-decdecimal',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth]
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnIncDecimal = new Common.UI.Button({
id : 'id-toolbar-btn-incdecimal',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-incdecimal',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth]
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnInsertFormula = new Common.UI.Button({
id : 'id-toolbar-btn-insertformula',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-formula',
2017-04-27 15:40:27 +00:00
split : true,
2018-06-28 09:27:11 +00:00
lock : [_set.editText, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.selRangeEdit, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
style : 'min-width: 110px',
items : [
{caption: 'SUM', value: 'SUM'},
{caption: 'MIN', value: 'MIN'},
{caption: 'MAX', value: 'MAX'},
{caption: 'COUNT', value: 'COUNT'},
{caption: '--'},
{
caption: me.txtAdditional,
value: 'more'
}
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnNamedRange = new Common.UI.Button({
id : 'id-toolbar-btn-insertrange',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-named-range',
2018-06-28 09:27:11 +00:00
lock : [_set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth, _set.selRangeEdit],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
style : 'min-width: 110px',
items : [
{
caption: me.txtManageRange,
lock : [_set.editCell],
value: 'manage'
},
{
caption: me.txtNewRange,
lock : [_set.editCell],
value: 'new'
},
{
caption: me.txtPasteRange,
value: 'paste'
}
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnClearStyle = new Common.UI.Button({
id : 'id-toolbar-btn-clear',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-clearstyle',
2018-06-28 09:27:11 +00:00
lock : [_set.lostConnect, _set.coAuth, _set.selRangeEdit],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
style : 'min-width: 110px',
items : [
{
caption : me.txtClearAll,
lock : [ _set.cantModifyFilter],
2017-04-27 15:40:27 +00:00
value : Asc.c_oAscCleanOptions.All
},
{
caption : me.txtClearText,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.coAuth],
value : Asc.c_oAscCleanOptions.Text
},
{
caption : me.txtClearFormat,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.coAuth, _set.cantModifyFilter],
2017-04-27 15:40:27 +00:00
value : Asc.c_oAscCleanOptions.Format
},
{
caption : me.txtClearComments,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.coAuth],
value : Asc.c_oAscCleanOptions.Comments
},
{
caption : me.txtClearHyper,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.coAuth],
value : Asc.c_oAscCleanOptions.Hyperlinks
}
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnCopyStyle = new Common.UI.Button({
id : 'id-toolbar-btn-copystyle',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-copystyle',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.lostConnect, _set.coAuth, _set.selChart],
enableToggle: true
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnAddCell = new Common.UI.Button({
id : 'id-toolbar-btn-addcell',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-addcell',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth],
menu : new Common.UI.Menu({
items : [
{
caption : me.textInsRight,
value : Asc.c_oAscInsertOptions.InsertCellsAndShiftRight
},
{
caption : me.textInsDown,
value : Asc.c_oAscInsertOptions.InsertCellsAndShiftDown
},
{
caption : me.textEntireRow,
value : Asc.c_oAscInsertOptions.InsertRows
},
{
caption : me.textEntireCol,
value : Asc.c_oAscInsertOptions.InsertColumns
}
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnDeleteCell = new Common.UI.Button({
id : 'id-toolbar-btn-delcell',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon btn-delcell',
2017-04-27 15:40:27 +00:00
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth],
menu : new Common.UI.Menu({
items : [
{
caption : me.textDelLeft,
value : Asc.c_oAscDeleteOptions.DeleteCellsAndShiftLeft
},
{
caption : me.textDelUp,
value : Asc.c_oAscDeleteOptions.DeleteCellsAndShiftTop
},
{
caption : me.textEntireRow,
value : Asc.c_oAscDeleteOptions.DeleteRows
},
{
caption : me.textEntireCol,
value : Asc.c_oAscDeleteOptions.DeleteColumns
}
]
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
me.btnColorSchemas = new Common.UI.Button({
id : 'id-toolbar-btn-colorschemas',
cls : 'btn-toolbar',
iconCls : 'toolbar__icon toolbar__icon btn-colorschemas',
lock : [_set.editCell, _set.lostConnect, _set.coAuth],
2017-04-27 15:40:27 +00:00
menu : new Common.UI.Menu({
items: [],
restoreHeight: true
2017-04-27 15:40:27 +00:00
})
});
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
var hidetip = Common.localStorage.getItem("sse-hide-synch");
me.showSynchTip = !(hidetip && parseInt(hidetip) == 1);
2018-02-28 13:17:53 +00:00
// me.needShowSynchTip = false;
2018-06-28 09:27:11 +00:00
me.btnPageOrient = new Common.UI.Button({
id: 'tlbtn-pageorient',
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-pageorient',
2018-06-28 09:27:11 +00:00
caption: me.capBtnPageOrient,
lock : [_set.docPropsLock, _set.lostConnect, _set.coAuth],
2018-06-28 09:27:11 +00:00
menu: new Common.UI.Menu({
cls: 'ppm-toolbar',
items: [
{
caption: me.textPortrait,
iconCls: 'menu__icon page-portrait',
2018-06-28 09:27:11 +00:00
checkable: true,
checkmark: false,
2018-06-28 09:27:11 +00:00
toggleGroup: 'menuOrient',
2018-06-28 12:42:01 +00:00
value: Asc.c_oAscPageOrientation.PagePortrait
2018-06-28 09:27:11 +00:00
},
{
caption: me.textLandscape,
iconCls: 'menu__icon page-landscape',
2018-06-28 09:27:11 +00:00
checkable: true,
checkmark: false,
2018-06-28 09:27:11 +00:00
toggleGroup: 'menuOrient',
2018-06-28 12:42:01 +00:00
value: Asc.c_oAscPageOrientation.PageLandscape
2018-06-28 09:27:11 +00:00
}
]
})
});
var pageMarginsTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div><b><%= caption %></b></div>' +
'<% if (options.value !== null) { %><div style="display: inline-block;margin-right: 20px;min-width: 80px;">' +
'<label style="display: block;">' + this.textTop + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[0]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label>' +
'<label style="display: block;">' + this.textLeft + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[1]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label></div><div style="display: inline-block;">' +
'<label style="display: block;">' + this.textBottom + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[2]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label>' +
'<label style="display: block;">' + this.textRight + '<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[3]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></label></div>' +
'<% } %></a>');
me.btnPageMargins = new Common.UI.Button({
id: 'tlbtn-pagemargins',
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-pagemargins',
2018-06-28 09:27:11 +00:00
caption: me.capBtnMargins,
lock : [_set.docPropsLock, _set.lostConnect, _set.coAuth],
2018-06-28 09:27:11 +00:00
menu: new Common.UI.Menu({
items: [
{
caption: me.textMarginsLast,
checkable: true,
template: pageMarginsTemplate,
toggleGroup: 'menuPageMargins'
}, //top,left,bottom,right
{
caption: me.textMarginsNormal,
checkable: true,
template: pageMarginsTemplate,
toggleGroup: 'menuPageMargins',
value: [19.1, 17.8, 19.1, 17.8]
},
{
caption: me.textMarginsNarrow,
checkable: true,
template: pageMarginsTemplate,
toggleGroup: 'menuPageMargins',
value: [19.1, 6.4, 19.1, 6.4]
},
{
caption: me.textMarginsWide,
checkable: true,
template: pageMarginsTemplate,
toggleGroup: 'menuPageMargins',
value: [25.4, 25.4, 25.4, 25.4]
},
{caption: '--'},
{caption: me.textPageMarginsCustom, value: 'advanced'}
]
})
});
var pageSizeTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div><b><%= caption %></b></div>' +
'<div><%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[0]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %> x ' +
'<%= parseFloat(Common.Utils.Metric.fnRecalcFromMM(options.value[1]).toFixed(2)) %> <%= Common.Utils.Metric.getCurrentMetricName() %></div></a>');
me.btnPageSize = new Common.UI.Button({
id: 'tlbtn-pagesize',
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-pagesize',
2018-06-28 09:27:11 +00:00
caption: me.capBtnPageSize,
lock : [_set.docPropsLock, _set.lostConnect, _set.coAuth],
2018-06-28 09:27:11 +00:00
menu: new Common.UI.Menu({
restoreHeight: true,
2018-06-28 09:27:11 +00:00
items: [
{
caption: 'US Letter',
subtitle: '21,59cm x 27,94cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [215.9, 279.4]
},
{
caption: 'US Legal',
subtitle: '21,59cm x 35,56cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [215.9, 355.6]
},
{
caption: 'A4',
subtitle: '21cm x 29,7cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [210, 297],
checked: true
},
{
caption: 'A5',
subtitle: '14,81cm x 20,99cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [148, 210]
},
{
caption: 'B5',
subtitle: '17,6cm x 25,01cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [176, 250]
},
{
caption: 'Envelope #10',
subtitle: '10,48cm x 24,13cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [104.8, 241.3]
},
{
caption: 'Envelope DL',
subtitle: '11,01cm x 22,01cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [110, 220]
},
{
caption: 'Tabloid',
subtitle: '27,94cm x 43,17cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [279.4, 431.8]
},
{
caption: 'A3',
subtitle: '29,7cm x 42,01cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [297, 420]
},
{
caption: 'Tabloid Oversize',
subtitle: '30,48cm x 45,71cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [304.8, 457.1]
},
{
caption: 'ROC 16K',
subtitle: '19,68cm x 27,3cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [196.8, 273]
},
{
caption: 'Envelope Choukei 3',
subtitle: '11,99cm x 23,49cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [119.9, 234.9]
},
{
caption: 'Super B/A3',
subtitle: '33,02cm x 48,25cm',
template: pageSizeTemplate,
checkable: true,
toggleGroup: 'menuPageSize',
value: [330.2, 482.5]
}
]
})
});
me.mnuPageSize = me.btnPageSize.menu;
2018-09-04 10:18:46 +00:00
me.btnPrintArea = new Common.UI.Button({
id: 'tlbtn-printarea',
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-print-area',
2018-09-04 10:18:46 +00:00
caption: me.capBtnPrintArea,
lock : [_set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.editCell, _set.selRangeEdit, _set.printAreaLock, _set.lostConnect, _set.coAuth],
2018-09-04 10:18:46 +00:00
menu: new Common.UI.Menu({
cls: 'ppm-toolbar',
items: [
{
caption: me.textSetPrintArea,
lock: [_set.namedRangeLock],
2018-09-04 10:18:46 +00:00
value: Asc.c_oAscChangePrintAreaType.set
},
{
caption: me.textClearPrintArea,
value: Asc.c_oAscChangePrintAreaType.clear
},
{
caption: me.textAddPrintArea,
lock: [_set.namedRangeLock],
2018-09-04 10:18:46 +00:00
value: Asc.c_oAscChangePrintAreaType.add
}
]
})
});
2019-09-12 07:15:07 +00:00
me.mnuCustomScale = new Common.UI.MenuItem({
template: _.template([
2019-09-13 14:45:09 +00:00
'<div class="checkable custom-scale" style="padding: 5px 20px;font-weight: normal;line-height: 1.42857143;color: #444444;font-size: 11px;height: 32px;"',
'<% if(!_.isUndefined(options.stopPropagation)) { %>',
'data-stopPropagation="true"',
'<% } %>', '>',
'<label class="title" style="padding-top: 3px;">' + me.textScale + '</label>',
'<button id="custom-scale-up" type="button" style="float:right;" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-zoomup">&nbsp;</i></button>',
2019-09-16 12:58:41 +00:00
'<label id="value-custom-scale" style="float:right;padding: 3px 3px;min-width: 40px; text-align: center;"></label>',
'<button id="custom-scale-down" type="button" style="float:right;" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-zoomdown">&nbsp;</i></button>',
2019-09-12 07:15:07 +00:00
'</div>'
].join('')),
stopPropagation: true,
2019-09-13 14:45:09 +00:00
value: 4
2019-09-12 07:15:07 +00:00
});
2019-08-21 10:55:40 +00:00
me.btnScale = new Common.UI.Button({
id: 'tlbtn-scale',
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-scale',
2019-08-21 10:55:40 +00:00
caption: me.capBtnScale,
2019-09-12 07:15:07 +00:00
lock: [_set.docPropsLock, _set.lostConnect, _set.coAuth],
menu: new Common.UI.Menu({
items: [],
cls: 'scale-menu'})
});
2019-10-15 12:07:03 +00:00
var menuWidthItem = new Common.UI.MenuItem({
caption: me.textWidth,
menu: new Common.UI.Menu({
menuAlign: 'tl-tr',
2019-09-12 07:15:07 +00:00
items: [
2019-10-15 12:07:03 +00:00
{caption: this.textAuto, value: 0, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '1 ' + this.textOnePage, value: 1, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '2 ' + this.textFewPages, value: 2, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '3 ' + this.textFewPages, value: 3, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '4 ' + this.textFewPages, value: 4, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '5 ' + this.textManyPages, value: 5, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '6 ' + this.textManyPages, value: 6, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '7 ' + this.textManyPages, value: 7, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '8 ' + this.textManyPages, value: 8, checkable: true, toggleGroup : 'scaleWidth'},
{caption: '9 ' + this.textManyPages, value: 9, checkable: true, toggleGroup : 'scaleWidth'},
2019-09-12 07:15:07 +00:00
{caption: '--'},
2019-10-15 12:07:03 +00:00
{caption: this.textMorePages, value: 'more', checkable: true, toggleGroup : 'scaleWidth'}
]
})
});
var menuHeightItem = new Common.UI.MenuItem({
caption: me.textHeight,
menu: new Common.UI.Menu({
menuAlign: 'tl-tr',
items: [
{caption: this.textAuto, value: 0, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '1 ' + this.textOnePage, value: 1, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '2 ' + this.textFewPages, value: 2, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '3 ' + this.textFewPages, value: 3, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '4 ' + this.textFewPages, value: 4, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '5 ' + this.textManyPages, value: 5, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '6 ' + this.textManyPages, value: 6, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '7 ' + this.textManyPages, value: 7, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '8 ' + this.textManyPages, value: 8, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '9 ' + this.textManyPages, value: 9, checkable: true, toggleGroup : 'scaleHeight'},
{caption: '--'},
{caption: this.textMorePages, value: 'more', checkable: true, toggleGroup : 'scaleHeight'}
]
})
});
2019-10-15 12:07:03 +00:00
me.btnScale.menu.addItem(menuWidthItem);
me.btnScale.menu.addItem(menuHeightItem);
me.btnScale.menu.addItem(me.mnuCustomScale);
me.btnScale.menu.addItem({caption: '--'});
me.btnScale.menu.addItem(
{ caption: me.textScaleCustom, value: 'custom'
});
me.menuWidthScale = me.btnScale.menu.items[0].menu;
me.menuHeightScale = me.btnScale.menu.items[1].menu;
2019-09-12 07:15:07 +00:00
me.mnuScale = me.btnScale.menu;
me.mnuScale.on('show:after', _.bind(me.onAfterShowMenuScale, me));
2020-03-17 12:06:40 +00:00
me.btnPrintTitles = new Common.UI.Button({
id: 'tlbtn-printtitles',
cls: 'btn-toolbar x-huge icon-top',
2020-03-19 08:48:19 +00:00
iconCls: 'toolbar__icon btn-print-titles',
2020-03-17 12:06:40 +00:00
caption: me.capBtnPrintTitles,
lock : [_set.docPropsLock, _set.lostConnect, _set.coAuth]
});
2018-06-28 09:27:11 +00:00
me.btnImgAlign = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-img-align',
2018-06-28 09:27:11 +00:00
caption: me.capImgAlign,
2018-10-24 10:46:58 +00:00
lock : [_set.selRange, _set.selRangeEdit, _set.cantGroup, _set.lostConnect, _set.coAuth, _set.coAuthText],
2018-06-28 09:27:11 +00:00
menu: true
});
me.btnImgGroup = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-img-group',
2018-06-28 09:27:11 +00:00
caption: me.capImgGroup,
2018-10-24 10:46:58 +00:00
lock : [_set.selRange, _set.selRangeEdit, _set.cantGroupUngroup, _set.lostConnect, _set.coAuth, _set.coAuthText],
2018-06-28 09:27:11 +00:00
menu: true
});
me.btnImgForward = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-img-frwd',
2018-06-28 09:27:11 +00:00
caption: me.capImgForward,
split: true,
2018-10-24 10:46:58 +00:00
lock : [_set.selRange, _set.selRangeEdit, _set.lostConnect, _set.coAuth, _set.coAuthText],
2018-06-28 09:27:11 +00:00
menu: true
});
me.btnImgBackward = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-img-bkwd',
2018-06-28 09:27:11 +00:00
caption: me.capImgBackward,
2018-10-24 10:46:58 +00:00
lock : [_set.selRange, _set.selRangeEdit, _set.lostConnect, _set.coAuth, _set.coAuthText],
2018-06-28 09:27:11 +00:00
split: true,
menu: true
});
} else {
Common.UI.Mixtbar.prototype.initialize.call(this, {
template: _.template(template_view),
tabs: [
{caption: me.textTabFile, action: 'file', haspanel:false}
]
}
);
2017-04-27 15:40:27 +00:00
}
me.lockControls = [];
if (config.isEdit) {
me.lockControls = [
me.cmbFontName, me.cmbFontSize, me.btnIncFontSize, me.btnDecFontSize, me.btnBold,
2019-11-20 14:58:55 +00:00
me.btnItalic, me.btnUnderline, me.btnStrikeout, me.btnSubscript, me.btnTextColor, me.btnAlignLeft,
me.btnAlignCenter,me.btnAlignRight,me.btnAlignJust, me.btnAlignTop,
me.btnAlignMiddle, me.btnAlignBottom, me.btnWrap, me.btnTextOrient, me.btnBackColor, me.btnInsertTable,
2019-11-14 08:48:58 +00:00
me.btnMerge, me.btnInsertFormula, me.btnNamedRange, me.btnIncDecimal, me.btnInsertShape, me.btnInsertEquation, me.btnInsertSymbol,
me.btnInsertText, me.btnInsertTextArt, me.btnSortUp, me.btnSortDown, me.btnSetAutofilter, me.btnClearAutofilter,
me.btnTableTemplate, me.btnPercentStyle, me.btnCurrencyStyle, me.btnDecDecimal, me.btnAddCell, me.btnDeleteCell,
me.cmbNumberFormat, me.btnBorders, me.btnInsertImage, me.btnInsertHyperlink,
me.btnInsertChart, me.btnColorSchemas,
2019-05-31 13:14:42 +00:00
me.btnCopy, me.btnPaste, me.listStyles, me.btnPrint,
2018-06-28 09:27:11 +00:00
/*me.btnSave,*/ me.btnClearStyle, me.btnCopyStyle,
2020-03-17 12:06:40 +00:00
me.btnPageMargins, me.btnPageSize, me.btnPageOrient, me.btnPrintArea, me.btnPrintTitles, me.btnImgAlign, me.btnImgBackward, me.btnImgForward, me.btnImgGroup, me.btnScale
];
2018-10-31 12:47:20 +00:00
_.each(me.lockControls.concat([me.btnSave]), function(cmp) {
if (cmp && _.isFunction(cmp.setDisabled))
cmp.setDisabled(true);
});
2018-09-25 13:19:33 +00:00
this.lockToolbar(SSE.enumLock.disableOnStart, true, {array: [me.btnPrint]});
this.on('render:after', _.bind(this.onToolbarAfterRender, this));
}
return this;
2016-03-11 00:48:53 +00:00
},
2019-09-12 07:15:07 +00:00
onAfterShowMenuScale: function () {
var me = this;
2019-09-13 14:45:09 +00:00
if (me.api) {
var scale = me.api.asc_getPageOptions().asc_getPageSetup().asc_getScale();
$('#value-custom-scale', me.mnuCustomScale.$el).html(scale + '%');
me.valueCustomScale = scale;
}
if (!me.itemCustomScale) {
me.itemCustomScale = $('.custom-scale', me.mnuCustomScale.$el).on('click', _.bind(function () {
2019-10-15 12:07:03 +00:00
me.fireEvent('click:customscale', ['scale', undefined, undefined, undefined, me.valueCustomScale], this);
2019-09-12 07:15:07 +00:00
}, this));
}
2019-09-13 14:45:09 +00:00
if (!me.btnCustomScaleUp) {
me.btnCustomScaleUp = new Common.UI.Button({
el: $('#custom-scale-up', me.mnuCustomScale.$el),
cls: 'btn-toolbar'
}).on('click', _.bind(function () {
me.fireEvent('change:scalespn', ['up', me.valueCustomScale], this);
}, this));
}
if (!me.btnCustomScaleDown) {
me.btnCustomScaleDown = new Common.UI.Button({
el: $('#custom-scale-down', me.mnuCustomScale.$el),
cls: 'btn-toolbar'
}).on('click', _.bind(function () {
me.fireEvent('change:scalespn', ['down', me.valueCustomScale], this);
}, this));
}
2019-10-15 12:07:03 +00:00
SSE.getController('Toolbar').onChangeScaleSettings();
2019-09-13 14:45:09 +00:00
},
setValueCustomScale: function(val) {
if (this.api && val !== null && val !== undefined) {
$('#value-custom-scale', this.mnuCustomScale.$el).html(val + '%');
this.valueCustomScale = val;
}
2019-09-12 07:15:07 +00:00
},
render: function (mode) {
2017-04-27 15:40:27 +00:00
var me = this;
2016-03-11 00:48:53 +00:00
/**
* Render UI layout
*/
2017-04-27 15:40:27 +00:00
me.isCompactView = mode.isCompactView;
this.fireEvent('render:before', [this]);
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
// el.html(this.template({
// isEditDiagram: mode.isEditDiagram,
// isEditMailMerge: mode.isEditMailMerge,
// isCompactView: isCompactView
// }));
// me.rendererComponents(mode.isEditDiagram ? 'diagram' : (mode.isEditMailMerge ? 'merge' : isCompactView ? 'short' : 'full'));
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
if ( mode.isEdit ) {
me.$el.html(me.rendererComponents(me.$layout));
} else {
me.$layout.find('.canedit').hide();
me.$layout.addClass('folded');
me.$el.html(me.$layout);
}
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
this.fireEvent('render:after', [this]);
Common.UI.Mixtbar.prototype.afterRender.call(this);
2016-03-11 00:48:53 +00:00
2017-04-27 15:40:27 +00:00
Common.NotificationCenter.on({
'window:resize': function() {
Common.UI.Mixtbar.prototype.onResize.apply(me, arguments);
}
});
2018-06-28 09:27:11 +00:00
if ( mode.isEdit ) {
if (!mode.isEditDiagram && !mode.isEditMailMerge) {
var top = Common.localStorage.getItem("sse-pgmargins-top"),
left = Common.localStorage.getItem("sse-pgmargins-left"),
bottom = Common.localStorage.getItem("sse-pgmargins-bottom"),
right = Common.localStorage.getItem("sse-pgmargins-right");
if ( top!==null && left!==null && bottom!==null && right!==null ) {
var mnu = this.btnPageMargins.menu.items[0];
mnu.options.value = mnu.value = [parseFloat(top), parseFloat(left), parseFloat(bottom), parseFloat(right)];
mnu.setVisible(true);
$(mnu.el).html(mnu.template({id: Common.UI.getId(), caption : mnu.caption, options : mnu.options}));
} else
this.btnPageMargins.menu.items[0].setVisible(false);
2019-07-29 12:50:55 +00:00
this.btnInsertImage.menu.items[2].setVisible(mode.canRequestInsertImage || mode.fileChoiceUrl && mode.fileChoiceUrl.indexOf("{documentType}")>-1);
}
2018-06-28 09:27:11 +00:00
me.setTab('home');
2018-06-28 09:27:11 +00:00
}
2017-04-27 15:40:27 +00:00
if ( me.isCompactView )
2018-03-21 11:28:28 +00:00
me.setFolded(true);
2016-03-11 00:48:53 +00:00
return this;
},
2017-08-30 12:23:22 +00:00
onTabClick: function (e) {
var me = this,
tab = $(e.currentTarget).find('> a[data-tab]').data('tab'),
is_file_active = me.isTabActive('file');
Common.UI.Mixtbar.prototype.onTabClick.apply(me, arguments);
2017-08-30 12:23:22 +00:00
if ( is_file_active ) {
me.fireEvent('file:close');
} else
if ( tab == 'file' ) {
me.fireEvent('file:open');
me.setTab(tab);
}
2017-08-30 12:23:22 +00:00
},
2017-04-27 15:40:27 +00:00
rendererComponents: function(html) {
var $host = $(html);
var _injectComponent = function (id, cmp) {
2019-06-10 10:45:38 +00:00
Common.Utils.injectComponent($host.find(id), cmp);
2016-03-11 00:48:53 +00:00
};
2017-04-27 15:40:27 +00:00
_injectComponent('#slot-field-fontname', this.cmbFontName);
_injectComponent('#slot-field-fontsize', this.cmbFontSize);
_injectComponent('#slot-btn-print', this.btnPrint);
_injectComponent('#slot-btn-save', this.btnSave);
_injectComponent('#slot-btn-undo', this.btnUndo);
_injectComponent('#slot-btn-redo', this.btnRedo);
_injectComponent('#slot-btn-copy', this.btnCopy);
_injectComponent('#slot-btn-paste', this.btnPaste);
_injectComponent('#slot-btn-incfont', this.btnIncFontSize);
_injectComponent('#slot-btn-decfont', this.btnDecFontSize);
_injectComponent('#slot-btn-bold', this.btnBold);
_injectComponent('#slot-btn-italic', this.btnItalic);
_injectComponent('#slot-btn-underline', this.btnUnderline);
2017-12-05 13:58:01 +00:00
_injectComponent('#slot-btn-strikeout', this.btnStrikeout);
_injectComponent('#slot-btn-subscript', this.btnSubscript);
2017-04-27 15:40:27 +00:00
_injectComponent('#slot-btn-fontcolor', this.btnTextColor);
_injectComponent('#slot-btn-fillparag', this.btnBackColor);
_injectComponent('#slot-btn-borders', this.btnBorders);
_injectComponent('#slot-btn-align-left', this.btnAlignLeft);
_injectComponent('#slot-btn-align-center', this.btnAlignCenter);
_injectComponent('#slot-btn-align-right', this.btnAlignRight);
_injectComponent('#slot-btn-align-just', this.btnAlignJust);
_injectComponent('#slot-btn-merge', this.btnMerge);
_injectComponent('#slot-btn-top', this.btnAlignTop);
_injectComponent('#slot-btn-middle', this.btnAlignMiddle);
_injectComponent('#slot-btn-bottom', this.btnAlignBottom);
_injectComponent('#slot-btn-wrap', this.btnWrap);
_injectComponent('#slot-btn-text-orient', this.btnTextOrient);
_injectComponent('#slot-btn-insimage', this.btnInsertImage);
_injectComponent('#slot-btn-instable', this.btnInsertTable);
2017-04-27 15:40:27 +00:00
_injectComponent('#slot-btn-inshyperlink', this.btnInsertHyperlink);
_injectComponent('#slot-btn-insshape', this.btnInsertShape);
_injectComponent('#slot-btn-instext', this.btnInsertText);
2017-08-01 12:28:15 +00:00
_injectComponent('#slot-btn-instextart', this.btnInsertTextArt);
2017-04-27 15:40:27 +00:00
_injectComponent('#slot-btn-insequation', this.btnInsertEquation);
2019-11-14 08:48:58 +00:00
_injectComponent('#slot-btn-inssymbol', this.btnInsertSymbol);
2017-04-27 15:40:27 +00:00
_injectComponent('#slot-btn-sortdesc', this.btnSortDown);
_injectComponent('#slot-btn-sortasc', this.btnSortUp);
_injectComponent('#slot-btn-setfilter', this.btnSetAutofilter);
_injectComponent('#slot-btn-clear-filter', this.btnClearAutofilter);
_injectComponent('#slot-btn-table-tpl', this.btnTableTemplate);
_injectComponent('#slot-btn-format', this.cmbNumberFormat);
_injectComponent('#slot-btn-percents', this.btnPercentStyle);
_injectComponent('#slot-btn-currency', this.btnCurrencyStyle);
_injectComponent('#slot-btn-digit-dec', this.btnDecDecimal);
_injectComponent('#slot-btn-digit-inc', this.btnIncDecimal);
_injectComponent('#slot-btn-formula', this.btnInsertFormula);
_injectComponent('#slot-btn-named-range', this.btnNamedRange);
_injectComponent('#slot-btn-clear', this.btnClearStyle);
_injectComponent('#slot-btn-copystyle', this.btnCopyStyle);
_injectComponent('#slot-btn-cell-ins', this.btnAddCell);
_injectComponent('#slot-btn-cell-del', this.btnDeleteCell);
_injectComponent('#slot-btn-colorschemas', this.btnColorSchemas);
_injectComponent('#slot-btn-search', this.btnSearch);
_injectComponent('#slot-btn-inschart', this.btnInsertChart);
_injectComponent('#slot-field-styles', this.listStyles);
_injectComponent('#slot-btn-chart', this.btnEditChart);
2018-06-28 09:27:11 +00:00
_injectComponent('#slot-btn-pageorient', this.btnPageOrient);
_injectComponent('#slot-btn-pagemargins', this.btnPageMargins);
_injectComponent('#slot-btn-pagesize', this.btnPageSize);
2018-09-04 10:18:46 +00:00
_injectComponent('#slot-btn-printarea', this.btnPrintArea);
2020-03-17 12:06:40 +00:00
_injectComponent('#slot-btn-printtitles', this.btnPrintTitles);
2018-06-28 09:27:11 +00:00
_injectComponent('#slot-img-align', this.btnImgAlign);
_injectComponent('#slot-img-group', this.btnImgGroup);
_injectComponent('#slot-img-movefrwd', this.btnImgForward);
_injectComponent('#slot-img-movebkwd', this.btnImgBackward);
2019-08-21 10:55:40 +00:00
_injectComponent('#slot-btn-scale', this.btnScale);
this.btnsEditHeader = Common.Utils.injectButtons($host.find('.slot-editheader'), 'tlbtn-editheader-', 'toolbar__icon btn-editheader', this.capBtnInsHeader,
2019-09-04 14:58:43 +00:00
[SSE.enumLock.editCell, SSE.enumLock.selRangeEdit, SSE.enumLock.headerLock, SSE.enumLock.lostConnect, SSE.enumLock.coAuth]);
Array.prototype.push.apply(this.lockControls, this.btnsEditHeader);
2018-06-28 09:27:11 +00:00
2017-04-27 15:40:27 +00:00
return $host;
2016-03-11 00:48:53 +00:00
},
2016-08-24 14:46:45 +00:00
createDelayedElements: function() {
var me = this;
2017-04-27 15:40:27 +00:00
function _updateHint(cmp, hint) {
cmp && cmp.updateHint(hint);
}
2016-08-24 14:46:45 +00:00
// set hints
2017-04-27 15:40:27 +00:00
_updateHint(this.btnPrint, this.tipPrint + Common.Utils.String.platformKey('Ctrl+P'));
_updateHint(this.btnSave, this.btnSaveTip);
_updateHint(this.btnCopy, this.tipCopy + Common.Utils.String.platformKey('Ctrl+C'));
_updateHint(this.btnPaste, this.tipPaste + Common.Utils.String.platformKey('Ctrl+V'));
_updateHint(this.btnUndo, this.tipUndo + Common.Utils.String.platformKey('Ctrl+Z'));
_updateHint(this.btnRedo, this.tipRedo + Common.Utils.String.platformKey('Ctrl+Y'));
_updateHint(this.btnIncFontSize, this.tipIncFont + Common.Utils.String.platformKey('Ctrl+]'));
_updateHint(this.btnDecFontSize, this.tipDecFont + Common.Utils.String.platformKey('Ctrl+['));
_updateHint(this.btnBold, this.textBold + Common.Utils.String.platformKey('Ctrl+B'));
_updateHint(this.btnItalic, this.textItalic + Common.Utils.String.platformKey('Ctrl+I'));
_updateHint(this.btnUnderline, this.textUnderline + Common.Utils.String.platformKey('Ctrl+U'));
2017-12-05 13:58:01 +00:00
_updateHint(this.btnStrikeout, this.textStrikeout);
_updateHint(this.btnSubscript, this.textSubSuperscript);
2017-04-27 15:40:27 +00:00
_updateHint(this.btnTextColor, this.tipFontColor);
_updateHint(this.btnBackColor, this.tipPrColor);
_updateHint(this.btnBorders, this.tipBorders);
_updateHint(this.btnAlignLeft, this.tipAlignLeft);
_updateHint(this.btnAlignCenter, this.tipAlignCenter);
_updateHint(this.btnAlignRight, this.tipAlignRight);
_updateHint(this.btnAlignJust, this.tipAlignJust);
_updateHint(this.btnMerge, this.tipMerge);
_updateHint(this.btnAlignTop, this.tipAlignTop);
_updateHint(this.btnAlignMiddle, this.tipAlignMiddle);
_updateHint(this.btnAlignBottom, this.tipAlignBottom);
_updateHint(this.btnWrap, this.tipWrap);
_updateHint(this.btnTextOrient, this.tipTextOrientation);
_updateHint(this.btnInsertTable, this.tipInsertTable);
2017-04-27 15:40:27 +00:00
_updateHint(this.btnInsertImage, this.tipInsertImage);
_updateHint(this.btnInsertChart, this.tipInsertChartSpark);
_updateHint(this.btnInsertText, this.tipInsertText);
2017-08-01 12:28:15 +00:00
_updateHint(this.btnInsertTextArt, this.tipInsertTextart);
2017-04-27 15:40:27 +00:00
_updateHint(this.btnInsertHyperlink, this.tipInsertHyperlink + Common.Utils.String.platformKey('Ctrl+K'));
_updateHint(this.btnInsertShape, this.tipInsertShape);
_updateHint(this.btnInsertEquation, this.tipInsertEquation);
2019-11-14 08:48:58 +00:00
_updateHint(this.btnInsertSymbol, this.tipInsertSymbol);
2017-04-27 15:40:27 +00:00
_updateHint(this.btnSortDown, this.txtSortAZ);
_updateHint(this.btnSortUp, this.txtSortZA);
_updateHint(this.btnSetAutofilter, this.txtFilter + ' (Ctrl+Shift+L)');
_updateHint(this.btnClearAutofilter, this.txtClearFilter);
_updateHint(this.btnSearch, this.txtSearch);
_updateHint(this.btnTableTemplate, this.txtTableTemplate);
_updateHint(this.btnPercentStyle, this.tipDigStylePercent);
_updateHint(this.btnCurrencyStyle, this.tipDigStyleAccounting);
_updateHint(this.btnDecDecimal, this.tipDecDecimal);
_updateHint(this.btnIncDecimal, this.tipIncDecimal);
2019-12-26 12:46:14 +00:00
_updateHint(this.btnInsertFormula, [this.txtAutosumTip + Common.Utils.String.platformKey('Alt+='), this.txtFormula]);
2017-04-27 15:40:27 +00:00
_updateHint(this.btnNamedRange, this.txtNamedRange);
_updateHint(this.btnClearStyle, this.tipClearStyle);
_updateHint(this.btnCopyStyle, this.tipCopyStyle);
_updateHint(this.btnAddCell, this.tipInsertOpt);
_updateHint(this.btnDeleteCell, this.tipDeleteOpt);
_updateHint(this.btnColorSchemas, this.tipColorSchemas);
2018-06-28 09:27:11 +00:00
_updateHint(this.btnPageOrient, this.tipPageOrient);
_updateHint(this.btnPageSize, this.tipPageSize);
_updateHint(this.btnPageMargins, this.tipPageMargins);
2018-09-04 10:18:46 +00:00
_updateHint(this.btnPrintArea, this.tipPrintArea);
2020-03-17 12:06:40 +00:00
_updateHint(this.btnPrintTitles, this.tipPrintTitles);
2019-08-21 10:55:40 +00:00
_updateHint(this.btnScale, this.tipScale);
2019-09-04 14:58:43 +00:00
this.btnsEditHeader.forEach(function (btn) {
_updateHint(btn, me.tipEditHeader);
});
// set menus
2017-04-27 15:40:27 +00:00
if (this.btnBorders && this.btnBorders.rendered) {
2016-09-23 11:24:54 +00:00
this.btnBorders.setMenu( new Common.UI.Menu({
items: [
{
caption : this.textOutBorders,
iconCls : 'menu__icon btn-border-out',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-out',
borderId : 'outer'
},
{
caption : this.textAllBorders,
iconCls : 'menu__icon btn-border-all',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-all',
borderId : 'all'
},
{
caption : this.textTopBorders,
iconCls : 'menu__icon btn-border-top',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-top',
borderId : Asc.c_oAscBorderOptions.Top
},
{
caption : this.textBottomBorders,
iconCls : 'menu__icon btn-border-bottom',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-bottom',
borderId : Asc.c_oAscBorderOptions.Bottom
},
{
caption : this.textLeftBorders,
iconCls : 'menu__icon btn-border-left',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-left',
borderId : Asc.c_oAscBorderOptions.Left
},
{
caption : this.textRightBorders,
iconCls : 'menu__icon btn-border-right',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-right',
borderId : Asc.c_oAscBorderOptions.Right
},
{
caption : this.textNoBorders,
iconCls : 'menu__icon btn-border-no',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-no',
borderId : 'none'
},
{caption: '--'},
{
caption : this.textInsideBorders,
iconCls : 'menu__icon btn-border-inside',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-center',
borderId : 'inner'
},
{
caption : this.textCenterBorders,
iconCls : 'menu__icon btn-border-insidevert',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-vmiddle',
borderId : Asc.c_oAscBorderOptions.InnerV
},
{
caption : this.textMiddleBorders,
iconCls : 'menu__icon btn-border-insidehor',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-hmiddle',
borderId : Asc.c_oAscBorderOptions.InnerH
},
{
caption : this.textDiagUpBorder,
iconCls : 'menu__icon btn-border-diagup',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-diagup',
borderId : Asc.c_oAscBorderOptions.DiagU
},
{
caption : this.textDiagDownBorder,
iconCls : 'menu__icon btn-border-diagdown',
2016-09-23 11:24:54 +00:00
icls : 'btn-border-diagdown',
borderId : Asc.c_oAscBorderOptions.DiagD
},
{caption: '--'},
{
id : 'id-toolbar-mnu-item-border-width',
caption : this.textBordersStyle,
iconCls : 'menu__icon btn-border-style',
// template : _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><span class="menu-item-icon" style="background-image: none; width: 11px; height: 11px; margin: 2px 7px 0 -9px;"></span><%= caption %></a>'),
2016-09-23 11:24:54 +00:00
menu : (function(){
var itemTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div class="border-size-item" style="background-position: 0 -<%= options.offsety %>px;"></div></a>');
me.mnuBorderWidth = new Common.UI.Menu({
style : 'min-width: 100px;',
menuAlign : 'tl-tr',
id : 'toolbar-menu-borders-width',
items: [
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Thin , offsety: 0, checked:true},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Hair, offsety: 20},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Dotted, offsety: 40},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Dashed, offsety: 60},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.DashDot, offsety: 80},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.DashDotDot, offsety: 100},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Medium, offsety: 120},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.MediumDashed, offsety: 140},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.MediumDashDot, offsety: 160},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.MediumDashDotDot, offsety: 180},
{ template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Thick, offsety: 200}
2016-09-23 11:24:54 +00:00
]
});
return me.mnuBorderWidth;
})()
},
this.mnuBorderColor = new Common.UI.MenuItem({
id : 'id-toolbar-mnu-item-border-color',
caption : this.textBordersColor,
iconCls : 'mnu-icon-item mnu-border-color',
2019-12-10 14:29:25 +00:00
template : _.template('<a id="<%= id %>"tabindex="-1" type="menuitem"><span class="menu-item-icon" style="background-image: none; width: 12px; height: 12px; margin: 2px 9px 0 -11px; border-style: solid; border-width: 3px; border-color: #000;"></span><%= caption %></a>'),
2016-09-23 11:24:54 +00:00
menu : new Common.UI.Menu({
menuAlign : 'tl-tr',
2016-09-23 11:24:54 +00:00
items : [
{ template: _.template('<div id="id-toolbar-menu-bordercolor" style="width: 169px; height: 220px; margin: 10px;"></div>'), stopPropagation: true },
2016-09-23 11:24:54 +00:00
{ template: _.template('<a id="id-toolbar-menu-new-bordercolor" style="padding-left:12px;">' + this.textNewColor + '</a>'), stopPropagation: true }
]
2016-09-23 11:24:54 +00:00
})
})
2016-09-23 11:24:54 +00:00
]
}));
2016-09-23 11:24:54 +00:00
var colorVal = $('<div class="btn-color-value-line"></div>');
$('button:first-child', this.btnBorders.cmpEl).append(colorVal);
colorVal.css('background-color', this.btnBorders.currentColor || 'transparent');
this.mnuBorderColorPicker = new Common.UI.ThemeColorPalette({
el: $('#id-toolbar-menu-bordercolor')
});
}
2017-04-27 15:40:27 +00:00
if ( this.btnInsertChart ) {
this.btnInsertChart.setMenu(new Common.UI.Menu({
style: 'width: 435px;',
items: [
{ template: _.template('<div id="id-toolbar-menu-insertchart" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>') }
]
}));
var onShowBefore = function(menu) {
var picker = new Common.UI.DataView({
el: $('#id-toolbar-menu-insertchart'),
parentMenu: menu,
showLast: false,
restoreHeight: 421,
2019-11-18 10:40:10 +00:00
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData(true)/*.concat(Common.define.chartData.getSparkGroupData(true))*/),
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()/*.concat(Common.define.chartData.getSparkData())*/),
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist <%= iconCls %>"></div>')
});
picker.on('item:click', function (picker, item, record, e) {
if (record)
me.fireEvent('add:chart', [record.get('group'), record.get('type')]);
if (e.type !== 'click') menu.hide();
});
menu.off('show:before', onShowBefore);
};
this.btnInsertChart.menu.on('show:before', onShowBefore);
2017-04-27 15:40:27 +00:00
}
2018-06-28 09:27:11 +00:00
2019-09-03 10:52:52 +00:00
if (this.btnInsertTextArt) {
var onShowBeforeTextArt = function (menu) {
var collection = SSE.getCollection('Common.Collections.TextArt');
if (collection.length<1)
SSE.getController('Main').fillTextArt(me.api.asc_getTextArtPreviews());
var picker = new Common.UI.DataView({
el: $('#id-toolbar-menu-insart'),
store: collection,
parentMenu: menu,
showLast: false,
itemTemplate: _.template('<div class="item-art"><img src="<%= imageUrl %>" id="<%= id %>" style="width:50px;height:50px;"></div>')
});
picker.on('item:click', function (picker, item, record, e) {
if (record)
me.fireEvent('insert:textart', [record.get('data')]);
if (e.type !== 'click') menu.hide();
});
menu.off('show:before', onShowBeforeTextArt);
};
this.btnInsertTextArt.menu.on('show:before', onShowBeforeTextArt);
}
if (!this.mode.isEditMailMerge && !this.mode.isEditDiagram)
this.updateMetricUnit();
2016-08-24 14:46:45 +00:00
},
onToolbarAfterRender: function(toolbar) {
// DataView and pickers
//
if (this.btnTextColor && this.btnTextColor.cmpEl) {
var colorVal = $('<div class="btn-color-value-line"></div>');
$('button:first-child', this.btnTextColor.cmpEl).append(colorVal);
colorVal.css('background-color', this.btnTextColor.currentColor || 'transparent');
this.mnuTextColorPicker = new Common.UI.ThemeColorPalette({
el: $('#id-toolbar-menu-fontcolor')
});
}
if (this.btnBackColor && this.btnBackColor.cmpEl) {
var colorVal = $('<div class="btn-color-value-line"></div>');
$('button:first-child', this.btnBackColor.cmpEl).append(colorVal);
colorVal.css('background-color', this.btnBackColor.currentColor || 'transparent');
this.mnuBackColorPicker = new Common.UI.ThemeColorPalette({
el: $('#id-toolbar-menu-paracolor'),
transparent: true
});
}
},
2018-06-28 09:27:11 +00:00
updateMetricUnit: function () {
var items = this.btnPageMargins.menu.items;
for (var i = 0; i < items.length; i++) {
var mnu = items[i];
if (mnu.checkable) {
var checked = mnu.checked;
$(mnu.el).html(mnu.template({
id: Common.UI.getId(),
caption: mnu.caption,
options: mnu.options
}));
if (checked) mnu.setChecked(checked);
}
}
items = this.btnPageSize.menu.items;
for (var i = 0; i < items.length; i++) {
var mnu = items[i];
if (mnu.checkable) {
var checked = mnu.checked;
$(mnu.el).html(mnu.template({
id: Common.UI.getId(),
caption: mnu.caption,
options: mnu.options
}));
if (checked) mnu.setChecked(checked);
}
}
},
2016-03-11 00:48:53 +00:00
setApi: function(api) {
this.api = api;
if (!this.mode.isEditMailMerge && !this.mode.isEditDiagram) {
this.api.asc_registerCallback('asc_onCollaborativeChanges', _.bind(this.onApiCollaborativeChanges, this));
this.api.asc_registerCallback('asc_onSendThemeColorSchemes', _.bind(this.onApiSendThemeColorSchemes, this));
this.api.asc_registerCallback('asc_onAuthParticipantsChanged', _.bind(this.onApiUsersChanged, this));
this.api.asc_registerCallback('asc_onParticipantsChanged', _.bind(this.onApiUsersChanged, this));
}
return this;
},
setMode: function(mode) {
if (mode.isDisconnected) {
this.lockToolbar( SSE.enumLock.lostConnect, true );
this.lockToolbar( SSE.enumLock.lostConnect, true,
{array:[this.btnEditChart,this.btnUndo,this.btnRedo]} );
if (!mode.enableDownload)
this.lockToolbar(SSE.enumLock.cantPrint, true, {array: [this.btnPrint]});
2016-03-11 00:48:53 +00:00
} else {
this.mode = mode;
this.lockToolbar(SSE.enumLock.cantPrint, !mode.canPrint, {array: [this.btnPrint]});
}
2017-04-27 15:40:27 +00:00
return this;
2016-03-11 00:48:53 +00:00
},
onApiSendThemeColorSchemes: function(schemas) {
var me = this;
this.mnuColorSchema = this.btnColorSchemas.menu;
if (this.mnuColorSchema && this.mnuColorSchema.items.length > 0) {
_.each(this.mnuColorSchema.items, function(item) {
item.remove();
});
}
if (this.mnuColorSchema == null) {
this.mnuColorSchema = new Common.UI.Menu({
restoreHeight: true
2016-03-11 00:48:53 +00:00
});
}
this.mnuColorSchema.items = [];
var itemTemplate = _.template([
'<a id="<%= id %>" class="<%= options.cls %>" tabindex="-1" type="menuitem">',
'<span class="colors">',
'<% _.each(options.colors, function(color) { %>',
'<span class="color" style="background: <%= color %>;"></span>',
'<% }) %>',
'</span>',
'<span class="text"><%= caption %></span>',
'</a>'
].join(''));
_.each(schemas, function(schema, index) {
var colors = schema.get_colors();
var schemecolors = [];
for (var j = 2; j < 7; j++) {
var clr = '#' + Common.Utils.ThemeColor.getHexColor(colors[j].get_r(), colors[j].get_g(), colors[j].get_b());
schemecolors.push(clr);
}
if (index == 21) {
this.mnuColorSchema.addItem({
caption : '--'
});
}
var name = schema.get_name();
2019-08-20 09:54:51 +00:00
this.mnuColorSchema.addItem({
template: itemTemplate,
cls : 'color-schemas-menu',
colors : schemecolors,
caption: (index < 21) ? (me.SchemeNames[index] || name) : name,
2019-12-19 08:00:49 +00:00
value: index,
2019-08-20 12:56:29 +00:00
checkable: true,
toggleGroup: 'menuSchema'
2019-08-20 09:54:51 +00:00
});
2016-03-11 00:48:53 +00:00
}, this);
},
onApiCollaborativeChanges: function() {
if (this._state.hasCollaborativeChanges) return;
2018-02-28 13:17:53 +00:00
if (!this.btnCollabChanges.rendered) {
// this.needShowSynchTip = true;
2016-03-11 00:48:53 +00:00
return;
}
this._state.hasCollaborativeChanges = true;
2019-11-20 09:42:39 +00:00
this.btnCollabChanges.cmpEl.addClass('notify');
2016-03-11 00:48:53 +00:00
if (this.showSynchTip){
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint('');
2016-03-11 00:48:53 +00:00
if (this.synchTooltip===undefined)
this.createSynchTip();
this.synchTooltip.show();
} else {
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
2016-03-11 00:48:53 +00:00
}
this.btnSave.setDisabled(false);
2016-03-11 00:48:53 +00:00
Common.Gateway.collaborativeChanges();
},
createSynchTip: function () {
this.synchTooltip = new Common.UI.SynchronizeTip({
2019-02-07 10:18:56 +00:00
extCls: (this.mode.customization && !!this.mode.customization.compactHeader) ? undefined : 'inc-index',
2018-02-28 13:17:53 +00:00
target: this.btnCollabChanges.$el
2016-03-11 00:48:53 +00:00
});
this.synchTooltip.on('dontshowclick', function() {
this.showSynchTip = false;
this.synchTooltip.hide();
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
2016-03-11 00:48:53 +00:00
Common.localStorage.setItem('sse-hide-synch', 1);
}, this);
this.synchTooltip.on('closeclick', function() {
this.synchTooltip.hide();
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
2016-03-11 00:48:53 +00:00
}, this);
},
synchronizeChanges: function() {
2018-02-28 13:17:53 +00:00
if (this.btnCollabChanges.rendered) {
2018-02-24 22:19:36 +00:00
var me = this;
2016-03-11 00:48:53 +00:00
2019-11-20 09:42:39 +00:00
if ( me.btnCollabChanges.cmpEl.hasClass('notify') ) {
me.btnCollabChanges.cmpEl.removeClass('notify');
2016-03-11 00:48:53 +00:00
if (this.synchTooltip)
this.synchTooltip.hide();
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint(this.btnSaveTip);
this.btnSave.setDisabled(!me.mode.forcesave);
2016-03-11 00:48:53 +00:00
this._state.hasCollaborativeChanges = false;
}
}
},
onApiUsersChanged: function(users) {
var editusers = [];
_.each(users, function(item){
if (!item.asc_getView())
editusers.push(item);
});
var length = _.size(editusers);
var cls = (length>1) ? 'btn-save-coauth' : 'btn-save';
2018-02-28 13:17:53 +00:00
if (cls !== this.btnSaveCls && this.btnCollabChanges.rendered) {
2016-03-11 00:48:53 +00:00
this.btnSaveTip = ((length>1) ? this.tipSaveCoauth : this.tipSave )+ Common.Utils.String.platformKey('Ctrl+S');
2019-11-20 09:42:39 +00:00
this.btnCollabChanges.updateHint(this.btnSaveTip);
this.btnCollabChanges.$icon.removeClass(this.btnSaveCls).addClass(cls);
2016-03-11 00:48:53 +00:00
this.btnSaveCls = cls;
}
},
2017-04-27 15:40:27 +00:00
onAppReady: function (config) {
if (!this.mode.isEdit || this.mode.isEditMailMerge || this.mode.isEditDiagram) return;
2018-06-28 09:27:11 +00:00
var me = this;
var _holder_view = SSE.getController('DocumentHolder').getView('DocumentHolder');
me.btnImgForward.updateHint(me.tipSendForward);
me.btnImgForward.setMenu(new Common.UI.Menu({
items: [{
caption : _holder_view.textArrangeFront,
iconCls : 'menu__icon arrange-front',
2018-06-28 09:27:11 +00:00
value : Asc.c_oAscDrawingLayerType.BringToFront
}, {
caption : _holder_view.textArrangeForward,
iconCls : 'menu__icon arrange-forward',
2018-06-28 09:27:11 +00:00
value : Asc.c_oAscDrawingLayerType.BringForward
}
]})
);
me.btnImgBackward.updateHint(me.tipSendBackward);
me.btnImgBackward.setMenu(new Common.UI.Menu({
items: [{
caption : _holder_view.textArrangeBack,
iconCls : 'menu__icon arrange-back',
2018-06-28 09:27:11 +00:00
value : Asc.c_oAscDrawingLayerType.SendToBack
}, {
caption : _holder_view.textArrangeBackward,
iconCls : 'menu__icon arrange-backward',
2018-06-28 09:27:11 +00:00
value : Asc.c_oAscDrawingLayerType.SendBackward
}]
}));
me.btnImgAlign.updateHint(me.tipImgAlign);
me.btnImgAlign.setMenu(new Common.UI.Menu({
items: [{
caption : _holder_view.textShapeAlignLeft,
iconCls : 'menu__icon shape-align-left',
2018-07-30 10:10:41 +00:00
value : 0
2018-06-28 09:27:11 +00:00
}, {
caption : _holder_view.textShapeAlignCenter,
iconCls : 'menu__icon shape-align-center',
2018-07-30 10:10:41 +00:00
value : 4
2018-06-28 09:27:11 +00:00
}, {
caption : _holder_view.textShapeAlignRight,
iconCls : 'menu__icon shape-align-right',
2018-07-30 10:10:41 +00:00
value : 1
2018-06-28 09:27:11 +00:00
}, {
caption : _holder_view.textShapeAlignTop,
iconCls : 'menu__icon shape-align-top',
2018-07-30 10:10:41 +00:00
value : 3
2018-06-28 09:27:11 +00:00
}, {
caption : _holder_view.textShapeAlignMiddle,
iconCls : 'menu__icon shape-align-middle',
2018-07-30 10:10:41 +00:00
value : 5
2018-06-28 09:27:11 +00:00
}, {
caption : _holder_view.textShapeAlignBottom,
iconCls : 'menu__icon shape-align-bottom',
2018-07-30 10:10:41 +00:00
value : 2
2019-02-14 14:50:36 +00:00
},
{caption: '--'},
{
caption: _holder_view.txtDistribHor,
iconCls: 'menu__icon shape-distribute-hor',
2019-02-14 14:50:36 +00:00
value: 6
},
{
2019-02-15 08:11:08 +00:00
caption: _holder_view.txtDistribVert,
iconCls: 'menu__icon shape-distribute-vert',
2019-02-14 14:50:36 +00:00
value: 7
2018-06-28 09:27:11 +00:00
}]
}));
me.btnImgGroup.updateHint(me.tipImgGroup);
me.btnImgGroup.setMenu(new Common.UI.Menu({
items: [{
caption : _holder_view.txtGroup,
iconCls : 'menu__icon shape-group',
2018-06-28 09:27:11 +00:00
value: 'grouping'
}, {
caption : _holder_view.txtUngroup,
iconCls : 'menu__icon shape-ungroup',
2018-06-28 09:27:11 +00:00
value: 'ungrouping'
}]
}));
2017-04-27 15:40:27 +00:00
},
2016-03-11 00:48:53 +00:00
textBold: 'Bold',
textItalic: 'Italic',
textUnderline: 'Underline',
2017-12-05 13:58:01 +00:00
textStrikeout: 'Strikeout',
textSuperscript: 'Superscript',
textSubscript: 'Subscript',
textSubSuperscript: 'Subscript/Superscript',
2016-03-11 00:48:53 +00:00
tipFontName: 'Font Name',
tipFontSize: 'Font Size',
tipCellStyle: 'Cell Style',
tipCopy: 'Copy',
tipPaste: 'Paste',
tipUndo: 'Undo',
tipRedo: 'Redo',
tipPrint: 'Print',
tipSave: 'Save',
tipFontColor: 'Font color',
tipPrColor: 'Background color',
tipClearStyle: 'Clear',
tipCopyStyle: 'Copy Style',
tipBack: 'Back',
tipAlignLeft: 'Align Left',
tipAlignRight: 'Align Right',
tipAlignCenter: 'Align Center',
tipAlignJust: 'Justified',
textAlignTop: 'Align text to the top',
textAlignMiddle: 'Align text to the middle',
textAlignBottom: 'Align text to the bottom',
tipNumFormat: 'Number Format',
txtNumber: 'Number',
txtInteger: 'Integer',
txtGeneral: 'General',
txtCustom: 'Custom',
txtCurrency: 'Currency',
txtDollar: '$ Dollar',
txtEuro: '€ Euro',
txtRouble: '₽ Rouble',
2016-03-11 00:48:53 +00:00
txtPound: '£ Pound',
txtYen: '¥ Yen',
// txtFranc: 'CHF Swiss franc',
txtAccounting: 'Accounting',
txtDate: 'Date',
txtTime: 'Time',
txtDateTime: 'Date & Time',
txtPercentage: 'Percentage',
txtFraction: 'Fraction',
txtScientific: 'Scientific',
txtText: 'Text',
// txtSpecial: 'Special',
tipBorders: 'Borders',
textOutBorders: 'Outside Borders',
textAllBorders: 'All Borders',
textTopBorders: 'Top Borders',
textBottomBorders: 'Bottom Borders',
textLeftBorders: 'Left Borders',
textRightBorders: 'Right Borders',
textNoBorders: 'No Borders',
textInsideBorders: 'Inside Borders',
textMiddleBorders: 'Inside Horizontal Borders',
textCenterBorders: 'Inside Vertical Borders',
textDiagDownBorder: 'Diagonal Down Border',
textDiagUpBorder: 'Diagonal Up Border',
tipWrap: 'Wrap Text',
txtClearAll: 'All',
txtClearText: 'Text',
txtClearFormat: 'Format',
txtClearFormula: 'Formula',
txtClearHyper: 'Hyperlink',
txtClearComments: 'Comments',
tipMerge: 'Merge',
txtMergeCenter: 'Merge Center',
txtMergeAcross: 'Merge Across',
txtMergeCells: 'Merge Cells',
txtUnmerge: 'Unmerge Cells',
tipIncDecimal: 'Increase Decimal',
tipDecDecimal: 'Decrease Decimal',
tipAutofilter: 'Set Autofilter',
2018-06-14 07:22:41 +00:00
tipInsertImage: 'Insert Image',
2016-03-11 00:48:53 +00:00
tipInsertHyperlink: 'Add Hyperlink',
tipSynchronize: 'The document has been changed by another user. Please click to save your changes and reload the updates.',
tipIncFont: 'Increment font size',
tipDecFont: 'Decrement font size',
tipInsertText: 'Insert Text',
2017-08-01 12:28:15 +00:00
tipInsertTextart: 'Insert Text Art',
2016-03-11 00:48:53 +00:00
tipInsertShape: 'Insert Autoshape',
tipDigStylePercent: 'Percent Style',
// tipDigStyleCurrency:'Currency Style',
tipDigStyleAccounting: 'Accounting Style',
tipTextOrientation: 'Orientation',
tipInsertOpt: 'Insert Cells',
tipDeleteOpt: 'Delete Cells',
tipAlignTop: 'Align Top',
tipAlignMiddle: 'Align Middle',
tipAlignBottom: 'Align Bottom',
textBordersStyle: 'Border Style',
2016-03-11 00:48:53 +00:00
textBordersColor: 'Borders Color',
textAlignLeft: 'Left align text',
textAlignRight: 'Right align text',
textAlignCenter: 'Center text',
textAlignJust: 'Justify',
txtSort: 'Sort',
// txtAscending: 'Ascending',
// txtDescending: 'Descending',
txtFormula: 'Insert Function',
txtNoBorders: 'No borders',
txtAdditional: 'Additional',
2018-06-14 07:22:41 +00:00
mniImageFromFile: 'Image from file',
mniImageFromUrl: 'Image from url',
2016-03-11 00:48:53 +00:00
textNewColor: 'Add New Custom Color',
tipInsertChart: 'Insert Chart',
tipEditChart: 'Edit Chart',
textPrint: 'Print',
textPrintOptions: 'Print Options',
tipColorSchemas: 'Change Color Scheme',
txtSortAZ: 'Sort A to Z',
txtSortZA: 'Sort Z to A',
txtFilter: 'Filter',
txtTableTemplate: 'Format As Table Template',
textHorizontal: 'Horizontal Text',
textCounterCw: 'Angle Counterclockwise',
textClockwise: 'Angle Clockwise',
textRotateUp: 'Rotate Text Up',
textRotateDown: 'Rotate Text Down',
textInsRight: 'Shift Cells Right',
textInsDown: 'Shift Cells Down',
textEntireRow: 'Entire Row',
textEntireCol: 'Entire Column',
textDelLeft: 'Shift Cells Left',
textDelUp: 'Shift Cells Up',
textZoom: 'Zoom',
txtScheme1: 'Office',
txtScheme2: 'Grayscale',
txtScheme3: 'Apex',
txtScheme4: 'Aspect',
txtScheme5: 'Civic',
txtScheme6: 'Concourse',
txtScheme7: 'Equity',
txtScheme8: 'Flow',
txtScheme9: 'Foundry',
txtScheme10: 'Median',
txtScheme11: 'Metro',
txtScheme12: 'Module',
txtScheme13: 'Opulent',
txtScheme14: 'Oriel',
txtScheme15: 'Origin',
txtScheme16: 'Paper',
txtScheme17: 'Solstice',
txtScheme18: 'Technic',
txtScheme19: 'Trek',
txtScheme20: 'Urban',
txtScheme21: 'Verve',
txtClearFilter: 'Clear Filter',
tipSaveCoauth: 'Save your changes for the other users to see them.',
txtSearch: 'Search',
txtNamedRange: 'Named Ranges',
txtNewRange: 'Define Name',
txtManageRange: 'Name manager',
txtPasteRange: 'Paste name',
2016-09-14 13:34:08 +00:00
textInsCharts: 'Charts',
tipInsertEquation: 'Insert Equation',
2017-08-24 11:46:12 +00:00
tipInsertChartSpark: 'Insert Chart',
2017-04-27 15:40:27 +00:00
textMoreFormats: 'More formats',
2017-08-01 12:28:15 +00:00
capInsertText: 'Text',
capInsertTextart: 'Text Art',
2018-06-14 07:22:41 +00:00
capInsertImage: 'Image',
2017-04-27 15:40:27 +00:00
capInsertShape: 'Shape',
capInsertChart: 'Chart',
capInsertHyperlink: 'Hyperlink',
2017-06-15 13:18:40 +00:00
capInsertEquation: 'Equation',
2017-07-05 12:22:02 +00:00
capBtnComment: 'Comment',
2017-07-21 10:44:07 +00:00
textTabFile: 'File',
textTabHome: 'Home',
textTabInsert: 'Insert',
tipChangeChart: 'Change Chart Type',
textTabCollaboration: 'Collaboration',
2018-06-28 09:27:11 +00:00
textTabProtect: 'Protection',
textTabLayout: 'Layout',
capBtnPageOrient: 'Orientation',
capBtnMargins: 'Margins',
capBtnPageSize: 'Size',
tipImgAlign: 'Align objects',
tipImgGroup: 'Group objects',
tipSendForward: 'Bring forward',
tipSendBackward: 'Send backward',
capImgAlign: 'Align',
capImgGroup: 'Group',
capImgForward: 'Bring Forward',
capImgBackward: 'Send Backward',
tipPageSize: 'Page Size',
tipPageOrient: 'Page Orientation',
tipPageMargins: 'Page Margins',
textMarginsLast: 'Last Custom',
textMarginsNormal: 'Normal',
textMarginsNarrow: 'Narrow',
textMarginsWide: 'Wide',
textPageMarginsCustom: 'Custom margins',
textTop: 'Top: ',
textLeft: 'Left: ',
textBottom: 'Bottom: ',
textRight: 'Right: ',
textPortrait: 'Portrait',
2018-10-03 11:00:08 +00:00
textLandscape: 'Landscape',
mniImageFromStorage: 'Image from Storage',
2018-09-04 10:18:46 +00:00
capBtnPrintArea: 'Print Area',
textSetPrintArea: 'Set Print Area',
textClearPrintArea: 'Clear Print Area',
textAddPrintArea: 'Add to Print Area',
2019-10-15 09:54:37 +00:00
tipPrintArea: 'Print area',
capBtnInsHeader: 'Header/Footer',
tipEditHeader: 'Edit header or footer',
textTabData: 'Data',
capInsertTable: 'Table',
2019-06-20 09:51:27 +00:00
tipInsertTable: 'Insert table',
2019-08-21 10:55:40 +00:00
textTabFormula: 'Formula',
2019-08-26 14:18:44 +00:00
capBtnScale: 'Scale to Fit',
2019-09-12 07:15:07 +00:00
tipScale: 'Scale to Fit',
textScaleCustom: 'Custom',
2019-10-15 12:07:03 +00:00
textScale: 'Scale',
textAuto: 'Auto',
textOnePage: 'page',
textFewPages: 'pages',
textManyPages: 'pages',
textHeight: 'Height',
textWidth: 'Width',
textMorePages: 'More pages',
capBtnAddComment: 'Add Comment',
2019-11-14 08:48:58 +00:00
capBtnInsSymbol: 'Symbol',
2019-12-26 12:46:14 +00:00
tipInsertSymbol: 'Insert symbol',
2020-03-17 12:06:40 +00:00
txtAutosumTip: 'Summation',
capBtnPrintTitles: 'Print Titles',
tipPrintTitles: 'Print titles'
2016-03-11 00:48:53 +00:00
}, SSE.Views.Toolbar || {}));
});