1106 lines
44 KiB
JavaScript
1106 lines
44 KiB
JavaScript
/*
|
|
*
|
|
* (c) Copyright Ascensio System SIA 2010-2019
|
|
*
|
|
* This program is a free software product. You can redistribute it and/or
|
|
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
|
* version 3 as published by the Free Software Foundation. In accordance with
|
|
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
|
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
|
* of any third-party rights.
|
|
*
|
|
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
|
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
|
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
|
*
|
|
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
|
|
* street, Riga, Latvia, EU, LV-1050.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of the Program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU AGPL version 3.
|
|
*
|
|
* Pursuant to Section 7(b) of the License you must retain the original Product
|
|
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
|
* grant you any rights under trademark law for use of our trademarks.
|
|
*
|
|
* All the Product's GUI elements, including illustrations and icon sets, as
|
|
* well as technical writing content are licensed under the terms of the
|
|
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
|
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
|
*
|
|
*/
|
|
/**
|
|
* DocumentHolder.js
|
|
*
|
|
* DocumentHolder view
|
|
*
|
|
* Created by Julia Radzhabova on 3/28/14
|
|
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
|
|
*
|
|
*/
|
|
|
|
define([
|
|
'jquery',
|
|
'underscore',
|
|
'backbone',
|
|
'gateway',
|
|
'common/main/lib/component/Menu'
|
|
// 'spreadsheeteditor/main/app/view/HyperlinkSettingsDialog',
|
|
// 'spreadsheeteditor/main/app/view/ParagraphSettingsAdvanced',
|
|
// 'spreadsheeteditor/main/app/view/TableSettingsAdvanced'
|
|
], function ($, _, Backbone, gateway) { 'use strict';
|
|
|
|
SSE.Views.DocumentHolder = Backbone.View.extend(_.extend({
|
|
el: '#editor_sdk',
|
|
|
|
// Compile our stats template
|
|
template: null,
|
|
|
|
// Delegated events for creating new items, and clearing completed ones.
|
|
events: {
|
|
},
|
|
|
|
initialize: function() {
|
|
var me = this;
|
|
|
|
this.setApi = function(api) {
|
|
me.api = api;
|
|
return me;
|
|
};
|
|
},
|
|
|
|
render: function() {
|
|
this.fireEvent('render:before', this);
|
|
|
|
this.cmpEl = $(this.el);
|
|
|
|
this.fireEvent('render:after', this);
|
|
return this;
|
|
},
|
|
|
|
focus: function() {
|
|
var me = this;
|
|
_.defer(function(){
|
|
me.cmpEl.focus();
|
|
}, 50);
|
|
},
|
|
|
|
createDelayedElementsViewer: function() {
|
|
var me = this;
|
|
|
|
me.menuViewCopy = new Common.UI.MenuItem({
|
|
caption: me.txtCopy,
|
|
value: 'copy'
|
|
});
|
|
|
|
me.menuViewUndo = new Common.UI.MenuItem({
|
|
caption: me.textUndo
|
|
});
|
|
|
|
me.menuViewCopySeparator = new Common.UI.MenuItem({
|
|
caption: '--'
|
|
});
|
|
|
|
me.menuViewAddComment = new Common.UI.MenuItem({
|
|
id: 'id-context-menu-item-view-add-comment',
|
|
caption: me.txtAddComment
|
|
});
|
|
|
|
me.menuSignatureViewSign = new Common.UI.MenuItem({caption: this.strSign, value: 0 });
|
|
me.menuSignatureDetails = new Common.UI.MenuItem({caption: this.strDetails, value: 1 });
|
|
me.menuSignatureViewSetup = new Common.UI.MenuItem({caption: this.strSetup, value: 2 });
|
|
me.menuSignatureRemove = new Common.UI.MenuItem({caption: this.strDelete, value: 3 });
|
|
me.menuViewSignSeparator = new Common.UI.MenuItem({caption: '--' });
|
|
|
|
this.viewModeMenu = new Common.UI.Menu({
|
|
items: [
|
|
me.menuViewCopy,
|
|
me.menuViewUndo,
|
|
me.menuViewCopySeparator,
|
|
me.menuSignatureViewSign,
|
|
me.menuSignatureDetails,
|
|
me.menuSignatureViewSetup,
|
|
me.menuSignatureRemove,
|
|
me.menuViewSignSeparator,
|
|
me.menuViewAddComment
|
|
]
|
|
});
|
|
|
|
me.fireEvent('createdelayedelements', [me]);
|
|
},
|
|
|
|
createDelayedElements: function() {
|
|
var me = this;
|
|
|
|
me.pmiCut = new Common.UI.MenuItem({
|
|
caption : me.txtCut,
|
|
value : 'cut'
|
|
});
|
|
|
|
me.pmiCopy = new Common.UI.MenuItem({
|
|
caption : me.txtCopy,
|
|
value : 'copy'
|
|
});
|
|
|
|
me.pmiPaste = new Common.UI.MenuItem({
|
|
caption : me.txtPaste,
|
|
value : 'paste'
|
|
});
|
|
|
|
me.pmiSelectTable = new Common.UI.MenuItem({
|
|
caption : me.txtSelect,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
{ caption: this.selectRowText, value: Asc.c_oAscChangeSelectionFormatTable.row},
|
|
{ caption: this.selectColumnText, value: Asc.c_oAscChangeSelectionFormatTable.column},
|
|
{ caption: this.selectDataText, value: Asc.c_oAscChangeSelectionFormatTable.data},
|
|
{ caption: this.selectTableText, value: Asc.c_oAscChangeSelectionFormatTable.all}
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiInsertEntire = new Common.UI.MenuItem({
|
|
caption : me.txtInsert
|
|
});
|
|
|
|
me.pmiInsertCells = new Common.UI.MenuItem({
|
|
caption : me.txtInsert,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
{
|
|
caption : me.txtShiftRight,
|
|
value : Asc.c_oAscInsertOptions.InsertCellsAndShiftRight
|
|
},{
|
|
caption : me.txtShiftDown,
|
|
value : Asc.c_oAscInsertOptions.InsertCellsAndShiftDown
|
|
},{
|
|
caption : me.txtRow,
|
|
value : Asc.c_oAscInsertOptions.InsertRows
|
|
},{
|
|
caption : me.txtColumn,
|
|
value : Asc.c_oAscInsertOptions.InsertColumns
|
|
}
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiInsertTable = new Common.UI.MenuItem({
|
|
caption : me.txtInsert,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
{ caption: me.insertRowAboveText, value: Asc.c_oAscInsertOptions.InsertTableRowAbove},
|
|
{ caption: me.insertRowBelowText, value: Asc.c_oAscInsertOptions.InsertTableRowBelow},
|
|
{ caption: me.insertColumnLeftText, value: Asc.c_oAscInsertOptions.InsertTableColLeft},
|
|
{ caption: me.insertColumnRightText, value: Asc.c_oAscInsertOptions.InsertTableColRight}
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiDeleteEntire = new Common.UI.MenuItem({
|
|
caption : me.txtDelete
|
|
});
|
|
|
|
me.pmiDeleteCells = new Common.UI.MenuItem({
|
|
caption : me.txtDelete,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
{
|
|
caption : me.txtShiftLeft,
|
|
value : Asc.c_oAscDeleteOptions.DeleteCellsAndShiftLeft
|
|
},{
|
|
caption : me.txtShiftUp,
|
|
value : Asc.c_oAscDeleteOptions.DeleteCellsAndShiftTop
|
|
},{
|
|
caption : me.txtRow,
|
|
value : Asc.c_oAscDeleteOptions.DeleteRows
|
|
},{
|
|
caption : me.txtColumn,
|
|
value : Asc.c_oAscDeleteOptions.DeleteColumns
|
|
}
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiDeleteTable = new Common.UI.MenuItem({
|
|
caption : me.txtDelete,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
{ caption: this.deleteRowText, value: Asc.c_oAscDeleteOptions.DeleteRows},
|
|
{ caption: this.deleteColumnText, value: Asc.c_oAscDeleteOptions.DeleteColumns},
|
|
{ caption: this.deleteTableText, value: Asc.c_oAscDeleteOptions.DeleteTable}
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiClear = new Common.UI.MenuItem({
|
|
caption : me.txtClear,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
{
|
|
caption : me.txtClearAll,
|
|
value : Asc.c_oAscCleanOptions.All
|
|
},
|
|
{
|
|
caption : me.txtClearText,
|
|
value : Asc.c_oAscCleanOptions.Text
|
|
},
|
|
{
|
|
caption : me.txtClearFormat,
|
|
value : Asc.c_oAscCleanOptions.Format
|
|
},
|
|
{
|
|
caption : me.txtClearComments,
|
|
value : Asc.c_oAscCleanOptions.Comments
|
|
},
|
|
{
|
|
caption : me.txtClearHyper,
|
|
value : Asc.c_oAscCleanOptions.Hyperlinks
|
|
}
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiSortCells = new Common.UI.MenuItem({
|
|
caption : me.txtSort,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
{
|
|
caption : me.txtAscending,
|
|
value : Asc.c_oAscSortOptions.Ascending
|
|
},{
|
|
caption : me.txtDescending,
|
|
value : Asc.c_oAscSortOptions.Descending
|
|
},{
|
|
caption : me.txtSortCellColor,
|
|
value : Asc.c_oAscSortOptions.ByColorFill
|
|
},{
|
|
caption : me.txtSortFontColor,
|
|
value : Asc.c_oAscSortOptions.ByColorFont
|
|
}
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiFilterCells = new Common.UI.MenuItem({
|
|
caption : me.txtFilter,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
{
|
|
caption : me.txtFilterValue,
|
|
value : 0
|
|
},{
|
|
caption : me.txtFilterCellColor,
|
|
value : 1
|
|
},{
|
|
caption : me.txtFilterFontColor,
|
|
value : 2
|
|
}
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiReapply = new Common.UI.MenuItem({
|
|
caption : me.txtReapply
|
|
});
|
|
|
|
me.pmiInsFunction = new Common.UI.MenuItem({
|
|
caption : me.txtFormula
|
|
});
|
|
|
|
me.menuAddHyperlink = new Common.UI.MenuItem({
|
|
caption : me.txtInsHyperlink,
|
|
inCell : true
|
|
});
|
|
|
|
me.menuEditHyperlink = new Common.UI.MenuItem({
|
|
caption : me.editHyperlinkText,
|
|
inCell : true
|
|
});
|
|
|
|
me.menuRemoveHyperlink = new Common.UI.MenuItem({
|
|
caption : me.removeHyperlinkText
|
|
});
|
|
|
|
me.menuHyperlink = new Common.UI.MenuItem({
|
|
caption : me.txtInsHyperlink,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items : [
|
|
me.menuEditHyperlink,
|
|
me.menuRemoveHyperlink
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiRowHeight = new Common.UI.MenuItem({
|
|
caption : me.txtRowHeight,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items : [
|
|
{ caption: me.txtAutoRowHeight, value: 'auto-row-height' },
|
|
{ caption: me.txtCustomRowHeight, value: 'row-height' }
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiColumnWidth = new Common.UI.MenuItem({
|
|
caption : me.txtColumnWidth,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items : [
|
|
{ caption: me.txtAutoColumnWidth, value: 'auto-column-width' },
|
|
{ caption: me.txtCustomColumnWidth, value: 'column-width' }
|
|
]
|
|
})
|
|
});
|
|
|
|
me.pmiEntireHide = new Common.UI.MenuItem({
|
|
caption : me.txtHide
|
|
});
|
|
|
|
me.pmiEntireShow = new Common.UI.MenuItem({
|
|
caption : me.txtShow
|
|
});
|
|
|
|
me.pmiAddComment = new Common.UI.MenuItem({
|
|
id : 'id-context-menu-item-add-comment',
|
|
caption : me.txtAddComment
|
|
});
|
|
|
|
me.pmiCellMenuSeparator = new Common.UI.MenuItem({
|
|
caption : '--'
|
|
});
|
|
|
|
me.pmiAddNamedRange = new Common.UI.MenuItem({
|
|
id : 'id-context-menu-item-add-named-range',
|
|
caption : me.txtAddNamedRange
|
|
});
|
|
|
|
me.pmiFreezePanes = new Common.UI.MenuItem({
|
|
caption : me.textFreezePanes
|
|
});
|
|
|
|
me.pmiEntriesList = new Common.UI.MenuItem({
|
|
caption : me.textEntriesList
|
|
});
|
|
|
|
me.pmiSparklines = new Common.UI.MenuItem({
|
|
caption : me.txtSparklines,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items : [
|
|
{ caption: me.txtClearSparklines, value: Asc.c_oAscCleanOptions.Sparklines },
|
|
{ caption: me.txtClearSparklineGroups, value: Asc.c_oAscCleanOptions.SparklineGroups }
|
|
]
|
|
})
|
|
});
|
|
|
|
var numFormatTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem">'+
|
|
'<div style="position: relative;">'+
|
|
'<div style="position: absolute; left: 0; width: 100px;"><%= caption %></div>' +
|
|
'<label style="width: 100%; max-width: 300px; overflow: hidden; text-overflow: ellipsis; text-align: right; vertical-align: bottom; padding-left: 100px; color: silver;cursor: pointer;"><%= options.exampleval ? options.exampleval : "" %></label>' +
|
|
'</div></a>');
|
|
|
|
me.pmiNumFormat = new Common.UI.MenuItem({
|
|
caption: me.txtNumFormat,
|
|
menu: new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
{
|
|
caption: this.txtGeneral,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: 'General',
|
|
exampleval: '100',
|
|
value: Asc.c_oAscNumFormatType.General
|
|
},
|
|
{
|
|
caption: this.txtNumber,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: '0.00',
|
|
exampleval: '100,00',
|
|
value: Asc.c_oAscNumFormatType.Number
|
|
},
|
|
{
|
|
caption: this.txtScientific,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: '0.00E+00',
|
|
exampleval: '1,00E+02',
|
|
value: Asc.c_oAscNumFormatType.Scientific
|
|
},
|
|
{
|
|
caption: this.txtAccounting,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: '_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)',
|
|
exampleval: '100,00 $',
|
|
value: Asc.c_oAscNumFormatType.Accounting
|
|
},
|
|
{
|
|
caption: this.txtCurrency,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: '$#,##0.00',
|
|
exampleval: '100,00 $',
|
|
value: Asc.c_oAscNumFormatType.Currency
|
|
},
|
|
{
|
|
caption: this.txtDate,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: 'MM-dd-yyyy',
|
|
exampleval: '04-09-1900',
|
|
value: Asc.c_oAscNumFormatType.Date
|
|
},
|
|
{
|
|
caption: this.txtTime,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: 'HH:MM:ss',
|
|
exampleval: '00:00:00',
|
|
value: Asc.c_oAscNumFormatType.Time
|
|
},
|
|
{
|
|
caption: this.txtPercentage,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: '0.00%',
|
|
exampleval: '100,00%',
|
|
value: Asc.c_oAscNumFormatType.Percent
|
|
},
|
|
{
|
|
caption: this.txtFraction,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: '# ?/?',
|
|
exampleval: '100',
|
|
value: Asc.c_oAscNumFormatType.Fraction
|
|
},
|
|
{
|
|
caption: this.txtText,
|
|
template: numFormatTemplate,
|
|
checkable: true,
|
|
format: '@',
|
|
exampleval: '100',
|
|
value: Asc.c_oAscNumFormatType.Text
|
|
},
|
|
{caption: '--'},
|
|
me.pmiAdvancedNumFormat = new Common.UI.MenuItem({
|
|
caption: me.textMoreFormats,
|
|
value: 'advanced'
|
|
})
|
|
]
|
|
})
|
|
});
|
|
|
|
me.ssMenu = new Common.UI.Menu({
|
|
id : 'id-context-menu-cell',
|
|
items : [
|
|
me.pmiCut,
|
|
me.pmiCopy,
|
|
me.pmiPaste,
|
|
{caption: '--'},
|
|
me.pmiSelectTable,
|
|
me.pmiInsertEntire,
|
|
me.pmiInsertCells,
|
|
me.pmiInsertTable,
|
|
me.pmiDeleteEntire,
|
|
me.pmiDeleteCells,
|
|
me.pmiDeleteTable,
|
|
me.pmiClear,
|
|
{caption: '--'},
|
|
me.pmiSparklines,
|
|
me.pmiSortCells,
|
|
me.pmiFilterCells,
|
|
me.pmiReapply,
|
|
{caption: '--'},
|
|
me.pmiAddComment,
|
|
me.pmiCellMenuSeparator,
|
|
me.pmiNumFormat,
|
|
me.pmiEntriesList,
|
|
me.pmiAddNamedRange,
|
|
me.pmiInsFunction,
|
|
me.menuAddHyperlink,
|
|
me.menuHyperlink,
|
|
me.pmiRowHeight,
|
|
me.pmiColumnWidth,
|
|
me.pmiEntireHide,
|
|
me.pmiEntireShow,
|
|
me.pmiFreezePanes
|
|
]
|
|
});
|
|
|
|
me.mnuGroupImg = new Common.UI.MenuItem({
|
|
caption : this.txtGroup,
|
|
iconCls : 'menu__icon shape-group',
|
|
type : 'group',
|
|
value : 'grouping'
|
|
});
|
|
|
|
me.mnuUnGroupImg = new Common.UI.MenuItem({
|
|
caption : this.txtUngroup,
|
|
iconCls : 'menu__icon shape-ungroup',
|
|
type : 'group',
|
|
value : 'ungrouping'
|
|
});
|
|
|
|
me.mnuShapeSeparator = new Common.UI.MenuItem({
|
|
caption : '--'
|
|
});
|
|
|
|
me.mnuShapeAdvanced = new Common.UI.MenuItem({
|
|
caption : me.advancedShapeText
|
|
});
|
|
|
|
me.mnuImgAdvanced = new Common.UI.MenuItem({
|
|
caption : me.advancedImgText
|
|
});
|
|
|
|
me.mnuChartEdit = new Common.UI.MenuItem({
|
|
caption : me.chartText
|
|
});
|
|
|
|
me.pmiImgCut = new Common.UI.MenuItem({
|
|
caption : me.txtCut,
|
|
value : 'cut'
|
|
});
|
|
|
|
me.pmiImgCopy = new Common.UI.MenuItem({
|
|
caption : me.txtCopy,
|
|
value : 'copy'
|
|
});
|
|
|
|
me.pmiImgPaste = new Common.UI.MenuItem({
|
|
caption : me.txtPaste,
|
|
value : 'paste'
|
|
});
|
|
|
|
me.menuSignatureEditSign = new Common.UI.MenuItem({caption: this.strSign, value: 0 });
|
|
me.menuSignatureEditSetup = new Common.UI.MenuItem({caption: this.strSetup, value: 2 });
|
|
me.menuEditSignSeparator = new Common.UI.MenuItem({ caption: '--' });
|
|
|
|
me.menuImgOriginalSize = new Common.UI.MenuItem({
|
|
caption : me.originalSizeText
|
|
});
|
|
|
|
me.menuImgReplace = new Common.UI.MenuItem({
|
|
caption : me.textReplace,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
new Common.UI.MenuItem({caption : this.textFromFile, value: 'file'}),
|
|
new Common.UI.MenuItem({caption : this.textFromUrl, value: 'url'}),
|
|
new Common.UI.MenuItem({caption : this.textFromStorage, value: 'storage'})
|
|
]
|
|
})
|
|
});
|
|
|
|
me.menuImgCrop = new Common.UI.MenuItem({
|
|
caption : me.textCrop,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
new Common.UI.MenuItem({
|
|
caption: me.textCrop,
|
|
checkable: true,
|
|
allowDepress: true,
|
|
value : 0
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption: me.textCropFill,
|
|
value : 1
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption: me.textCropFit,
|
|
value : 2
|
|
})
|
|
]
|
|
})
|
|
});
|
|
|
|
me.mnuBringToFront = new Common.UI.MenuItem({
|
|
caption : this.textArrangeFront,
|
|
iconCls : 'menu__icon arrange-front',
|
|
type : 'arrange',
|
|
value : Asc.c_oAscDrawingLayerType.BringToFront
|
|
});
|
|
me.mnuSendToBack = new Common.UI.MenuItem({
|
|
caption : this.textArrangeBack,
|
|
iconCls : 'menu__icon arrange-back',
|
|
type : 'arrange',
|
|
value : Asc.c_oAscDrawingLayerType.SendToBack
|
|
});
|
|
me.mnuBringForward = new Common.UI.MenuItem({
|
|
caption : this.textArrangeForward,
|
|
iconCls : 'menu__icon arrange-forward',
|
|
type : 'arrange',
|
|
value : Asc.c_oAscDrawingLayerType.BringForward
|
|
});
|
|
me.mnuSendBackward = new Common.UI.MenuItem({
|
|
caption: this.textArrangeBackward,
|
|
iconCls : 'menu__icon arrange-backward',
|
|
type : 'arrange',
|
|
value : Asc.c_oAscDrawingLayerType.SendBackward
|
|
});
|
|
|
|
me.menuImageArrange = new Common.UI.MenuItem({
|
|
caption : me.textArrange,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
me.mnuBringToFront,
|
|
me.mnuSendToBack,
|
|
me.mnuBringForward,
|
|
me.mnuSendBackward,
|
|
{ caption: '--' },
|
|
me.mnuGroupImg,
|
|
me.mnuUnGroupImg
|
|
]
|
|
})
|
|
});
|
|
|
|
me.menuImageAlign = new Common.UI.MenuItem({
|
|
caption : me.textAlign,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [{
|
|
caption : me.textShapeAlignLeft,
|
|
iconCls : 'menu__icon shape-align-left',
|
|
value : 0
|
|
}, {
|
|
caption : me.textShapeAlignCenter,
|
|
iconCls : 'menu__icon shape-align-center',
|
|
value : 4
|
|
}, {
|
|
caption : me.textShapeAlignRight,
|
|
iconCls : 'menu__icon shape-align-right',
|
|
value : 1
|
|
}, {
|
|
caption : me.textShapeAlignTop,
|
|
iconCls : 'menu__icon shape-align-top',
|
|
value : 3
|
|
}, {
|
|
caption : me.textShapeAlignMiddle,
|
|
iconCls : 'menu__icon shape-align-middle',
|
|
value : 5
|
|
}, {
|
|
caption : me.textShapeAlignBottom,
|
|
iconCls : 'menu__icon shape-align-bottom',
|
|
value : 2
|
|
},
|
|
{caption: '--'},
|
|
{
|
|
caption: me.txtDistribHor,
|
|
iconCls: 'menu__icon shape-distribute-hor',
|
|
value: 6
|
|
},
|
|
{
|
|
caption: me.txtDistribVert,
|
|
iconCls: 'menu__icon shape-distribute-vert',
|
|
value: 7
|
|
}]
|
|
})
|
|
});
|
|
|
|
me.menuImgRotate = new Common.UI.MenuItem({
|
|
caption : me.textRotate,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
new Common.UI.MenuItem({
|
|
caption: me.textRotate90,
|
|
type : 'rotate',
|
|
value : 1
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption: me.textRotate270,
|
|
type : 'rotate',
|
|
value : 0
|
|
}),
|
|
{ caption: '--' },
|
|
new Common.UI.MenuItem({
|
|
caption: me.textFlipH,
|
|
type : 'flip',
|
|
value : 1
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption: me.textFlipV,
|
|
type : 'flip',
|
|
value : 0
|
|
})
|
|
]
|
|
})
|
|
});
|
|
|
|
this.imgMenu = new Common.UI.Menu({
|
|
items: [
|
|
me.pmiImgCut,
|
|
me.pmiImgCopy,
|
|
me.pmiImgPaste,
|
|
{caption: '--'},
|
|
me.menuSignatureEditSign,
|
|
me.menuSignatureEditSetup,
|
|
me.menuEditSignSeparator,
|
|
me.menuImageArrange,
|
|
me.menuImageAlign,
|
|
me.menuImgRotate,
|
|
me.mnuShapeSeparator,
|
|
me.menuImgCrop,
|
|
me.mnuChartEdit,
|
|
me.mnuShapeAdvanced,
|
|
me.menuImgOriginalSize,
|
|
me.menuImgReplace,
|
|
me.mnuImgAdvanced
|
|
]
|
|
});
|
|
|
|
this.menuParagraphVAlign = new Common.UI.MenuItem({
|
|
caption : this.vertAlignText,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign : 'tl-tr',
|
|
items: [
|
|
me.menuParagraphTop = new Common.UI.MenuItem({
|
|
caption : me.topCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popupparagraphvalign',
|
|
value : Asc.c_oAscVAlign.Top
|
|
}),
|
|
me.menuParagraphCenter = new Common.UI.MenuItem({
|
|
caption : me.centerCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popupparagraphvalign',
|
|
value : Asc.c_oAscVAlign.Center
|
|
}),
|
|
this.menuParagraphBottom = new Common.UI.MenuItem({
|
|
caption : me.bottomCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popupparagraphvalign',
|
|
value : Asc.c_oAscVAlign.Bottom
|
|
})
|
|
]
|
|
})
|
|
});
|
|
|
|
me.menuParagraphDirection = new Common.UI.MenuItem({
|
|
caption : me.directionText,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items : [
|
|
me.menuParagraphDirectH = new Common.UI.MenuItem({
|
|
caption : me.directHText,
|
|
iconCls : 'menu__icon text-orient-hor',
|
|
checkable : true,
|
|
checkmark : false,
|
|
checked : false,
|
|
toggleGroup : 'popupparagraphdirect',
|
|
direction : Asc.c_oAscVertDrawingText.normal
|
|
}),
|
|
me.menuParagraphDirect90 = new Common.UI.MenuItem({
|
|
caption : me.direct90Text,
|
|
iconCls : 'menu__icon text-orient-rdown',
|
|
checkable : true,
|
|
checkmark : false,
|
|
checked : false,
|
|
toggleGroup : 'popupparagraphdirect',
|
|
direction : Asc.c_oAscVertDrawingText.vert
|
|
}),
|
|
me.menuParagraphDirect270 = new Common.UI.MenuItem({
|
|
caption : me.direct270Text,
|
|
iconCls : 'menu__icon text-orient-rup',
|
|
checkable : true,
|
|
checkmark : false,
|
|
checked : false,
|
|
toggleGroup : 'popupparagraphdirect',
|
|
direction : Asc.c_oAscVertDrawingText.vert270
|
|
})
|
|
]
|
|
})
|
|
});
|
|
|
|
me.menuParagraphBullets = new Common.UI.MenuItem({
|
|
caption : me.bulletsText,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items : [
|
|
{ template: _.template('<div id="id-docholder-menu-bullets" class="menu-layouts" style="width: 184px; margin: 0 4px;"></div>') },
|
|
{caption: '--'},
|
|
me.menuParagraphBulletNone = new Common.UI.MenuItem({
|
|
caption : me.textNone,
|
|
checkable : true,
|
|
checked : false,
|
|
value : -1
|
|
}),
|
|
me.mnuListSettings = new Common.UI.MenuItem({
|
|
caption: me.textListSettings,
|
|
value: 'settings'
|
|
})
|
|
]
|
|
})
|
|
});
|
|
me.paraBulletsPicker = {
|
|
conf: {rec: null},
|
|
store : new Common.UI.DataViewStore([
|
|
{offsety: 38, type: 0, subtype: 1},
|
|
{offsety: 76, type: 0, subtype: 2},
|
|
{offsety: 114, type: 0, subtype: 3},
|
|
{offsety: 152, type: 0, subtype: 4},
|
|
{offsety: 190, type: 0, subtype: 5},
|
|
{offsety: 228, type: 0, subtype: 6},
|
|
{offsety: 266, type: 0, subtype: 7},
|
|
{offsety: 684, type: 0, subtype: 8},
|
|
{offsety: 570, type: 1, subtype: 4},
|
|
{offsety: 532, type: 1, subtype: 5},
|
|
{offsety: 608, type: 1, subtype: 6},
|
|
{offsety: 418, type: 1, subtype: 1},
|
|
{offsety: 456, type: 1, subtype: 2},
|
|
{offsety: 494, type: 1, subtype: 3},
|
|
{offsety: 646, type: 1, subtype: 7}
|
|
]),
|
|
selectRecord: function (rec) {
|
|
this.conf.rec = rec;
|
|
}
|
|
};
|
|
|
|
me.menuAddHyperlinkShape = new Common.UI.MenuItem({
|
|
caption : me.txtInsHyperlink
|
|
});
|
|
|
|
me.menuEditHyperlinkShape = new Common.UI.MenuItem({
|
|
caption : me.editHyperlinkText
|
|
});
|
|
|
|
me.menuRemoveHyperlinkShape = new Common.UI.MenuItem({
|
|
caption : me.removeHyperlinkText
|
|
});
|
|
|
|
me.menuHyperlinkShape = new Common.UI.MenuItem({
|
|
caption : me.txtInsHyperlink,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items : [
|
|
me.menuEditHyperlinkShape,
|
|
me.menuRemoveHyperlinkShape
|
|
]
|
|
})
|
|
});
|
|
|
|
this.pmiTextAdvanced = new Common.UI.MenuItem({
|
|
caption : me.txtTextAdvanced
|
|
});
|
|
|
|
me.pmiTextCut = new Common.UI.MenuItem({
|
|
caption : me.txtCut,
|
|
value : 'cut'
|
|
});
|
|
|
|
me.pmiTextCopy = new Common.UI.MenuItem({
|
|
caption : me.txtCopy,
|
|
value : 'copy'
|
|
});
|
|
|
|
me.pmiTextPaste = new Common.UI.MenuItem({
|
|
caption : me.txtPaste,
|
|
value : 'paste'
|
|
});
|
|
|
|
this.textInShapeMenu = new Common.UI.Menu({
|
|
items: [
|
|
me.pmiTextCut,
|
|
me.pmiTextCopy,
|
|
me.pmiTextPaste,
|
|
{caption: '--'},
|
|
me.menuParagraphVAlign,
|
|
me.menuParagraphDirection,
|
|
me.menuParagraphBullets,
|
|
me.menuAddHyperlinkShape,
|
|
me.menuHyperlinkShape,
|
|
{caption: '--'},
|
|
me.pmiTextAdvanced
|
|
]
|
|
});
|
|
|
|
me.pmiCommonCut = new Common.UI.MenuItem({
|
|
caption : me.txtCut,
|
|
value : 'cut'
|
|
});
|
|
|
|
me.pmiCommonCopy = new Common.UI.MenuItem({
|
|
caption : me.txtCopy,
|
|
value : 'copy'
|
|
});
|
|
|
|
me.pmiCommonPaste = new Common.UI.MenuItem({
|
|
caption : me.txtPaste,
|
|
value : 'paste'
|
|
});
|
|
|
|
this.copyPasteMenu = new Common.UI.Menu({
|
|
items: [
|
|
me.pmiCommonCut,
|
|
me.pmiCommonCopy,
|
|
me.pmiCommonPaste
|
|
]
|
|
});
|
|
|
|
this.entriesMenu = new Common.UI.Menu({
|
|
maxHeight: 200,
|
|
cyclic: false,
|
|
items: []
|
|
}).on('show:after', function () {
|
|
this.scroller.update({alwaysVisibleY: true});
|
|
});
|
|
|
|
this.funcMenu = new Common.UI.Menu({
|
|
maxHeight: 200,
|
|
cyclic: false,
|
|
items: []
|
|
}).on('render:after', function(mnu) {
|
|
mnu.cmpEl.removeAttr('oo_editor_input').attr('oo_editor_keyboard', true);
|
|
});
|
|
|
|
me.fireEvent('createdelayedelements', [me]);
|
|
},
|
|
|
|
setMenuItemCommentCaptionMode: function (item, add, editable) {
|
|
item.setCaption(add ? this.txtAddComment : (editable ? this.txtEditComment : this.txtShowComment), true);
|
|
},
|
|
|
|
txtSort: 'Sort',
|
|
txtAscending: 'Ascending',
|
|
txtDescending: 'Descending',
|
|
txtFormula: 'Insert Function',
|
|
txtInsHyperlink: 'Hyperlink',
|
|
txtCut: 'Cut',
|
|
txtCopy: 'Copy',
|
|
txtPaste: 'Paste',
|
|
txtInsert: 'Insert',
|
|
txtDelete: 'Delete',
|
|
txtClear: 'Clear',
|
|
txtClearAll: 'All',
|
|
txtClearText: 'Text',
|
|
txtClearFormat: 'Format',
|
|
txtClearHyper: 'Hyperlink',
|
|
txtClearComments: 'Comments',
|
|
txtShiftRight: 'Shift cells right',
|
|
txtShiftLeft: 'Shift cells left',
|
|
txtShiftUp: 'Shift cells up',
|
|
txtShiftDown: 'Shift cells down',
|
|
txtRow: 'Entire Row',
|
|
txtColumn: 'Entire Column',
|
|
txtColumnWidth: 'Set Column Width',
|
|
txtRowHeight: 'Set Row Height',
|
|
txtWidth: 'Width',
|
|
txtHide: 'Hide',
|
|
txtShow: 'Show',
|
|
textArrangeFront: 'Bring To Front',
|
|
textArrangeBack: 'Send To Back',
|
|
textArrangeForward: 'Bring Forward',
|
|
textArrangeBackward: 'Send Backward',
|
|
txtArrange: 'Arrange',
|
|
txtAddComment: 'Add Comment',
|
|
txtEditComment: 'Edit Comment',
|
|
txtUngroup: 'Ungroup',
|
|
txtGroup: 'Group',
|
|
topCellText: 'Align Top',
|
|
centerCellText: 'Align Middle',
|
|
bottomCellText: 'Align Bottom',
|
|
vertAlignText: 'Vertical Alignment',
|
|
txtTextAdvanced: 'Text Advanced Settings',
|
|
editHyperlinkText: 'Edit Hyperlink',
|
|
removeHyperlinkText: 'Remove Hyperlink',
|
|
editChartText: 'Edit Data',
|
|
advancedShapeText: 'Shape Advanced Settings',
|
|
chartText: 'Chart Advanced Settings',
|
|
directionText: 'Text Direction',
|
|
directHText: 'Horizontal',
|
|
direct90Text: 'Rotate Text Down',
|
|
direct270Text: 'Rotate Text Up',
|
|
txtAddNamedRange: 'Define Name',
|
|
textFreezePanes: 'Freeze Panes',
|
|
textUnFreezePanes: 'Unfreeze Panes',
|
|
txtSelect: 'Select',
|
|
selectRowText : 'Row',
|
|
selectColumnText : 'Entire Column',
|
|
selectDataText : 'Column Data',
|
|
selectTableText : 'Table',
|
|
insertRowAboveText : 'Row Above',
|
|
insertRowBelowText : 'Row Below',
|
|
insertColumnLeftText : 'Column Left',
|
|
insertColumnRightText : 'Column Right',
|
|
deleteRowText : 'Row',
|
|
deleteColumnText : 'Column',
|
|
deleteTableText : 'Table',
|
|
txtFilter: 'Filter',
|
|
txtFilterValue: 'Filter by Selected cell\'s value',
|
|
txtFilterCellColor: 'Filter by cell\'s color',
|
|
txtFilterFontColor: 'Filter by font color',
|
|
txtReapply: 'Reapply',
|
|
txtSortCellColor: 'Selected Cell Color on top',
|
|
txtSortFontColor: 'Selected Font Color on top',
|
|
txtAutoColumnWidth: 'Auto Fit Column Width',
|
|
txtAutoRowHeight: 'Auto Fit Row Height',
|
|
txtCustomColumnWidth: 'Custom Column Width',
|
|
txtCustomRowHeight: 'Custom Row Height',
|
|
textEntriesList: 'Select from drop-down list',
|
|
txtSparklines: 'Sparklines',
|
|
txtClearSparklines: 'Clear Selected Sparklines',
|
|
txtClearSparklineGroups: 'Clear Selected Sparkline Groups',
|
|
txtShowComment: 'Show Comment',
|
|
advancedImgText: 'Image Advanced Settings',
|
|
textNone: 'None',
|
|
bulletsText: 'Bullets and Numbering',
|
|
textUndo: 'Undo',
|
|
strSign: 'Sign',
|
|
strDetails: 'Signature Details',
|
|
strSetup: 'Signature Setup',
|
|
strDelete: 'Remove Signature',
|
|
originalSizeText: 'Actual Size',
|
|
textReplace: 'Replace image',
|
|
textFromUrl: 'From URL',
|
|
textFromFile: 'From File',
|
|
txtNumFormat: 'Number Format',
|
|
txtGeneral: 'General',
|
|
txtNumber: 'Number',
|
|
txtScientific: 'Scientific',
|
|
txtAccounting: 'Accounting',
|
|
txtCurrency: 'Currency',
|
|
txtDate: 'Date',
|
|
txtTime: 'Time',
|
|
txtPercentage: 'Percentage',
|
|
txtFraction: 'Fraction',
|
|
txtText: 'Text',
|
|
textMoreFormats: 'More formats',
|
|
textShapeAlignLeft : 'Align Left',
|
|
textShapeAlignRight : 'Align Right',
|
|
textShapeAlignCenter : 'Align Center',
|
|
textShapeAlignTop : 'Align Top',
|
|
textShapeAlignBottom : 'Align Bottom',
|
|
textShapeAlignMiddle : 'Align Middle',
|
|
txtDistribHor: 'Distribute Horizontally',
|
|
txtDistribVert: 'Distribute Vertically',
|
|
textRotate270: 'Rotate 90° Counterclockwise',
|
|
textRotate90: 'Rotate 90° Clockwise',
|
|
textFlipV: 'Flip Vertically',
|
|
textFlipH: 'Flip Horizontally',
|
|
textRotate: 'Rotate',
|
|
textArrange: 'Arrange',
|
|
textAlign: 'Align',
|
|
textCrop: 'Crop',
|
|
textCropFill: 'Fill',
|
|
textCropFit: 'Fit',
|
|
textListSettings: 'List Settings',
|
|
textFromStorage: 'From Storage'
|
|
|
|
}, SSE.Views.DocumentHolder || {}));
|
|
}); |