603 lines
23 KiB
JavaScript
603 lines
23 KiB
JavaScript
/**
|
|
* DocumentHolder.js
|
|
*
|
|
* DocumentHolder view
|
|
*
|
|
* Created by Julia Radzhabova on 3/28/14
|
|
* Copyright (c) 2014 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);
|
|
},
|
|
|
|
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: c_oAscChangeSelectionFormatTable.row},
|
|
{ caption: this.selectColumnText, value: c_oAscChangeSelectionFormatTable.column},
|
|
{ caption: this.selectDataText, value: c_oAscChangeSelectionFormatTable.data},
|
|
{ caption: this.selectTableText, value: 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 : c_oAscInsertOptions.InsertCellsAndShiftRight
|
|
},{
|
|
caption : me.txtShiftDown,
|
|
value : c_oAscInsertOptions.InsertCellsAndShiftDown
|
|
},{
|
|
caption : me.txtRow,
|
|
value : c_oAscInsertOptions.InsertRows
|
|
},{
|
|
caption : me.txtColumn,
|
|
value : 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: c_oAscInsertOptions.InsertTableRowAbove},
|
|
{ caption: me.insertRowBelowText, value: c_oAscInsertOptions.InsertTableRowBelow},
|
|
{ caption: me.insertColumnLeftText, value: c_oAscInsertOptions.InsertTableColLeft},
|
|
{ caption: me.insertColumnRightText, value: 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 : c_oAscDeleteOptions.DeleteCellsAndShiftLeft
|
|
},{
|
|
caption : me.txtShiftUp,
|
|
value : c_oAscDeleteOptions.DeleteCellsAndShiftTop
|
|
},{
|
|
caption : me.txtRow,
|
|
value : c_oAscDeleteOptions.DeleteRows
|
|
},{
|
|
caption : me.txtColumn,
|
|
value : 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: c_oAscDeleteOptions.DeleteRows},
|
|
{ caption: this.deleteColumnText, value: c_oAscDeleteOptions.DeleteColumns},
|
|
{ caption: this.deleteTableText, value: 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 : c_oAscCleanOptions.All
|
|
},
|
|
{
|
|
caption : me.txtClearText,
|
|
value : c_oAscCleanOptions.Text
|
|
},
|
|
{
|
|
caption : me.txtClearFormat,
|
|
value : c_oAscCleanOptions.Format
|
|
},
|
|
{
|
|
caption : me.txtClearComments,
|
|
value : c_oAscCleanOptions.Comments
|
|
},
|
|
{
|
|
caption : me.txtClearHyper,
|
|
value : 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 : 'ascending'
|
|
},{
|
|
caption : me.txtDescending,
|
|
value : 'descending'
|
|
}
|
|
]
|
|
})
|
|
});
|
|
|
|
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,
|
|
action: 'row-height'
|
|
});
|
|
|
|
me.pmiColumnWidth = new Common.UI.MenuItem({
|
|
caption : me.txtColumnWidth,
|
|
action: '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.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,
|
|
me.pmiSortCells,
|
|
{caption: '--'},
|
|
me.pmiAddComment,
|
|
me.pmiCellMenuSeparator,
|
|
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 : 'mnu-group',
|
|
type : 'group',
|
|
value : 'grouping'
|
|
});
|
|
|
|
me.mnuUnGroupImg = new Common.UI.MenuItem({
|
|
caption : this.txtUngroup,
|
|
iconCls : 'mnu-ungroup',
|
|
type : 'group',
|
|
value : 'ungrouping'
|
|
});
|
|
|
|
me.mnuShapeSeparator = new Common.UI.MenuItem({
|
|
caption : '--'
|
|
});
|
|
|
|
me.mnuShapeAdvanced = new Common.UI.MenuItem({
|
|
caption : me.advancedShapeText
|
|
});
|
|
|
|
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'
|
|
});
|
|
|
|
this.imgMenu = new Common.UI.Menu({
|
|
items: [
|
|
me.pmiImgCut,
|
|
me.pmiImgCopy,
|
|
me.pmiImgPaste,
|
|
{caption: '--'},
|
|
{
|
|
caption : this.textArrangeFront,
|
|
iconCls : 'mnu-arrange-front',
|
|
type : 'arrange',
|
|
value : c_oAscDrawingLayerType.BringToFront
|
|
},{
|
|
caption : this.textArrangeBack,
|
|
iconCls : 'mnu-arrange-back',
|
|
type : 'arrange',
|
|
value : c_oAscDrawingLayerType.SendToBack
|
|
},{
|
|
caption : this.textArrangeForward,
|
|
iconCls : 'mnu-arrange-forward',
|
|
type : 'arrange',
|
|
value : c_oAscDrawingLayerType.BringForward
|
|
},{
|
|
caption: this.textArrangeBackward,
|
|
iconCls : 'mnu-arrange-backward',
|
|
type : 'arrange',
|
|
value : c_oAscDrawingLayerType.SendBackward
|
|
},
|
|
{caption: '--'},
|
|
me.mnuGroupImg,
|
|
me.mnuUnGroupImg,
|
|
me.mnuShapeSeparator,
|
|
me.mnuChartEdit,
|
|
me.mnuShapeAdvanced
|
|
]
|
|
});
|
|
|
|
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 : c_oAscVerticalTextAlign.TEXT_ALIGN_TOP
|
|
}),
|
|
me.menuParagraphCenter = new Common.UI.MenuItem({
|
|
caption : me.centerCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popupparagraphvalign',
|
|
value : c_oAscVerticalTextAlign.TEXT_ALIGN_CTR
|
|
}),
|
|
this.menuParagraphBottom = new Common.UI.MenuItem({
|
|
caption : me.bottomCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popupparagraphvalign',
|
|
value : c_oAscVerticalTextAlign.TEXT_ALIGN_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 : 'mnu-direct-horiz',
|
|
checkable : true,
|
|
checked : false,
|
|
toggleGroup : 'popupparagraphdirect',
|
|
direction : c_oAscVertDrawingText.normal
|
|
}),
|
|
me.menuParagraphDirect90 = new Common.UI.MenuItem({
|
|
caption : me.direct90Text,
|
|
iconCls : 'mnu-direct-rdown',
|
|
checkable : true,
|
|
checked : false,
|
|
toggleGroup : 'popupparagraphdirect',
|
|
direction : c_oAscVertDrawingText.vert
|
|
}),
|
|
me.menuParagraphDirect270 = new Common.UI.MenuItem({
|
|
caption : me.direct270Text,
|
|
iconCls : 'mnu-direct-rup',
|
|
checkable : true,
|
|
checked : false,
|
|
toggleGroup : 'popupparagraphdirect',
|
|
direction : c_oAscVertDrawingText.vert270
|
|
})
|
|
]
|
|
})
|
|
});
|
|
|
|
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.menuAddHyperlinkShape,
|
|
me.menuHyperlinkShape,
|
|
{caption: '--'},
|
|
me.pmiTextAdvanced
|
|
]
|
|
});
|
|
|
|
this.entriesMenu = new Common.UI.Menu({
|
|
maxHeight: 200,
|
|
cyclic: false,
|
|
items: []
|
|
}).on('render:after', function(mnu) {
|
|
this.scroller = new Common.UI.Scroller({
|
|
el: $(this.el).find('.dropdown-menu '),
|
|
useKeyboard: this.enableKeyEvents && !this.handleSelect,
|
|
minScrollbarLength : 40,
|
|
alwaysVisibleY: true
|
|
});
|
|
}).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) {
|
|
this.scroller = new Common.UI.Scroller({
|
|
el: $(this.el).find('.dropdown-menu '),
|
|
useKeyboard: this.enableKeyEvents && !this.handleSelect,
|
|
minScrollbarLength : 40,
|
|
alwaysVisibleY: true
|
|
});
|
|
});
|
|
|
|
me.fireEvent('createdelayedelements', [me]);
|
|
},
|
|
|
|
setMenuItemCommentCaptionMode: function (edit) {
|
|
edit ? this.pmiAddComment.setCaption(this.txtEditComment, true) :
|
|
this.pmiAddComment.setCaption(this.txtAddComment, 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: 'Column Width',
|
|
txtRowHeight: '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 Center',
|
|
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 at 90°',
|
|
direct270Text: 'Rotate at 270°',
|
|
txtAddNamedRange: 'Define Name',
|
|
textFreezePanes: 'Freeze Panes',
|
|
textUnFreezePanes: 'Unfreeze Panes',
|
|
txtSelect: 'Select',
|
|
selectRowText : 'Select Row',
|
|
selectColumnText : 'Select Entire Column',
|
|
selectDataText : 'Select Column Data',
|
|
selectTableText : 'Select Table',
|
|
insertRowAboveText : 'Insert Row Above',
|
|
insertRowBelowText : 'Insert Row Below',
|
|
insertColumnLeftText : 'Insert Column Left',
|
|
insertColumnRightText : 'Insert Column Right',
|
|
deleteRowText : 'Delete Row',
|
|
deleteColumnText : 'Delete Column',
|
|
deleteTableText : 'Delete Table'
|
|
|
|
}, SSE.Views.DocumentHolder || {}));
|
|
}); |