2082 lines
94 KiB
JavaScript
2082 lines
94 KiB
JavaScript
/*
|
|
*
|
|
* (c) Copyright Ascensio System Limited 2010-2016
|
|
*
|
|
* 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 Lubanas st. 125a-25, Riga, Latvia,
|
|
* EU, LV-1021.
|
|
*
|
|
* 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
|
|
*
|
|
*/
|
|
define([
|
|
'jquery',
|
|
'underscore',
|
|
'backbone',
|
|
'gateway',
|
|
'common/main/lib/util/utils',
|
|
'common/main/lib/component/Menu',
|
|
'common/main/lib/view/CopyWarningDialog',
|
|
'presentationeditor/main/app/view/HyperlinkSettingsDialog',
|
|
// 'common/main/lib/view/InsertTableDialog',
|
|
'presentationeditor/main/app/view/ParagraphSettingsAdvanced',
|
|
'presentationeditor/main/app/view/ShapeSettingsAdvanced',
|
|
'presentationeditor/main/app/view/TableSettingsAdvanced'
|
|
], function ($, _, Backbone, gateway) { 'use strict';
|
|
|
|
PE.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;
|
|
|
|
me.usertips = [];
|
|
me._TtHeight = 20;
|
|
me.slidesCount = 0;
|
|
me.fastcoauthtips = [];
|
|
/** coauthoring begin **/
|
|
var usersStore = PE.getCollection('Common.Collections.Users');
|
|
/** coauthoring end **/
|
|
|
|
var showPopupMenu = function(menu, value, event, docElement, eOpts){
|
|
if (!_.isUndefined(menu) && menu !== null){
|
|
Common.UI.Menu.Manager.hideAll();
|
|
|
|
var showPoint = [event.get_X(), event.get_Y()],
|
|
menuContainer = $(me.el).find(Common.Utils.String.format('#menu-container-{0}', menu.id));
|
|
|
|
if (event.get_Type() == Asc.c_oAscContextMenuTypes.Thumbnails) {
|
|
showPoint[0] -= 3;
|
|
showPoint[1] -= 3;
|
|
}
|
|
|
|
if (!menu.rendered) {
|
|
// Prepare menu container
|
|
if (menuContainer.length < 1) {
|
|
menuContainer = $(Common.Utils.String.format('<div id="menu-container-{0}" style="position: absolute; z-index: 10000;"><div class="dropdown-toggle" data-toggle="dropdown"></div></div>', menu.id));
|
|
$(me.el).append(menuContainer);
|
|
}
|
|
|
|
menu.render(menuContainer);
|
|
menu.cmpEl.attr({tabindex: "-1"});
|
|
}
|
|
|
|
menuContainer.css({
|
|
left: showPoint[0],
|
|
top : showPoint[1]
|
|
});
|
|
|
|
menu.show();
|
|
|
|
if (_.isFunction(menu.options.initMenu)) {
|
|
menu.options.initMenu(value);
|
|
menu.alignPosition();
|
|
}
|
|
_.delay(function() {
|
|
var value = Common.localStorage.getItem("pe-settings-inputmode"); // only for hieroglyphs mode
|
|
if (value!==null && parseInt(value) == 1)
|
|
me.api.asc_enableKeyEvents(false);
|
|
menu.cmpEl.focus();
|
|
}, 10);
|
|
|
|
me.currentMenu = menu;
|
|
}
|
|
};
|
|
|
|
var fillMenuProps = function(selectedElements) {
|
|
if (!selectedElements || !_.isArray(selectedElements)) return;
|
|
|
|
var menu_props = {},
|
|
menu_to_show = null;
|
|
_.each(selectedElements, function(element, index) {
|
|
var elType = element.get_ObjectType(),
|
|
elValue = element.get_ObjectValue();
|
|
|
|
if (Asc.c_oAscTypeSelectElement.Image == elType) {
|
|
menu_to_show = me.pictureMenu;
|
|
menu_props.imgProps = {};
|
|
menu_props.imgProps.value = elValue;
|
|
menu_props.imgProps.locked = (elValue) ? elValue.get_Locked() : false;
|
|
} else if (Asc.c_oAscTypeSelectElement.Table == elType)
|
|
{
|
|
menu_to_show = me.tableMenu;
|
|
menu_props.tableProps = {};
|
|
menu_props.tableProps.value = elValue;
|
|
menu_props.tableProps.locked = (elValue) ? elValue.get_Locked() : false;
|
|
} else if (Asc.c_oAscTypeSelectElement.Hyperlink == elType) {
|
|
menu_props.hyperProps = {};
|
|
menu_props.hyperProps.value = elValue;
|
|
} else if (Asc.c_oAscTypeSelectElement.Shape == elType) { // shape
|
|
menu_to_show = me.pictureMenu;
|
|
menu_props.shapeProps = {};
|
|
menu_props.shapeProps.value = elValue;
|
|
menu_props.shapeProps.locked = (elValue) ? elValue.get_Locked() : false;
|
|
if (elValue.get_FromChart())
|
|
menu_props.shapeProps.isChart = true;
|
|
}
|
|
else if (Asc.c_oAscTypeSelectElement.Chart == elType) {
|
|
menu_to_show = me.pictureMenu;
|
|
menu_props.chartProps = {};
|
|
menu_props.chartProps.value = elValue;
|
|
menu_props.chartProps.locked = (elValue) ? elValue.get_Locked() : false;
|
|
}
|
|
else if (Asc.c_oAscTypeSelectElement.Slide == elType) {
|
|
menu_props.slideProps = {};
|
|
menu_props.slideProps.value = elValue;
|
|
menu_props.slideProps.locked = (elValue) ? elValue.get_LockDelete() : false;
|
|
} else if (Asc.c_oAscTypeSelectElement.Paragraph == elType) {
|
|
menu_props.paraProps = {};
|
|
menu_props.paraProps.value = elValue;
|
|
menu_props.paraProps.locked = (elValue) ? elValue.get_Locked() : false;
|
|
if ( (menu_props.shapeProps && menu_props.shapeProps.value || menu_props.chartProps && menu_props.chartProps.value)&& // text in shape, need to show paragraph menu with vertical align
|
|
_.isUndefined(menu_props.tableProps))
|
|
menu_to_show = me.textMenu;
|
|
}
|
|
});
|
|
if (menu_to_show === null) {
|
|
if (!_.isUndefined(menu_props.paraProps))
|
|
menu_to_show = me.textMenu;
|
|
else if (!_.isUndefined(menu_props.slideProps)) {
|
|
menu_to_show = me.slideMenu;
|
|
}
|
|
}
|
|
|
|
return {menu_to_show: menu_to_show, menu_props: menu_props};
|
|
};
|
|
|
|
var showObjectMenu = function(event, docElement, eOpts){
|
|
if (me.api && me.mode.isEdit){
|
|
var obj = fillMenuProps(me.api.getSelectedElements());
|
|
if (obj) showPopupMenu(obj.menu_to_show, obj.menu_props, event, docElement, eOpts);
|
|
}
|
|
};
|
|
|
|
var onContextMenu = function(event){
|
|
_.delay(function(){
|
|
if (event.get_Type() == Asc.c_oAscContextMenuTypes.Thumbnails) {
|
|
showPopupMenu.call(me, me.slideMenu, {isSlideSelect: event.get_IsSlideSelect(), fromThumbs: true}, event);
|
|
} else {
|
|
showObjectMenu.call(me, event);
|
|
}
|
|
},10);
|
|
};
|
|
|
|
var onFocusObject = function(selectedElements) {
|
|
if (me.mode.isEdit && me.currentMenu && me.currentMenu.isVisible()){
|
|
var obj = fillMenuProps(selectedElements);
|
|
if (obj) {
|
|
if (obj.menu_to_show===me.currentMenu) {
|
|
me.currentMenu.options.initMenu(obj.menu_props);
|
|
me.currentMenu.alignPosition();
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
var handleDocumentWheel = function(event){
|
|
if (me.api) {
|
|
var delta = (_.isUndefined(event.originalEvent)) ? event.wheelDelta : event.originalEvent.wheelDelta;
|
|
if (_.isUndefined(delta)) {
|
|
delta = event.deltaY;
|
|
}
|
|
|
|
if ((event.ctrlKey || event.metaKey) && !event.altKey){
|
|
if (delta < 0)
|
|
me.api.zoomOut();
|
|
else if (delta > 0)
|
|
me.api.zoomIn();
|
|
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
}
|
|
};
|
|
|
|
var handleDocumentKeyDown = function(event){
|
|
if (me.api){
|
|
var key = event.keyCode;
|
|
if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey){
|
|
if (key === Common.UI.Keys.NUM_PLUS || key === Common.UI.Keys.EQUALITY || (Common.Utils.isOpera && key == 43)){
|
|
me.api.zoomIn();
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|
|
else if (key === Common.UI.Keys.NUM_MINUS || key === Common.UI.Keys.MINUS || (Common.Utils.isOpera && key == 45)){
|
|
me.api.zoomOut();
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|
|
}
|
|
if (me.currentMenu && me.currentMenu.isVisible()) {
|
|
if (key == Common.UI.Keys.UP ||
|
|
key == Common.UI.Keys.DOWN) {
|
|
$('ul.dropdown-menu', me.currentMenu.el).focus();
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
var onDocumentHolderResize = function(){
|
|
me._Height = me.cmpEl.height();
|
|
me._Width = me.cmpEl.width();
|
|
me._BodyWidth = $('body').width();
|
|
|
|
if (me.slideNumDiv) {
|
|
me.slideNumDiv.remove();
|
|
me.slideNumDiv = undefined;
|
|
}
|
|
};
|
|
|
|
var onAfterRender = function(ct){
|
|
var meEl = me.cmpEl;
|
|
if (meEl) {
|
|
meEl.on('contextmenu', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
return false;
|
|
});
|
|
meEl.on('click', function(e){
|
|
if (e.target.localName == 'canvas') {
|
|
meEl.focus();
|
|
}
|
|
});
|
|
meEl.on('mousedown', function(e){
|
|
if (e.target.localName == 'canvas')
|
|
Common.UI.Menu.Manager.hideAll();
|
|
});
|
|
|
|
//NOTE: set mouse wheel handler
|
|
|
|
var addEvent = function( elem, type, fn ) {
|
|
elem.addEventListener ? elem.addEventListener( type, fn, false ) : elem.attachEvent( "on" + type, fn );
|
|
};
|
|
|
|
var eventname=(/Firefox/i.test(navigator.userAgent))? 'DOMMouseScroll' : 'mousewheel';
|
|
addEvent(me.el, eventname, handleDocumentWheel);
|
|
}
|
|
|
|
$(document).on('mousewheel', handleDocumentWheel);
|
|
$(document).on('keydown', handleDocumentKeyDown);
|
|
$(window).on('resize', onDocumentHolderResize);
|
|
var viewport = PE.getController('Viewport').getView('Viewport');
|
|
viewport.hlayout.on('layout:resizedrag', onDocumentHolderResize);
|
|
};
|
|
|
|
/** coauthoring begin **/
|
|
var getUserName = function(id){
|
|
if (usersStore){
|
|
var rec = usersStore.findUser(id);
|
|
if (rec)
|
|
return rec.get('username');
|
|
}
|
|
return me.guestText;
|
|
};
|
|
/** coauthoring end **/
|
|
|
|
var screenTip = {
|
|
toolTip: new Common.UI.Tooltip({
|
|
owner: this,
|
|
html: true,
|
|
title: '<br><b>Press Ctrl and click link</b>'
|
|
// style: 'word-wrap: break-word;'
|
|
}),
|
|
strTip: '',
|
|
isHidden: true,
|
|
isVisible: false
|
|
};
|
|
|
|
/** coauthoring begin **/
|
|
var userTooltip = true;
|
|
|
|
var userTipMousover = function (evt, el, opt) {
|
|
if (userTooltip===true) {
|
|
userTooltip = new Common.UI.Tooltip({
|
|
owner: evt.currentTarget,
|
|
title: me.tipIsLocked
|
|
});
|
|
|
|
userTooltip.show();
|
|
}
|
|
};
|
|
|
|
var userTipHide = function () {
|
|
if (typeof userTooltip == 'object') {
|
|
userTooltip.hide();
|
|
userTooltip = undefined;
|
|
|
|
for (var i=0; i<me.usertips.length; i++) {
|
|
me.usertips[i].off('mouseover', userTipMousover);
|
|
me.usertips[i].off('mouseout', userTipMousout);
|
|
}
|
|
}
|
|
};
|
|
|
|
var userTipMousout = function (evt, el, opt) {
|
|
if (typeof userTooltip == 'object') {
|
|
if (userTooltip.$element && evt.currentTarget === userTooltip.$element[0]) {
|
|
userTipHide();
|
|
}
|
|
}
|
|
};
|
|
/** coauthoring end **/
|
|
|
|
Common.NotificationCenter.on({
|
|
'window:show': function(e){
|
|
screenTip.toolTip.hide();
|
|
screenTip.isVisible = false;
|
|
/** coauthoring begin **/
|
|
userTipHide();
|
|
/** coauthoring end **/
|
|
},
|
|
'modal:show': function(e){
|
|
me.hideTips();
|
|
},
|
|
'layout:changed': function(e){
|
|
screenTip.toolTip.hide();
|
|
screenTip.isVisible = false;
|
|
/** coauthoring begin **/
|
|
userTipHide();
|
|
/** coauthoring end **/
|
|
me.hideTips();
|
|
onDocumentHolderResize();
|
|
}
|
|
});
|
|
|
|
var onHyperlinkClick = function(url) {
|
|
if (url && me.api.asc_getUrlType(url)>0) {
|
|
window.open(url);
|
|
}
|
|
};
|
|
|
|
var onMouseMoveStart = function() {
|
|
screenTip.isHidden = true;
|
|
/** coauthoring begin **/
|
|
if (me.usertips.length>0) {
|
|
if (typeof userTooltip == 'object') {
|
|
userTooltip.hide();
|
|
userTooltip = true;
|
|
}
|
|
_.each(me.usertips, function(item) {
|
|
item.remove();
|
|
});
|
|
}
|
|
me.usertips = [];
|
|
me.usertipcount = 0;
|
|
/** coauthoring end **/
|
|
};
|
|
|
|
var onMouseMoveEnd = function() {
|
|
if (screenTip.isHidden && screenTip.isVisible) {
|
|
screenTip.isVisible = false;
|
|
screenTip.toolTip.hide();
|
|
}
|
|
};
|
|
|
|
var onMouseMove = function(moveData) {
|
|
if (_.isUndefined(me._XY)) {
|
|
me._XY = [
|
|
me.cmpEl.offset().left - $(window).scrollLeft(),
|
|
me.cmpEl.offset().top - $(window).scrollTop()
|
|
];
|
|
me._Width = me.cmpEl.width();
|
|
me._Height = me.cmpEl.height();
|
|
me._BodyWidth = $('body').width();
|
|
}
|
|
|
|
if (moveData) {
|
|
var showPoint, ToolTip;
|
|
|
|
if (moveData.get_Type()==1) { // 1 - hyperlink
|
|
var hyperProps = moveData.get_Hyperlink();
|
|
var recalc = false;
|
|
if (hyperProps) {
|
|
screenTip.isHidden = false;
|
|
|
|
ToolTip = (_.isEmpty(hyperProps.get_ToolTip())) ? hyperProps.get_Value() : hyperProps.get_ToolTip();
|
|
ToolTip = Common.Utils.String.htmlEncode(ToolTip);
|
|
|
|
if (screenTip.tipLength !== ToolTip.length || screenTip.strTip.indexOf(ToolTip)<0 ) {
|
|
screenTip.toolTip.setTitle(ToolTip + '<br><b>' + me.txtPressLink + '</b>');
|
|
screenTip.tipLength = ToolTip.length;
|
|
screenTip.strTip = ToolTip;
|
|
recalc = true;
|
|
}
|
|
|
|
showPoint = [moveData.get_X(), moveData.get_Y()];
|
|
showPoint[1] += (me._XY[1]-15);
|
|
showPoint[0] += (me._XY[0]+5);
|
|
|
|
if (!screenTip.isVisible || recalc) {
|
|
screenTip.isVisible = true;
|
|
screenTip.toolTip.show([-10000, -10000]);
|
|
}
|
|
|
|
if ( recalc ) {
|
|
screenTip.tipHeight = screenTip.toolTip.getBSTip().$tip.height();
|
|
screenTip.tipWidth = screenTip.toolTip.getBSTip().$tip.width();
|
|
}
|
|
showPoint[1] -= screenTip.tipHeight;
|
|
if (showPoint[0] + screenTip.tipWidth > me._BodyWidth )
|
|
showPoint[0] = me._BodyWidth - screenTip.tipWidth;
|
|
screenTip.toolTip.getBSTip().$tip.css({top: showPoint[1] + 'px', left: showPoint[0] + 'px'});
|
|
}
|
|
}
|
|
/** coauthoring begin **/
|
|
else if (moveData.get_Type()==2 && me.mode.isEdit) { // 2 - locked object
|
|
var src;
|
|
if (me.usertipcount >= me.usertips.length) {
|
|
src = $(document.createElement("div"));
|
|
src.addClass('username-tip');
|
|
src.css({height: me._TtHeight + 'px', position: 'absolute', zIndex: '900', visibility: 'visible'});
|
|
$(document.body).append(src);
|
|
if (userTooltip) {
|
|
src.on('mouseover', userTipMousover);
|
|
src.on('mouseout', userTipMousout);
|
|
}
|
|
|
|
me.usertips.push(src);
|
|
}
|
|
src = me.usertips[me.usertipcount];
|
|
me.usertipcount++;
|
|
|
|
ToolTip = getUserName(moveData.get_UserId());
|
|
|
|
showPoint = [moveData.get_X()+me._XY[0], moveData.get_Y()+me._XY[1]];
|
|
showPoint[0] = me._BodyWidth - showPoint[0];
|
|
showPoint[1] -= ((moveData.get_LockedObjectType()==2) ? me._TtHeight : 0);
|
|
|
|
if (showPoint[1] > me._XY[1] && showPoint[1]+me._TtHeight < me._XY[1]+me._Height) {
|
|
src.text(ToolTip);
|
|
src.css({visibility: 'visible', top: showPoint[1] + 'px', right: showPoint[0] + 'px'});
|
|
}
|
|
}
|
|
/** coauthoring end **/
|
|
}
|
|
};
|
|
|
|
var onShowForeignCursorLabel = function(UserId, X, Y, color) {
|
|
/** coauthoring begin **/
|
|
var src;
|
|
for (var i=0; i<me.fastcoauthtips.length; i++) {
|
|
if (me.fastcoauthtips[i].attr('userid') == UserId) {
|
|
src = me.fastcoauthtips[i];
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (!src) {
|
|
src = $(document.createElement("div"));
|
|
src.addClass('username-tip');
|
|
src.attr('userid', UserId);
|
|
src.css({height: me._TtHeight + 'px', position: 'absolute', zIndex: '900', display: 'none', 'pointer-events': 'none',
|
|
'background-color': '#'+Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b())});
|
|
src.text(getUserName(UserId));
|
|
$('#id_main_view').append(src);
|
|
me.fastcoauthtips.push(src);
|
|
src.fadeIn(150);
|
|
}
|
|
src.css({top: (Y-me._TtHeight) + 'px', left: X + 'px'});
|
|
/** coauthoring end **/
|
|
};
|
|
|
|
var onHideForeignCursorLabel = function(UserId) {
|
|
/** coauthoring begin **/
|
|
for (var i=0; i<me.fastcoauthtips.length; i++) {
|
|
if (me.fastcoauthtips[i].attr('userid') == UserId) {
|
|
var src = me.fastcoauthtips[i];
|
|
me.fastcoauthtips[i].fadeOut(150, function(){src.remove()});
|
|
me.fastcoauthtips.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
/** coauthoring end **/
|
|
};
|
|
|
|
var onDialogAddHyperlink = function() {
|
|
var win, props, text;
|
|
if (me.api && me.mode.isEdit){
|
|
var handlerDlg = function(dlg, result) {
|
|
if (result == 'ok') {
|
|
props = dlg.getSettings();
|
|
(text!==false)
|
|
? me.api.add_Hyperlink(props)
|
|
: me.api.change_Hyperlink(props);
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
};
|
|
|
|
text = me.api.can_AddHyperlink();
|
|
|
|
var _arr = [];
|
|
for (var i=0; i<me.api.getCountPages(); i++) {
|
|
_arr.push({
|
|
displayValue: i+1,
|
|
value: i
|
|
});
|
|
}
|
|
if (text !== false) {
|
|
win = new PE.Views.HyperlinkSettingsDialog({
|
|
api: me.api,
|
|
handler: handlerDlg,
|
|
slides: _arr
|
|
});
|
|
|
|
props = new Asc.CHyperlinkProperty();
|
|
props.put_Text(text);
|
|
|
|
win.show();
|
|
win.setSettings(props);
|
|
} else {
|
|
var selectedElements = me.api.getSelectedElements();
|
|
if (selectedElements && _.isArray(selectedElements)){
|
|
_.each(selectedElements, function(el, i) {
|
|
if (selectedElements[i].get_ObjectType() == Asc.c_oAscTypeSelectElement.Hyperlink)
|
|
props = selectedElements[i].get_ObjectValue();
|
|
});
|
|
}
|
|
if (props) {
|
|
win = new PE.Views.HyperlinkSettingsDialog({
|
|
api: me.api,
|
|
handler: handlerDlg,
|
|
slides: _arr
|
|
});
|
|
win.show();
|
|
win.setSettings(props);
|
|
}
|
|
}
|
|
}
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Add Hyperlink');
|
|
};
|
|
|
|
var onPaintSlideNum = function (slideNum) {
|
|
if (_.isUndefined(me._XY)) {
|
|
me._XY = [
|
|
me.cmpEl.offset().left - $(window).scrollLeft(),
|
|
me.cmpEl.offset().top - $(window).scrollTop()
|
|
];
|
|
me._Width = me.cmpEl.width();
|
|
me._Height = me.cmpEl.height();
|
|
me._BodyWidth = $('body').width();
|
|
}
|
|
|
|
if (_.isUndefined(me.slideNumDiv)) {
|
|
me.slideNumDiv = $(document.createElement("div"));
|
|
me.slideNumDiv.addClass('slidenum-div');
|
|
me.slideNumDiv.css({
|
|
position : 'absolute',
|
|
display : 'block',
|
|
zIndex : '900',
|
|
top : me._XY[1] + me._Height / 2 + 'px',
|
|
right : (me._BodyWidth - me._XY[0] - me._Width + 22) + 'px'
|
|
});
|
|
$(document.body).append(me.slideNumDiv);
|
|
}
|
|
|
|
me.slideNumDiv.html(me.txtSlide + ' ' + (slideNum + 1));
|
|
me.slideNumDiv.show();
|
|
};
|
|
|
|
var onEndPaintSlideNum = function () {
|
|
if (me.slideNumDiv)
|
|
me.slideNumDiv.hide();
|
|
};
|
|
|
|
var onCoAuthoringDisconnect= function() {
|
|
me.mode.isEdit = false;
|
|
};
|
|
|
|
var onDoubleClickOnChart = function(chart) {
|
|
if (me.mode.isEdit) {
|
|
var diagramEditor = PE.getController('Common.Controllers.ExternalDiagramEditor').getView('Common.Views.ExternalDiagramEditor');
|
|
|
|
if (diagramEditor && chart) {
|
|
diagramEditor.setEditMode(true);
|
|
diagramEditor.show();
|
|
diagramEditor.setChartData(new Asc.asc_CChartBinary(chart));
|
|
}
|
|
}
|
|
};
|
|
|
|
this.changePosition = function() {
|
|
me._XY = [
|
|
me.cmpEl.offset().left - $(window).scrollLeft(),
|
|
me.cmpEl.offset().top - $(window).scrollTop()
|
|
];
|
|
onMouseMoveStart();
|
|
};
|
|
|
|
this.hideTips = function() {
|
|
/** coauthoring begin **/
|
|
if (typeof userTooltip == 'object') {
|
|
userTooltip.hide();
|
|
userTooltip = true;
|
|
}
|
|
_.each(me.usertips, function(item) {
|
|
item.remove();
|
|
});
|
|
me.usertips = [];
|
|
me.usertipcount = 0;
|
|
/** coauthoring end **/
|
|
};
|
|
|
|
/** coauthoring begin **/
|
|
// Hotkeys
|
|
// ---------------------
|
|
var keymap = {};
|
|
var hkComments = 'alt+h';
|
|
keymap[hkComments] = function() {
|
|
if (me.api.can_AddQuotedComment()!==false && me.slidesCount>0) {
|
|
me.addComment();
|
|
}
|
|
};
|
|
|
|
var hkPreview = 'command+f5,ctrl+f5';
|
|
keymap[hkPreview] = function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (me.slidesCount>0) {
|
|
var previewPanel = PE.getController('Viewport').getView('DocumentPreview');
|
|
if (previewPanel && !previewPanel.isVisible() && me.api) {
|
|
previewPanel.show();
|
|
var onWindowResize = function() {
|
|
Common.NotificationCenter.off('window:resize', onWindowResize);
|
|
me.api.StartDemonstration('presentation-preview', 0);
|
|
};
|
|
if (!me.mode.isDesktopApp) {
|
|
Common.NotificationCenter.on('window:resize', onWindowResize);
|
|
me.fullScreen(document.documentElement);
|
|
} else
|
|
onWindowResize();
|
|
}
|
|
}
|
|
};
|
|
Common.util.Shortcuts.delegateShortcuts({shortcuts:keymap});
|
|
/** coauthoring end **/
|
|
|
|
var onApiCountPages = function(count) {
|
|
me.slidesCount = count;
|
|
};
|
|
|
|
this.setApi = function(o) {
|
|
me.api = o;
|
|
|
|
if (me.api) {
|
|
me.api.asc_registerCallback('asc_onContextMenu', _.bind(onContextMenu, me));
|
|
me.api.asc_registerCallback('asc_onMouseMoveStart', _.bind(onMouseMoveStart, me));
|
|
me.api.asc_registerCallback('asc_onMouseMoveEnd', _.bind(onMouseMoveEnd, me));
|
|
me.api.asc_registerCallback('asc_onPaintSlideNum', _.bind(onPaintSlideNum, me));
|
|
me.api.asc_registerCallback('asc_onEndPaintSlideNum', _.bind(onEndPaintSlideNum, me));
|
|
me.api.asc_registerCallback('asc_onCountPages', _.bind(onApiCountPages, me));
|
|
me.slidesCount = me.api.getCountPages();
|
|
|
|
//hyperlink
|
|
me.api.asc_registerCallback('asc_onHyperlinkClick', _.bind(onHyperlinkClick, me));
|
|
me.api.asc_registerCallback('asc_onMouseMove', _.bind(onMouseMove, me));
|
|
|
|
if (me.mode.isEdit===true) {
|
|
me.api.asc_registerCallback('asc_onDialogAddHyperlink', _.bind(onDialogAddHyperlink, me));
|
|
me.api.asc_registerCallback('asc_doubleClickOnChart', onDoubleClickOnChart);
|
|
}
|
|
me.api.asc_registerCallback('asc_onCoAuthoringDisconnect', _.bind(onCoAuthoringDisconnect, me));
|
|
Common.NotificationCenter.on('api:disconnect', _.bind(onCoAuthoringDisconnect, me));
|
|
|
|
me.api.asc_registerCallback('asc_onShowForeignCursorLabel', _.bind(onShowForeignCursorLabel, me));
|
|
me.api.asc_registerCallback('asc_onHideForeignCursorLabel', _.bind(onHideForeignCursorLabel, me));
|
|
me.api.asc_registerCallback('asc_onFocusObject', _.bind(onFocusObject, me));
|
|
}
|
|
|
|
return me;
|
|
};
|
|
|
|
this.mode = {};
|
|
|
|
this.setMode = function(mode) {
|
|
if (me.api && mode.isEdit) {
|
|
me.api.asc_registerCallback('asc_onDialogAddHyperlink', _.bind(onDialogAddHyperlink, me));
|
|
me.api.asc_registerCallback('asc_doubleClickOnChart', onDoubleClickOnChart);
|
|
}
|
|
|
|
me.mode = mode;
|
|
/** coauthoring begin **/
|
|
!(me.mode.canCoAuthoring && me.mode.isEdit && me.mode.canComments)
|
|
? Common.util.Shortcuts.suspendEvents(hkComments)
|
|
: Common.util.Shortcuts.resumeEvents(hkComments);
|
|
/** coauthoring end **/
|
|
|
|
me.editorConfig = {user: mode.user};
|
|
};
|
|
|
|
me.on('render:after', onAfterRender, 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);
|
|
},
|
|
|
|
addHyperlink: function(item){
|
|
var win, me = this;
|
|
if (me.api) {
|
|
var _arr = [];
|
|
for (var i=0; i<me.api.getCountPages(); i++) {
|
|
_arr.push({
|
|
displayValue: i+1,
|
|
value: i
|
|
});
|
|
}
|
|
win = new PE.Views.HyperlinkSettingsDialog({
|
|
api: me.api,
|
|
handler: function(dlg, result) {
|
|
if (result == 'ok') {
|
|
me.api.add_Hyperlink(dlg.getSettings());
|
|
}
|
|
me.fireEvent('editcomplete', me);
|
|
},
|
|
slides: _arr
|
|
});
|
|
|
|
win.show();
|
|
win.setSettings(item.hyperProps.value);
|
|
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Add Hyperlink');
|
|
}
|
|
},
|
|
|
|
editHyperlink: function(item, e){
|
|
var win, me = this;
|
|
if (me.api){
|
|
var _arr = [];
|
|
for (var i=0; i<me.api.getCountPages(); i++) {
|
|
_arr.push({
|
|
displayValue: i+1,
|
|
value: i
|
|
});
|
|
}
|
|
win = new PE.Views.HyperlinkSettingsDialog({
|
|
api: me.api,
|
|
handler: function(dlg, result) {
|
|
if (result == 'ok') {
|
|
me.api.change_Hyperlink(win.getSettings());
|
|
}
|
|
me.fireEvent('editcomplete', me);
|
|
},
|
|
slides: _arr
|
|
});
|
|
win.show();
|
|
win.setSettings(item.hyperProps.value);
|
|
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Edit Hyperlink');
|
|
}
|
|
},
|
|
|
|
/** coauthoring begin **/
|
|
addComment: function(item, e, eOpt){
|
|
if (this.api && this.mode.canCoAuthoring && this.mode.isEdit && this.mode.canComments) {
|
|
this.suppressEditComplete = true;
|
|
this.api.asc_enableKeyEvents(false);
|
|
|
|
var controller = PE.getController('Common.Controllers.Comments');
|
|
if (controller) {
|
|
controller.addDummyComment();
|
|
}
|
|
}
|
|
},
|
|
/** coauthoring end **/
|
|
editChartClick: function(){
|
|
var diagramEditor = PE.getController('Common.Controllers.ExternalDiagramEditor').getView('Common.Views.ExternalDiagramEditor');
|
|
if (diagramEditor) {
|
|
diagramEditor.setEditMode(true);
|
|
diagramEditor.show();
|
|
|
|
var chart = this.api.asc_getChartObject();
|
|
if (chart) {
|
|
diagramEditor.setChartData(new Asc.asc_CChartBinary(chart));
|
|
}
|
|
}
|
|
},
|
|
|
|
onCutCopyPaste: function(item, e) {
|
|
var me = this;
|
|
if (me.api) {
|
|
if (typeof window['AscDesktopEditor'] === 'object') {
|
|
(item.value == 'cut') ? me.api.Cut() : ((item.value == 'copy') ? me.api.Copy() : me.api.Paste());
|
|
} else {
|
|
var value = Common.localStorage.getItem("pe-hide-copywarning");
|
|
if (!(value && parseInt(value) == 1)) {
|
|
(new Common.Views.CopyWarningDialog({
|
|
handler: function(dontshow) {
|
|
(item.value == 'cut') ? me.api.Cut() : ((item.value == 'copy') ? me.api.Copy() : me.api.Paste());
|
|
if (dontshow) Common.localStorage.setItem("pe-hide-copywarning", 1);
|
|
me.fireEvent('editcomplete', me);
|
|
}
|
|
})).show();
|
|
} else {
|
|
(item.value == 'cut') ? me.api.Cut() : ((item.value == 'copy') ? me.api.Copy() : me.api.Paste());
|
|
me.fireEvent('editcomplete', me);
|
|
}
|
|
}
|
|
} else {
|
|
me.fireEvent('editcomplete', me);
|
|
}
|
|
},
|
|
|
|
fullScreen: function(element) {
|
|
if (element) {
|
|
if(element.requestFullscreen) {
|
|
element.requestFullscreen();
|
|
} else if(element.webkitRequestFullscreen) {
|
|
element.webkitRequestFullscreen();
|
|
} else if(element.mozRequestFullScreen) {
|
|
element.mozRequestFullScreen();
|
|
} else if(element.msRequestFullscreen) {
|
|
element.msRequestFullscreen();
|
|
}
|
|
}
|
|
},
|
|
|
|
onSlidePickerShowAfter: function(picker) {
|
|
if (!picker._needRecalcSlideLayout) return;
|
|
|
|
if (picker.cmpEl && picker.dataViewItems.length>0) {
|
|
var dataViewItems = picker.dataViewItems,
|
|
el = $(dataViewItems[0].el),
|
|
itemW = el.outerWidth() + parseInt(el.css('margin-left')) + parseInt(el.css('margin-right')),
|
|
columnCount = Math.floor(picker.cmpEl.width() / itemW),
|
|
col = 0, maxHeight = 0;
|
|
|
|
for (var i=0; i<dataViewItems.length; i++) {
|
|
var div = $(dataViewItems[i].el).find('.title'),
|
|
height = div.height();
|
|
|
|
if (height>maxHeight)
|
|
maxHeight = height;
|
|
else
|
|
div.css({'height' : maxHeight });
|
|
|
|
col++;
|
|
if (col>columnCount-1) { col = 0; maxHeight = 0;}
|
|
}
|
|
picker._needRecalcSlideLayout = false;
|
|
}
|
|
},
|
|
|
|
createDelayedElements: function(){
|
|
var me = this;
|
|
|
|
var mnuDeleteSlide = new Common.UI.MenuItem({
|
|
caption : me.txtDeleteSlide
|
|
}).on('click', _.bind(function(item) {
|
|
if (me.api){
|
|
me.api.DeleteSlide();
|
|
|
|
me.fireEvent('editcomplete', this);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Delete Slide');
|
|
}
|
|
}, me));
|
|
|
|
var mnuChangeSlide = new Common.UI.MenuItem({
|
|
caption : me.txtChangeLayout,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
{ template: _.template('<div id="id-docholder-menu-changeslide" class="menu-layouts" style="width: 302px; margin: 0 4px;"></div>') }
|
|
]
|
|
})
|
|
});
|
|
|
|
var mnuPreview = new Common.UI.MenuItem({
|
|
caption : me.txtPreview
|
|
}).on('click', function(item) {
|
|
var previewPanel = PE.getController('Viewport').getView('DocumentPreview');
|
|
if (previewPanel && me.api) {
|
|
previewPanel.show();
|
|
var onWindowResize = function() {
|
|
Common.NotificationCenter.off('window:resize', onWindowResize);
|
|
|
|
var current = me.api.getCurrentPage();
|
|
me.api.StartDemonstration('presentation-preview', _.isNumber(current) ? current : 0);
|
|
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Preview');
|
|
};
|
|
if (!me.mode.isDesktopApp) {
|
|
Common.NotificationCenter.on('window:resize', onWindowResize);
|
|
me.fullScreen(document.documentElement);
|
|
} else
|
|
onWindowResize();
|
|
}
|
|
});
|
|
|
|
var mnuSelectAll = new Common.UI.MenuItem({
|
|
caption : me.txtSelectAll
|
|
}).on('click', function(item){
|
|
if (me.api){
|
|
me.api.SelectAllSlides();
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Select All Slides');
|
|
}
|
|
});
|
|
|
|
var menuSlidePaste = new Common.UI.MenuItem({
|
|
caption : me.textPaste,
|
|
value : 'paste'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuSlideSettings = new Common.UI.MenuItem({
|
|
caption : me.textSlideSettings,
|
|
value : null
|
|
}).on('click', function(item){
|
|
PE.getController('RightMenu').onDoubleClickOnObject(item.options.value);
|
|
});
|
|
|
|
me.slideMenu = new Common.UI.Menu({
|
|
initMenu: function(value) {
|
|
menuSlidePaste.setVisible(value.fromThumbs!==true);
|
|
me.slideMenu.items[1].setVisible(value.fromThumbs===true); // New Slide
|
|
me.slideMenu.items[2].setVisible(value.isSlideSelect===true); // Duplicate Slide
|
|
mnuDeleteSlide.setVisible(value.isSlideSelect===true);
|
|
me.slideMenu.items[4].setVisible(value.isSlideSelect===true || value.fromThumbs!==true);
|
|
mnuChangeSlide.setVisible(value.isSlideSelect===true || value.fromThumbs!==true);
|
|
menuSlideSettings.setVisible(value.fromThumbs!==true);
|
|
menuSlideSettings.options.value = null;
|
|
|
|
for (var i = 7; i < 11; i++) {
|
|
me.slideMenu.items[i].setVisible(value.fromThumbs===true);
|
|
}
|
|
|
|
var selectedElements = me.api.getSelectedElements(),
|
|
locked = false,
|
|
lockedDeleted = false,
|
|
lockedLayout = false;
|
|
if (selectedElements && _.isArray(selectedElements)){
|
|
_.each(selectedElements, function(element, index) {
|
|
if (Asc.c_oAscTypeSelectElement.Slide == element.get_ObjectType()) {
|
|
var elValue = element.get_ObjectValue();
|
|
locked = elValue.get_LockDelete();
|
|
lockedDeleted = elValue.get_LockRemove();
|
|
lockedLayout = elValue.get_LockLayout();
|
|
menuSlideSettings.options.value = element;
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
for (var i = 0; i < 3; i++) {
|
|
me.slideMenu.items[i].setDisabled(locked);
|
|
}
|
|
mnuPreview.setDisabled(me.slidesCount<1);
|
|
mnuSelectAll.setDisabled(locked || me.slidesCount<2);
|
|
mnuDeleteSlide.setDisabled(lockedDeleted || locked);
|
|
mnuChangeSlide.setDisabled(lockedLayout || locked);
|
|
},
|
|
items: [
|
|
menuSlidePaste,
|
|
new Common.UI.MenuItem({
|
|
caption : me.txtNewSlide
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.AddSlide();
|
|
|
|
me.fireEvent('editcomplete', this);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Add Slide');
|
|
}
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption : me.txtDuplicateSlide
|
|
}).on('click', function(item){
|
|
if (me.api) {
|
|
me.api.DublicateSlide();
|
|
|
|
me.fireEvent('editcomplete', this);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Dublicate Hyperlink');
|
|
}
|
|
}),
|
|
mnuDeleteSlide,
|
|
{caption: '--'},
|
|
mnuChangeSlide,
|
|
menuSlideSettings,
|
|
{caption: '--'},
|
|
mnuSelectAll,
|
|
{caption: '--'},
|
|
mnuPreview
|
|
]
|
|
}).on('hide:after', function(menu) {
|
|
if (me.suppressEditComplete) {
|
|
me.suppressEditComplete = false;
|
|
return;
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
me.currentMenu = null;
|
|
}).on('render:after', function(cmp) {
|
|
me.slideLayoutMenu = new Common.UI.DataView({
|
|
el : $('#id-docholder-menu-changeslide'),
|
|
parentMenu : mnuChangeSlide.menu,
|
|
showLast: false,
|
|
restoreHeight: 300,
|
|
style: 'max-height: 300px;',
|
|
store : PE.getCollection('SlideLayouts'),
|
|
itemTemplate: _.template([
|
|
'<div class="layout" id="<%= id %>" style="width: <%= itemWidth %>px;">',
|
|
'<div style="background-image: url(<%= imageUrl %>); width: <%= itemWidth %>px; height: <%= itemHeight %>px;"/>',
|
|
'<div class="title"><%= title %></div> ',
|
|
'</div>'
|
|
].join(''))
|
|
}).on('item:click', function(picker, item, record, e) {
|
|
if (me.api) {
|
|
me.api.ChangeLayout(record.get('data').idx);
|
|
if (e.type !== 'click')
|
|
me.slideMenu.hide();
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Change Layout');
|
|
}
|
|
});
|
|
|
|
if (me.slideMenu) {
|
|
mnuChangeSlide.menu.on('show:after', function (menu) {
|
|
me.onSlidePickerShowAfter(me.slideLayoutMenu);
|
|
me.slideLayoutMenu.scroller.update({alwaysVisibleY: true});
|
|
me.slideLayoutMenu.scroller.scrollTop(0);
|
|
});
|
|
}
|
|
me.slideLayoutMenu._needRecalcSlideLayout = true;
|
|
me.listenTo(PE.getCollection('SlideLayouts'), 'reset', function() {
|
|
me.slideLayoutMenu._needRecalcSlideLayout = true;
|
|
});
|
|
});
|
|
|
|
var mnuTableMerge = new Common.UI.MenuItem({
|
|
caption : me.mergeCellsText
|
|
}).on('click', function(item) {
|
|
if (me.api)
|
|
me.api.MergeCells();
|
|
});
|
|
|
|
var mnuTableSplit = new Common.UI.MenuItem({
|
|
caption : me.splitCellsText
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
(new Common.Views.InsertTableDialog({
|
|
handler: function(result, value) {
|
|
if (result == 'ok') {
|
|
if (me.api) {
|
|
me.api.SplitCell(value.columns, value.rows);
|
|
}
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Table Split');
|
|
}
|
|
}
|
|
})).show();
|
|
}
|
|
});
|
|
|
|
var menuTableCellAlign = new Common.UI.MenuItem({
|
|
caption : me.cellAlignText,
|
|
menu : (function(){
|
|
function onItemClick(item, e) {
|
|
if (me.api) {
|
|
var properties = new Asc.CTableProp();
|
|
properties.put_CellsVAlign(item.value);
|
|
me.api.tblApply(properties);
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Table Cell Align');
|
|
}
|
|
|
|
return new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
me.menuTableCellTop = new Common.UI.MenuItem({
|
|
caption : me.topCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popuptablecellalign',
|
|
value : Asc.c_oAscVertAlignJc.Top
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
me.menuTableCellCenter = new Common.UI.MenuItem({
|
|
caption : me.centerCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popuptablecellalign',
|
|
value : Asc.c_oAscVertAlignJc.Center
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
me.menuTableCellBottom = new Common.UI.MenuItem({
|
|
caption : me.bottomCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popuptablecellalign',
|
|
value : Asc.c_oAscVertAlignJc.Bottom
|
|
}).on('click', _.bind(onItemClick, me))
|
|
]
|
|
})
|
|
})()
|
|
});
|
|
|
|
var menuTableAdvanced = new Common.UI.MenuItem({
|
|
caption : me.advancedTableText
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
var selectedElements = me.api.getSelectedElements();
|
|
|
|
if (selectedElements && selectedElements.length > 0){
|
|
var elType, elValue;
|
|
for (var i = selectedElements.length - 1; i >= 0; i--) {
|
|
elType = selectedElements[i].get_ObjectType();
|
|
elValue = selectedElements[i].get_ObjectValue();
|
|
|
|
if (Asc.c_oAscTypeSelectElement.Table == elType) {
|
|
(new PE.Views.TableSettingsAdvanced(
|
|
{
|
|
tableProps: elValue,
|
|
handler: function(result, value) {
|
|
if (result == 'ok') {
|
|
if (me.api) {
|
|
me.api.tblApply(value.tableProps);
|
|
}
|
|
}
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Table Settings Advanced');
|
|
}
|
|
})).show();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
var menuImageAdvanced = new Common.UI.MenuItem({
|
|
caption : me.advancedImageText
|
|
}).on('click', function(item) {
|
|
if (me.api){
|
|
var selectedElements = me.api.getSelectedElements();
|
|
if (selectedElements && selectedElements.length>0){
|
|
var elType, elValue;
|
|
|
|
for (var i = selectedElements.length - 1; i >= 0; i--) {
|
|
elType = selectedElements[i].get_ObjectType();
|
|
elValue = selectedElements[i].get_ObjectValue();
|
|
|
|
if (Asc.c_oAscTypeSelectElement.Image == elType) {
|
|
var imgsizeOriginal;
|
|
|
|
if (!menuImgOriginalSize.isDisabled()) {
|
|
imgsizeOriginal = me.api.get_OriginalSizeImage();
|
|
if (imgsizeOriginal)
|
|
imgsizeOriginal = {width:imgsizeOriginal.get_ImageWidth(), height:imgsizeOriginal.get_ImageHeight()};
|
|
}
|
|
|
|
(new PE.Views.ImageSettingsAdvanced(
|
|
{
|
|
imageProps: elValue,
|
|
sizeOriginal: imgsizeOriginal,
|
|
handler: function(result, value) {
|
|
if (result == 'ok') {
|
|
if (me.api) {
|
|
me.api.ImgApply(value.imageProps);
|
|
}
|
|
}
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Image Settings Advanced');
|
|
}
|
|
})).show();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
var menuShapeAdvanced = new Common.UI.MenuItem({
|
|
caption : me.advancedShapeText
|
|
}).on('click', function(item) {
|
|
if (me.api){
|
|
var selectedElements = me.api.getSelectedElements();
|
|
if (selectedElements && selectedElements.length>0){
|
|
var elType, elValue;
|
|
for (var i = selectedElements.length - 1; i >= 0; i--) {
|
|
elType = selectedElements[i].get_ObjectType();
|
|
elValue = selectedElements[i].get_ObjectValue();
|
|
if (Asc.c_oAscTypeSelectElement.Shape == elType) {
|
|
(new PE.Views.ShapeSettingsAdvanced(
|
|
{
|
|
shapeProps: elValue,
|
|
handler: function(result, value) {
|
|
if (result == 'ok') {
|
|
if (me.api) {
|
|
me.api.ShapeApply(value.shapeProps);
|
|
}
|
|
}
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Image Shape Advanced');
|
|
}
|
|
})).show();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
var menuParagraphAdvanced = new Common.UI.MenuItem({
|
|
caption : me.advancedParagraphText
|
|
}).on('click', function(item) {
|
|
if (me.api){
|
|
var selectedElements = me.api.getSelectedElements();
|
|
|
|
if (selectedElements && selectedElements.length > 0){
|
|
var elType, elValue;
|
|
for (var i = selectedElements.length - 1; i >= 0; i--) {
|
|
elType = selectedElements[i].get_ObjectType();
|
|
elValue = selectedElements[i].get_ObjectValue();
|
|
|
|
if (Asc.c_oAscTypeSelectElement.Paragraph == elType) {
|
|
(new PE.Views.ParagraphSettingsAdvanced(
|
|
{
|
|
paragraphProps: elValue,
|
|
api: me.api,
|
|
handler: function(result, value) {
|
|
if (result == 'ok') {
|
|
if (me.api) {
|
|
me.api.paraApply(value.paragraphProps);
|
|
}
|
|
}
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Image Paragraph Advanced');
|
|
}
|
|
})).show();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
var menuCommentParaSeparator = new Common.UI.MenuItem({
|
|
caption : '--'
|
|
});
|
|
|
|
var menuAddHyperlinkPara = new Common.UI.MenuItem({
|
|
caption : me.hyperlinkText
|
|
}).on('click', _.bind(me.addHyperlink, me));
|
|
|
|
var menuEditHyperlinkPara = new Common.UI.MenuItem({
|
|
caption : me.editHyperlinkText
|
|
}).on('click', _.bind(me.editHyperlink, me));
|
|
|
|
var menuRemoveHyperlinkPara = new Common.UI.MenuItem({
|
|
caption : me.removeHyperlinkText
|
|
}).on('click', function(item) {
|
|
if (me.api){
|
|
me.api.remove_Hyperlink();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Remove Hyperlink');
|
|
});
|
|
|
|
var menuHyperlinkPara = new Common.UI.MenuItem({
|
|
caption : me.hyperlinkText,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
menuEditHyperlinkPara,
|
|
menuRemoveHyperlinkPara
|
|
]
|
|
})
|
|
});
|
|
|
|
var menuAddHyperlinkTable = new Common.UI.MenuItem({
|
|
caption : me.hyperlinkText
|
|
}).on('click', _.bind(me.addHyperlink, me));
|
|
|
|
var menuEditHyperlinkTable = new Common.UI.MenuItem({
|
|
caption : me.editHyperlinkText
|
|
}).on('click', _.bind(me.editHyperlink, me));
|
|
|
|
var menuRemoveHyperlinkTable = new Common.UI.MenuItem({
|
|
caption : me.removeHyperlinkText
|
|
}).on('click', function(item) {
|
|
if (me.api){
|
|
me.api.remove_Hyperlink();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Remove Hyperlink Table');
|
|
});
|
|
|
|
var menuHyperlinkTable = new Common.UI.MenuItem({
|
|
caption : me.hyperlinkText,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
menuEditHyperlinkTable,
|
|
menuRemoveHyperlinkTable
|
|
]
|
|
})
|
|
});
|
|
|
|
var menuHyperlinkSeparator = new Common.UI.MenuItem({
|
|
caption : '--'
|
|
});
|
|
|
|
var mnuGroupImg = new Common.UI.MenuItem({
|
|
caption : this.txtGroup,
|
|
iconCls : 'mnu-group'
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.groupShapes();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', this);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Group Image');
|
|
});
|
|
|
|
var mnuUnGroupImg = new Common.UI.MenuItem({
|
|
caption : this.txtUngroup,
|
|
iconCls : 'mnu-ungroup'
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.unGroupShapes();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', this);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Ungroup Image');
|
|
});
|
|
|
|
var menuImgShapeArrange = new Common.UI.MenuItem({
|
|
caption : me.txtArrange,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
new Common.UI.MenuItem({
|
|
caption : this.textArrangeFront,
|
|
iconCls : 'mnu-arrange-front'
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.shapes_bringToFront();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Bring To Front');
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption : this.textArrangeBack,
|
|
iconCls : 'mnu-arrange-back'
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.shapes_bringToBack();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Bring To Back');
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption : this.textArrangeForward,
|
|
iconCls : 'mnu-arrange-forward'
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.shapes_bringForward();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Send Forward');
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption : this.textArrangeBackward,
|
|
iconCls : 'mnu-arrange-backward'
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.shapes_bringBackward();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Send Backward');
|
|
}),
|
|
{caption: '--'},
|
|
mnuGroupImg,
|
|
mnuUnGroupImg
|
|
]
|
|
})
|
|
});
|
|
|
|
var menuImgShapeAlign = new Common.UI.MenuItem({
|
|
caption : me.txtAlign,
|
|
menu : (function(){
|
|
function onItemClick(item) {
|
|
if (me.api) {
|
|
me.api.put_ShapesAlign(item.value);
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Image Shape Align');
|
|
}
|
|
|
|
return new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
new Common.UI.MenuItem({
|
|
caption : me.textShapeAlignLeft,
|
|
iconCls : 'mnu-shape-align-left',
|
|
value : Asc.c_oAscAlignShapeType.ALIGN_LEFT
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
new Common.UI.MenuItem({
|
|
caption : me.textShapeAlignCenter,
|
|
iconCls : 'mnu-shape-align-center',
|
|
value : Asc.c_oAscAlignShapeType.ALIGN_CENTER
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
new Common.UI.MenuItem({
|
|
caption : me.textShapeAlignRight,
|
|
iconCls : 'mnu-shape-align-right',
|
|
value : Asc.c_oAscAlignShapeType.ALIGN_RIGHT
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
new Common.UI.MenuItem({
|
|
caption : me.textShapeAlignTop,
|
|
iconCls : 'mnu-shape-align-top',
|
|
value : Asc.c_oAscAlignShapeType.ALIGN_TOP
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
new Common.UI.MenuItem({
|
|
caption : me.textShapeAlignMiddle,
|
|
iconCls : 'mnu-shape-align-middle',
|
|
value : Asc.c_oAscAlignShapeType.ALIGN_MIDDLE
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
new Common.UI.MenuItem({
|
|
caption : me.textShapeAlignBottom,
|
|
iconCls : 'mnu-shape-align-bottom',
|
|
value : Asc.c_oAscAlignShapeType.ALIGN_BOTTOM
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
{caption : '--'},
|
|
new Common.UI.MenuItem({
|
|
caption : me.txtDistribHor,
|
|
iconCls : 'mnu-distrib-hor'
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.DistributeHorizontally();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Distribute Horizontally');
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption : me.txtDistribVert,
|
|
iconCls : 'mnu-distrib-vert'
|
|
}).on('click', function(item) {
|
|
if (me.api) {
|
|
me.api.DistributeVertically();
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Distribute Vertically');
|
|
})
|
|
]
|
|
})
|
|
})()
|
|
});
|
|
|
|
var menuChartEdit = new Common.UI.MenuItem({
|
|
caption : me.editChartText
|
|
}).on('click', _.bind(me.editChartClick, me));
|
|
|
|
var menuParagraphVAlign = new Common.UI.MenuItem({
|
|
caption : me.vertAlignText,
|
|
menu : (function(){
|
|
function onItemClick(item) {
|
|
if (me.api) {
|
|
var properties = new Asc.asc_CShapeProperty();
|
|
properties.put_VerticalTextAlign(item.value);
|
|
|
|
me.api.ShapeApply(properties);
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Text Vertical Align');
|
|
}
|
|
|
|
return new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
me.menuParagraphTop = new Common.UI.MenuItem({
|
|
caption : me.topCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popupparagraphvalign',
|
|
value : Asc.c_oAscVerticalTextAlign.TEXT_ALIGN_TOP
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
me.menuParagraphCenter = new Common.UI.MenuItem({
|
|
caption : me.centerCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popupparagraphvalign',
|
|
value : Asc.c_oAscVerticalTextAlign.TEXT_ALIGN_CTR
|
|
}).on('click', _.bind(onItemClick, me)),
|
|
me.menuParagraphBottom = new Common.UI.MenuItem({
|
|
caption : me.bottomCellText,
|
|
checkable : true,
|
|
toggleGroup : 'popupparagraphvalign',
|
|
value : Asc.c_oAscVerticalTextAlign.TEXT_ALIGN_BOTTOM
|
|
}).on('click', _.bind(onItemClick, me))
|
|
]
|
|
})
|
|
})()
|
|
});
|
|
|
|
var paragraphDirection = function(item, e) {
|
|
if (me.api) {
|
|
var properties = new Asc.asc_CShapeProperty();
|
|
properties.put_Vert(item.options.direction);
|
|
me.api.ShapeApply(properties);
|
|
}
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Text Direction');
|
|
};
|
|
|
|
var 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 : Asc.c_oAscVertDrawingText.normal
|
|
}).on('click', _.bind(paragraphDirection, me)),
|
|
me.menuParagraphDirect90 = new Common.UI.MenuItem({
|
|
caption : me.direct90Text,
|
|
iconCls : 'mnu-direct-rdown',
|
|
checkable : true,
|
|
checked : false,
|
|
toggleGroup : 'popupparagraphdirect',
|
|
direction : Asc.c_oAscVertDrawingText.vert
|
|
}).on('click', _.bind(paragraphDirection, me)),
|
|
me.menuParagraphDirect270 = new Common.UI.MenuItem({
|
|
caption : me.direct270Text,
|
|
iconCls : 'mnu-direct-rup',
|
|
checkable : true,
|
|
checked : false,
|
|
toggleGroup : 'popupparagraphdirect',
|
|
direction : Asc.c_oAscVertDrawingText.vert270
|
|
}).on('click', _.bind(paragraphDirection, me))
|
|
]
|
|
})
|
|
});
|
|
|
|
var menuImgShapeSeparator = new Common.UI.MenuItem({
|
|
caption : '--'
|
|
});
|
|
|
|
var menuImgOriginalSize = new Common.UI.MenuItem({
|
|
caption : me.originalSizeText
|
|
}).on('click', function(item){
|
|
if (me.api){
|
|
var originalImageSize = me.api.get_OriginalSizeImage();
|
|
|
|
if (originalImageSize) {
|
|
var properties = new Asc.asc_CImgProperty();
|
|
|
|
properties.put_Width(originalImageSize.get_ImageWidth());
|
|
properties.put_Height(originalImageSize.get_ImageHeight());
|
|
|
|
me.api.ImgApply(properties);
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
Common.component.Analytics.trackEvent('DocumentHolder', 'Set Image Original Size');
|
|
}
|
|
});
|
|
|
|
/** coauthoring begin **/
|
|
var menuAddCommentPara = new Common.UI.MenuItem({
|
|
caption : me.addCommentText
|
|
}).on('click', _.bind(me.addComment, me));
|
|
menuAddCommentPara.hide();
|
|
|
|
var menuAddCommentTable = new Common.UI.MenuItem({
|
|
caption : me.addCommentText
|
|
}).on('click', _.bind(me.addComment, me));
|
|
menuAddCommentTable.hide();
|
|
|
|
var menuCommentSeparatorImg = new Common.UI.MenuItem({
|
|
caption : '--'
|
|
});
|
|
menuCommentSeparatorImg.hide();
|
|
|
|
var menuAddCommentImg = new Common.UI.MenuItem({
|
|
caption : me.addCommentText
|
|
}).on('click', _.bind(me.addComment, me));
|
|
menuAddCommentImg.hide();
|
|
/** coauthoring end **/
|
|
|
|
var menuParaCopy = new Common.UI.MenuItem({
|
|
caption : me.textCopy,
|
|
value : 'copy'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuParaPaste = new Common.UI.MenuItem({
|
|
caption : me.textPaste,
|
|
value : 'paste'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuParaCut = new Common.UI.MenuItem({
|
|
caption : me.textCut,
|
|
value : 'cut'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuImgCopy = new Common.UI.MenuItem({
|
|
caption : me.textCopy,
|
|
value : 'copy'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuImgPaste = new Common.UI.MenuItem({
|
|
caption : me.textPaste,
|
|
value : 'paste'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuImgCut = new Common.UI.MenuItem({
|
|
caption : me.textCut,
|
|
value : 'cut'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuTableCopy = new Common.UI.MenuItem({
|
|
caption : me.textCopy,
|
|
value : 'copy'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuTablePaste = new Common.UI.MenuItem({
|
|
caption : me.textPaste,
|
|
value : 'paste'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
var menuTableCut = new Common.UI.MenuItem({
|
|
caption : me.textCut,
|
|
value : 'cut'
|
|
}).on('click', _.bind(me.onCutCopyPaste, me));
|
|
|
|
me.textMenu = new Common.UI.Menu({
|
|
initMenu: function(value){
|
|
var isInShape = (value.shapeProps && !_.isNull(value.shapeProps.value));
|
|
var isInChart = (value.chartProps && !_.isNull(value.chartProps.value));
|
|
|
|
var disabled = (value.paraProps!==undefined && value.paraProps.locked) ||
|
|
(value.slideProps!==undefined && value.slideProps.locked) ||
|
|
(isInShape && value.shapeProps.locked);
|
|
|
|
menuParagraphVAlign.setVisible(isInShape && !isInChart); // после того, как заголовок можно будет растягивать по вертикали, вернуть "|| isInChart" !!
|
|
menuParagraphDirection.setVisible(isInShape && !isInChart); // после того, как заголовок можно будет растягивать по вертикали, вернуть "|| isInChart" !!
|
|
if (isInShape || isInChart) {
|
|
var align = value.shapeProps.value.get_VerticalTextAlign();
|
|
me.menuParagraphTop.setChecked(align == Asc.c_oAscVerticalTextAlign.TEXT_ALIGN_TOP);
|
|
me.menuParagraphCenter.setChecked(align == Asc.c_oAscVerticalTextAlign.TEXT_ALIGN_CTR);
|
|
me.menuParagraphBottom.setChecked(align == Asc.c_oAscVerticalTextAlign.TEXT_ALIGN_BOTTOM);
|
|
|
|
var dir = value.shapeProps.value.get_Vert();
|
|
me.menuParagraphDirectH.setChecked(dir == Asc.c_oAscVertDrawingText.normal);
|
|
me.menuParagraphDirect90.setChecked(dir == Asc.c_oAscVertDrawingText.vert);
|
|
me.menuParagraphDirect270.setChecked(dir == Asc.c_oAscVertDrawingText.vert270);
|
|
}
|
|
menuParagraphVAlign.setDisabled(disabled);
|
|
menuParagraphDirection.setDisabled(disabled);
|
|
|
|
var text = null;
|
|
|
|
if (me.api) {
|
|
text = me.api.can_AddHyperlink();
|
|
}
|
|
|
|
menuAddHyperlinkPara.setVisible(value.hyperProps===undefined && text!==false);
|
|
menuHyperlinkPara.setVisible(value.hyperProps!==undefined);
|
|
|
|
menuEditHyperlinkPara.hyperProps = value.hyperProps;
|
|
|
|
if (text!==false) {
|
|
menuAddHyperlinkPara.hyperProps = {};
|
|
menuAddHyperlinkPara.hyperProps.value = new Asc.CHyperlinkProperty();
|
|
menuAddHyperlinkPara.hyperProps.value.put_Text(text);
|
|
}
|
|
|
|
/** coauthoring begin **/
|
|
menuAddCommentPara.setVisible(!isInChart && me.api.can_AddQuotedComment()!==false && me.mode.canCoAuthoring && me.mode.canComments);
|
|
/** coauthoring end **/
|
|
|
|
menuCommentParaSeparator.setVisible(/** coauthoring begin **/ menuAddCommentPara.isVisible() || /** coauthoring end **/ menuAddHyperlinkPara.isVisible() || menuHyperlinkPara.isVisible());
|
|
menuAddHyperlinkPara.setDisabled(disabled);
|
|
menuHyperlinkPara.setDisabled(disabled);
|
|
|
|
/** coauthoring begin **/
|
|
menuAddCommentPara.setDisabled(disabled);
|
|
/** coauthoring end **/
|
|
|
|
menuParagraphAdvanced.setDisabled(disabled);
|
|
menuParaCut.setDisabled(disabled);
|
|
menuParaPaste.setDisabled(disabled);
|
|
},
|
|
items: [
|
|
menuParaCut,
|
|
menuParaCopy,
|
|
menuParaPaste,
|
|
{ caption: '--' },
|
|
menuParagraphVAlign,
|
|
menuParagraphDirection,
|
|
menuParagraphAdvanced,
|
|
menuCommentParaSeparator,
|
|
/** coauthoring begin **/
|
|
menuAddCommentPara,
|
|
/** coauthoring end **/
|
|
menuAddHyperlinkPara,
|
|
menuHyperlinkPara
|
|
]
|
|
}).on('hide:after', function(menu) {
|
|
if (me.suppressEditComplete) {
|
|
me.suppressEditComplete = false;
|
|
return;
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
me.currentMenu = null;
|
|
});
|
|
|
|
me.tableMenu = new Common.UI.Menu({
|
|
initMenu: function(value){
|
|
// table properties
|
|
if (_.isUndefined(value.tableProps))
|
|
return;
|
|
|
|
var disabled = (value.slideProps!==undefined && value.slideProps.locked);
|
|
|
|
me.menuTableCellTop.setChecked(value.tableProps.value.get_CellsVAlign() == Asc.c_oAscVertAlignJc.Top);
|
|
me.menuTableCellCenter.setChecked(value.tableProps.value.get_CellsVAlign() == Asc.c_oAscVertAlignJc.Center);
|
|
me.menuTableCellBottom.setChecked(value.tableProps.value.get_CellsVAlign() == Asc.c_oAscVertAlignJc.Bottom);
|
|
|
|
if (me.api) {
|
|
mnuTableMerge.setDisabled(value.tableProps.locked || disabled || !me.api.CheckBeforeMergeCells());
|
|
mnuTableSplit.setDisabled(value.tableProps.locked || disabled || !me.api.CheckBeforeSplitCells());
|
|
}
|
|
|
|
me.tableMenu.items[5].setDisabled(value.tableProps.locked || disabled);
|
|
me.tableMenu.items[6].setDisabled(value.tableProps.locked || disabled);
|
|
|
|
menuTableCellAlign.setDisabled(value.tableProps.locked || disabled);
|
|
menuTableAdvanced.setDisabled(value.tableProps.locked || disabled);
|
|
menuTableCut.setDisabled(value.tableProps.locked || disabled);
|
|
menuTablePaste.setDisabled(value.tableProps.locked || disabled);
|
|
|
|
// hyperlink properties
|
|
var text = null;
|
|
|
|
if (me.api) {
|
|
text = me.api.can_AddHyperlink();
|
|
}
|
|
|
|
menuAddHyperlinkTable.setVisible(!_.isUndefined(value.paraProps) && _.isUndefined(value.hyperProps) && text!==false);
|
|
menuHyperlinkTable.setVisible(!_.isUndefined(value.paraProps) && !_.isUndefined(value.hyperProps));
|
|
|
|
menuEditHyperlinkTable.hyperProps = value.hyperProps;
|
|
|
|
if (text!==false) {
|
|
menuAddHyperlinkTable.hyperProps = {};
|
|
menuAddHyperlinkTable.hyperProps.value = new Asc.CHyperlinkProperty();
|
|
menuAddHyperlinkTable.hyperProps.value.put_Text(text);
|
|
}
|
|
if (!_.isUndefined(value.paraProps)) {
|
|
menuAddHyperlinkTable.setDisabled(value.paraProps.locked || disabled);
|
|
menuHyperlinkTable.setDisabled(value.paraProps.locked || disabled);
|
|
}
|
|
|
|
/** coauthoring begin **/
|
|
menuAddCommentTable.setVisible(me.api.can_AddQuotedComment()!==false && me.mode.canCoAuthoring && me.mode.canComments);
|
|
menuAddCommentTable.setDisabled(!_.isUndefined(value.paraProps) && value.paraProps.locked || disabled);
|
|
/** coauthoring end **/
|
|
|
|
menuHyperlinkSeparator.setVisible(menuAddHyperlinkTable.isVisible() || menuHyperlinkTable.isVisible() /** coauthoring begin **/|| menuAddCommentTable.isVisible()/** coauthoring end **/);
|
|
},
|
|
items: [
|
|
menuTableCut,
|
|
menuTableCopy,
|
|
menuTablePaste,
|
|
{ caption: '--' },
|
|
new Common.UI.MenuItem({
|
|
caption : me.selectText,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
new Common.UI.MenuItem({
|
|
caption : me.rowText
|
|
}).on('click', function() {if (me.api) me.api.selectRow()}),
|
|
new Common.UI.MenuItem({
|
|
caption : me.columnText
|
|
}).on('click', function() {if (me.api) me.api.selectColumn()}),
|
|
new Common.UI.MenuItem({
|
|
caption : me.cellText
|
|
}).on('click', function() {if (me.api) me.api.selectCell()}),
|
|
new Common.UI.MenuItem({
|
|
caption : me.tableText
|
|
}).on('click', function() {if (me.api) me.api.selectTable()})
|
|
]
|
|
})
|
|
}),
|
|
{
|
|
caption : me.insertText,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
style : 'width: 100px',
|
|
items : [
|
|
new Common.UI.MenuItem({
|
|
caption: me.insertColumnLeftText
|
|
}).on('click', function(item) {
|
|
if (me.api)
|
|
me.api.addColumnLeft();
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption: me.insertColumnRightText
|
|
}).on('click', function(item) {
|
|
if (me.api)
|
|
me.api.addColumnRight();
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption: me.insertRowAboveText
|
|
}).on('click', function(item) {
|
|
if (me.api)
|
|
me.api.addRowAbove();
|
|
}),
|
|
new Common.UI.MenuItem({
|
|
caption: me.insertRowBelowText
|
|
}).on('click', function(item) {
|
|
if (me.api)
|
|
me.api.addRowBelow();
|
|
})
|
|
]
|
|
})
|
|
},
|
|
new Common.UI.MenuItem({
|
|
caption : me.deleteText,
|
|
menu : new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
items: [
|
|
new Common.UI.MenuItem({
|
|
caption : me.rowText
|
|
}).on('click', function() {if (me.api) me.api.remRow()}),
|
|
new Common.UI.MenuItem({
|
|
caption : me.columnText
|
|
}).on('click', function() {if (me.api) me.api.remColumn()}),
|
|
new Common.UI.MenuItem({
|
|
caption : me.tableText
|
|
}).on('click', function() {if (me.api) me.api.remTable()})
|
|
]
|
|
})
|
|
}),
|
|
{ caption: '--' },
|
|
mnuTableMerge,
|
|
mnuTableSplit,
|
|
{ caption: '--' },
|
|
menuTableCellAlign,
|
|
{ caption: '--' },
|
|
menuTableAdvanced,
|
|
menuHyperlinkSeparator,
|
|
/** coauthoring begin **/
|
|
menuAddCommentTable,
|
|
/** coauthoring end **/
|
|
menuAddHyperlinkTable,
|
|
menuHyperlinkTable
|
|
]
|
|
}).on('hide:after', function(menu) {
|
|
if (me.suppressEditComplete) {
|
|
me.suppressEditComplete = false;
|
|
return;
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
me.currentMenu = null;
|
|
});
|
|
|
|
me.pictureMenu = new Common.UI.Menu({
|
|
initMenu: function(value){
|
|
if (me.api) {
|
|
mnuUnGroupImg.setDisabled(!me.api.canUnGroup());
|
|
mnuGroupImg.setDisabled(!me.api.canGroup());
|
|
}
|
|
|
|
var imgdisabled = (value.imgProps!==undefined && value.imgProps.locked),
|
|
shapedisabled = (value.shapeProps!==undefined && value.shapeProps.locked),
|
|
chartdisabled = (value.chartProps!==undefined && value.chartProps.locked),
|
|
disabled = imgdisabled || shapedisabled || chartdisabled || (value.slideProps!==undefined && value.slideProps.locked);
|
|
|
|
// image properties
|
|
menuImgOriginalSize.setVisible(_.isUndefined(value.shapeProps) && _.isUndefined(value.chartProps));
|
|
|
|
if (menuImgOriginalSize.isVisible())
|
|
menuImgOriginalSize.setDisabled(disabled || _.isNull(value.imgProps.value.get_ImageUrl()) || _.isUndefined(value.imgProps.value.get_ImageUrl()));
|
|
|
|
menuImageAdvanced.setVisible(_.isUndefined(value.shapeProps) && _.isUndefined(value.chartProps));
|
|
menuShapeAdvanced.setVisible(_.isUndefined(value.imgProps) && _.isUndefined(value.chartProps));
|
|
menuChartEdit.setVisible(_.isUndefined(value.imgProps) && !_.isUndefined(value.chartProps) && (_.isUndefined(value.shapeProps) || value.shapeProps.isChart));
|
|
menuImgShapeSeparator.setVisible(menuImageAdvanced.isVisible() || menuShapeAdvanced.isVisible() || menuChartEdit.isVisible());
|
|
/** coauthoring begin **/
|
|
menuAddCommentImg.setVisible(me.api.can_AddQuotedComment()!==false && me.mode.canCoAuthoring && me.mode.canComments);
|
|
menuCommentSeparatorImg.setVisible(menuAddCommentImg.isVisible());
|
|
menuAddCommentImg.setDisabled(disabled);
|
|
/** coauthoring end **/
|
|
menuImgShapeAlign.setDisabled(disabled);
|
|
menuImageAdvanced.setDisabled(disabled);
|
|
menuShapeAdvanced.setDisabled(disabled);
|
|
if (menuChartEdit.isVisible())
|
|
menuChartEdit.setDisabled(disabled);
|
|
|
|
menuImgCut.setDisabled(disabled);
|
|
menuImgPaste.setDisabled(disabled);
|
|
},
|
|
items: [
|
|
menuImgCut,
|
|
menuImgCopy,
|
|
menuImgPaste,
|
|
{ caption: '--' },
|
|
menuImgShapeArrange,
|
|
menuImgShapeAlign,
|
|
menuImgShapeSeparator,
|
|
menuImgOriginalSize,
|
|
menuImageAdvanced,
|
|
menuShapeAdvanced
|
|
,menuChartEdit
|
|
/** coauthoring begin **/
|
|
,menuCommentSeparatorImg,
|
|
menuAddCommentImg
|
|
/** coauthoring end **/
|
|
]
|
|
}).on('hide:after', function(menu) {
|
|
if (me.suppressEditComplete) {
|
|
me.suppressEditComplete = false;
|
|
return;
|
|
}
|
|
|
|
me.fireEvent('editcomplete', me);
|
|
me.currentMenu = null;
|
|
});
|
|
|
|
var nextpage = $('#id_buttonNextPage');
|
|
nextpage.attr('data-toggle', 'tooltip');
|
|
nextpage.tooltip({
|
|
title : me.textNextPage + Common.Utils.String.platformKey('PgDn'),
|
|
placement : 'top-right'
|
|
});
|
|
|
|
var prevpage = $('#id_buttonPrevPage');
|
|
prevpage.attr('data-toggle', 'tooltip');
|
|
prevpage.tooltip({
|
|
title : me.textPrevPage + Common.Utils.String.platformKey('PgUp'),
|
|
placement : 'top-right'
|
|
});
|
|
},
|
|
|
|
insertRowAboveText : 'Row Above',
|
|
insertRowBelowText : 'Row Below',
|
|
insertColumnLeftText : 'Column Left',
|
|
insertColumnRightText : 'Column Right',
|
|
deleteText : 'Delete',
|
|
deleteRowText : 'Delete Row',
|
|
deleteColumnText : 'Delete Column',
|
|
deleteTableText : 'Delete Table',
|
|
mergeCellsText : 'Merge Cells',
|
|
splitCellsText : 'Split Cell...',
|
|
splitCellTitleText : 'Split Cell',
|
|
originalSizeText : 'Default Size',
|
|
advancedImageText : 'Image Advanced Settings',
|
|
hyperlinkText : 'Hyperlink',
|
|
editHyperlinkText : 'Edit Hyperlink',
|
|
removeHyperlinkText : 'Remove Hyperlink',
|
|
txtPressLink : 'Press CTRL and click link',
|
|
selectText : 'Select',
|
|
insertRowText : 'Insert Row',
|
|
insertColumnText : 'Insert Column',
|
|
rowText : 'Row',
|
|
columnText : 'Column',
|
|
cellText : 'Cell',
|
|
tableText : 'Table',
|
|
aboveText : 'Above',
|
|
belowText : 'Below',
|
|
advancedTableText : 'Table Advanced Settings',
|
|
txtSelectAll : 'Select All',
|
|
txtNewSlide : 'New Slide',
|
|
txtDuplicateSlide : 'Duplicate Slide',
|
|
txtDeleteSlide : 'Delete Slide',
|
|
txtBackground : 'Background',
|
|
txtChangeLayout : 'Change Layout',
|
|
txtPreview : 'Preview',
|
|
textShapeAlignLeft : 'Align Left',
|
|
textShapeAlignRight : 'Align Right',
|
|
textShapeAlignCenter : 'Align Center',
|
|
textShapeAlignTop : 'Align Top',
|
|
textShapeAlignBottom : 'Align Bottom',
|
|
textShapeAlignMiddle : 'Align Middle',
|
|
textArrangeFront : 'Bring To Front',
|
|
textArrangeBack : 'Send To Back',
|
|
textArrangeForward : 'Bring Forward',
|
|
textArrangeBackward : 'Send Backward',
|
|
txtGroup : 'Group',
|
|
txtUngroup : 'Ungroup',
|
|
txtArrange : 'Arrange',
|
|
txtAlign : 'Align',
|
|
txtDistribHor : 'Distribute Horizontally',
|
|
txtDistribVert : 'Distribute Vertically',
|
|
txtSlide : 'Slide',
|
|
topCellText : 'Align Top',
|
|
centerCellText : 'Align Center',
|
|
bottomCellText : 'Align Bottom',
|
|
cellAlignText : 'Cell Vertical Alignment',
|
|
advancedShapeText : 'Shape Advanced Settings',
|
|
/** coauthoring begin **/
|
|
addCommentText : 'Add Comment',
|
|
/** coauthoring end **/
|
|
editChartText : 'Edit Data',
|
|
vertAlignText : 'Vertical Alignment',
|
|
advancedParagraphText : 'Text Advanced Settings',
|
|
tipIsLocked : "This element is currently being edited by another user.",
|
|
textNextPage : 'Next Slide',
|
|
textPrevPage : 'Previous Slide',
|
|
insertText: 'Insert',
|
|
textCopy: 'Copy',
|
|
textPaste: 'Paste',
|
|
textCut: 'Cut',
|
|
textSlideSettings: 'Slide Settings',
|
|
directionText: 'Text Direction',
|
|
directHText: 'Horizontal',
|
|
direct90Text: 'Rotate at 90°',
|
|
direct270Text: 'Rotate at 270°'
|
|
|
|
}, PE.Views.DocumentHolder || {}));
|
|
}); |