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

550 lines
20 KiB
JavaScript
Raw Normal View History

2016-03-11 00:48:53 +00:00
/**
* 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.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.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.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.pmiInsertEntire,
me.pmiInsertCells,
me.pmiDeleteEntire,
me.pmiDeleteCells,
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'
}, SSE.Views.DocumentHolder || {}));
});