/* * (c) Copyright Ascensio System SIA 2010-2024 * * This program is a free software product. You can redistribute it and/or * modify it under the terms of the GNU Affero General Public License (AGPL) * version 3 as published by the Free Software Foundation. In accordance with * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect * that Ascensio System SIA expressly excludes the warranty of non-infringement * of any third-party rights. * * This program is distributed WITHOUT ANY WARRANTY; without even the implied * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html * * You can contact Ascensio System SIA at 20A-6 Ernesta Birznieka-Upish * street, Riga, Latvia, EU, LV-1050. * * The interactive user interfaces in modified source and object code versions * of the Program must display Appropriate Legal Notices, as required under * Section 5 of the GNU AGPL version 3. * * Pursuant to Section 7(b) of the License you must retain the original Product * logo when distributing the program. Pursuant to Section 7(e) we decline to * grant you any rights under trademark law for use of our trademarks. * * All the Product's GUI elements, including illustrations and icon sets, as * well as technical writing content are licensed under the terms of the * Creative Commons Attribution-ShareAlike 4.0 International. See the License * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode * */ /** * DocumentHolderExt.js * * DocumentHolder controller * * Created on 12/12/24 * */ define([], function () { 'use strict'; if (window.DE && window.DE.Controllers && window.DE.Controllers.DocumentHolder) { let dh = window.DE.Controllers.DocumentHolder.prototype; dh.checkEditorOffsets = function() { if (_.isUndefined(this._XY)) { let cmpEl = this.documentHolder.cmpEl; this._XY = [ Common.Utils.getOffset(cmpEl).left - $(window).scrollLeft(), Common.Utils.getOffset(cmpEl).top - $(window).scrollTop() ]; this._Width = cmpEl.width(); this._Height = cmpEl.height(); this._BodyWidth = $('body').width(); } }; dh.setEvents = function() { this.addListeners({ 'DocumentHolder': { 'createdelayedelements': this.createDelayedElements, 'equation:callback': this.equationCallback } }); if (this.api) { this.api.asc_registerCallback('asc_onContextMenu', _.bind(this.onContextMenu, this)); this.api.asc_registerCallback('asc_onMouseMoveStart', _.bind(this.onMouseMoveStart, this)); this.api.asc_registerCallback('asc_onMouseMoveEnd', _.bind(this.onMouseMoveEnd, this)); //hyperlink this.api.asc_registerCallback('asc_onHyperlinkClick', _.bind(this.onHyperlinkClick, this)); this.api.asc_registerCallback('asc_onMouseMove', _.bind(this.onMouseMove, this)); if (this.mode.isEdit === true) { this.api.asc_registerCallback('asc_onImgWrapStyleChanged', _.bind(this.onImgWrapStyleChanged, this)); this.api.asc_registerCallback('asc_onDialogAddHyperlink', _.bind(this.onDialogAddHyperlink, this)); this.api.asc_registerCallback('asc_doubleClickOnChart', _.bind(this.onDoubleClickOnChart, this)); this.api.asc_registerCallback('asc_doubleClickOnTableOleObject', _.bind(this.onDoubleClickOnTableOleObject, this)); this.api.asc_registerCallback('asc_onSpellCheckVariantsFound', _.bind(this.onSpellCheckVariantsFound, this)); this.api.asc_registerCallback('asc_onRulerDblClick', _.bind(this.onRulerDblClick, this)); this.api.asc_registerCallback('asc_ChangeCropState', _.bind(this.onChangeCropState, this)); this.api.asc_registerCallback('asc_onShowMathTrack', _.bind(this.onShowMathTrack, this)); this.api.asc_registerCallback('asc_onHideMathTrack', _.bind(this.onHideMathTrack, this)); this.api.asc_registerPlaceholderCallback(AscCommon.PlaceholderButtonType.Image, _.bind(this.onInsertImage, this)); this.api.asc_registerPlaceholderCallback(AscCommon.PlaceholderButtonType.ImageUrl, _.bind(this.onInsertImageUrl, this)); this.api.asc_registerCallback('asc_onHideEyedropper', _.bind(this.hideEyedropper, this)); this.api.asc_SetMathInputType(Common.localStorage.getBool("de-equation-input-latex") ? Asc.c_oAscMathInputType.LaTeX : Asc.c_oAscMathInputType.Unicode); this.api.asc_registerCallback('asc_onSingleChartSelectionChanged', _.bind(this.onSingleChartSelectionChanged, this)); } this.api.asc_registerCallback('asc_onShowForeignCursorLabel', _.bind(this.onShowForeignCursorLabel, this)); this.api.asc_registerCallback('asc_onHideForeignCursorLabel', _.bind(this.onHideForeignCursorLabel, this)); this.api.asc_registerCallback('asc_onFocusObject', _.bind(this.onFocusObject, this)); this.api.asc_registerCallback('asc_onShowSpecialPasteOptions', _.bind(this.onShowSpecialPasteOptions, this)); this.api.asc_registerCallback('asc_onHideSpecialPasteOptions', _.bind(this.onHideSpecialPasteOptions, this)); if (this.mode.isEdit || this.mode.isRestrictedEdit && this.mode.canFillForms) { this.api.asc_registerCallback('asc_onShowContentControlsActions',_.bind(this.onShowContentControlsActions, this)); this.api.asc_registerCallback('asc_onHideContentControlsActions',_.bind(this.onHideContentControlsActions, this)); Common.NotificationCenter.on('storage:image-insert', _.bind(this.insertImageFromStorage, this)); Common.NotificationCenter.on('forms:image-select', _.bind(this.selectFormImage, this));// select from right pane } this.api.asc_registerCallback('onPluginContextMenu', _.bind(this.onPluginContextMenu, this)); } }; dh.initExternalEditors = function() { var me = this; var diagramEditor = this.getApplication().getController('Common.Controllers.ExternalDiagramEditor').getView('Common.Views.ExternalDiagramEditor'); if (diagramEditor) { diagramEditor.on('internalmessage', _.bind(function(cmp, message) { var command = message.data.command; var data = message.data.data; if (this.api) { (diagramEditor.isEditMode()) ? this.api.asc_editChartDrawingObject(data) : this.api.asc_addChartDrawingObject(data); } }, this)); diagramEditor.on('hide', _.bind(function(cmp, message) { if (this.api) { this.api.asc_onCloseFrameEditor(); this.api.asc_enableKeyEvents(true); } setTimeout(function(){ me.editComplete(); }, 10); }, this)); } var mergeEditor = this.getApplication().getController('Common.Controllers.ExternalMergeEditor').getView('Common.Views.ExternalMergeEditor'); if (mergeEditor) { mergeEditor.on('internalmessage', _.bind(function(cmp, message) { var command = message.data.command; var data = message.data.data; if (this.api) this.api.asc_setMailMergeData(data); }, this)); mergeEditor.on('hide', _.bind(function(cmp, message) { if (this.api) { this.api.asc_enableKeyEvents(true); } setTimeout(function(){ me.editComplete(); }, 10); }, this)); } var oleEditor = this.getApplication().getController('Common.Controllers.ExternalOleEditor').getView('Common.Views.ExternalOleEditor'); if (oleEditor) { oleEditor.on('internalmessage', _.bind(function(cmp, message) { var command = message.data.command; var data = message.data.data; if (this.api) { oleEditor.isEditMode() ? this.api.asc_editTableOleObject(data) : this.api.asc_addTableOleObject(data); } }, this)); oleEditor.on('hide', _.bind(function(cmp, message) { if (this.api) { this.api.asc_enableKeyEvents(true); this.api.asc_onCloseFrameEditor(); } setTimeout(function(){ me.editComplete(); }, 10); }, this)); } }; dh.createDelayedElements = function(view, type) { var me = this, view = me.documentHolder; if (type==='view') { view.menuViewCopy.on('click', _.bind(me.onCutCopyPaste, me)); view.menuViewPaste.on('click', _.bind(me.onCutCopyPaste, me)); view.menuViewCut.on('click', _.bind(me.onCutCopyPaste, me)); view.menuViewUndo.on('click', _.bind(me.onUndo, me)); view.menuViewAddComment.on('click', _.bind(me.addComment, me)); view.menuSignatureViewSign.on('click', _.bind(me.onSignatureClick, me)); view.menuSignatureDetails.on('click', _.bind(me.onSignatureClick, me)); view.menuSignatureViewSetup.on('click', _.bind(me.onSignatureClick, me)); view.menuSignatureRemove.on('click', _.bind(me.onSignatureClick, me)); view.menuViewPrint.on('click', _.bind(me.onPrintSelection, me)); return; } else if (type==='pdf') { view.menuPDFViewCopy.on('click', _.bind(me.onCutCopyPaste, me)); return; } else if (type==='forms') { view.menuPDFFormsUndo.on('click', _.bind(me.onUndo, me)); view.menuPDFFormsRedo.on('click', _.bind(me.onRedo, me)); view.menuPDFFormsClear.on('click', _.bind(me.onClear, me)); view.menuPDFFormsCut.on('click', _.bind(me.onCutCopyPaste, me)); view.menuPDFFormsCopy.on('click', _.bind(me.onCutCopyPaste, me)); view.menuPDFFormsPaste.on('click', _.bind(me.onCutCopyPaste, me)); return; } // type == 'edit' view.menuEditObject.on('click', _.bind(me.onEditObject, me)); view.menuInsertCaption.on('click', _.bind(me.onInsertCaption, me)); view.menuEquationInsertCaption.on('click', _.bind(me.onInsertCaption, me)); view.menuTableInsertCaption.on('click', _.bind(me.onInsertCaption, me)); view.menuChartEdit.on('click', _.bind(me.editChartClick, me)); view.menuImgCopy.on('click', _.bind(me.onCutCopyPaste, me)); view.menuImgPaste.on('click', _.bind(me.onCutCopyPaste, me)); view.menuImgCut.on('click', _.bind(me.onCutCopyPaste, me)); view.menuTableCopy.on('click', _.bind(me.onCutCopyPaste, me)); view.menuTablePaste.on('click', _.bind(me.onCutCopyPaste, me)); view.menuTableCut.on('click', _.bind(me.onCutCopyPaste, me)); view.menuParaCopy.on('click', _.bind(me.onCutCopyPaste, me)); view.menuParaPaste.on('click', _.bind(me.onCutCopyPaste, me)); view.menuParaCut.on('click', _.bind(me.onCutCopyPaste, me)); view.menuImgAccept.on('click', _.bind(me.onAcceptRejectChange, me)); view.menuImgReject.on('click', _.bind(me.onAcceptRejectChange, me)); view.menuTableAccept.on('click', _.bind(me.onAcceptRejectChange, me)); view.menuTableReject.on('click', _.bind(me.onAcceptRejectChange, me)); view.menuParaAccept.on('click', _.bind(me.onAcceptRejectChange, me)); view.menuParaReject.on('click', _.bind(me.onAcceptRejectChange, me)); view.menuImgPrint.on('click', _.bind(me.onPrintSelection, me)); view.menuTablePrint.on('click', _.bind(me.onPrintSelection, me)); view.menuParaPrint.on('click', _.bind(me.onPrintSelection, me)); view.menuSignatureEditSign.on('click', _.bind(me.onSignatureClick, me)); view.menuSignatureEditSetup.on('click', _.bind(me.onSignatureClick, me)); view.menuImgRotate.menu.items[0].on('click', _.bind(me.onImgRotate, me)); view.menuImgRotate.menu.items[1].on('click', _.bind(me.onImgRotate, me)); view.menuImgRotate.menu.items[3].on('click', _.bind(me.onImgFlip, me)); view.menuImgRotate.menu.items[4].on('click', _.bind(me.onImgFlip, me)); view.menuImgCrop.menu.on('item:click', _.bind(me.onImgCrop, me)); view.menuImgResetCrop.on('click', _.bind(me.onImgResetCrop, me)); view.menuImgRemoveControl.on('click', _.bind(me.onControlsSelect, me)); view.menuImgControlSettings.on('click', _.bind(me.onControlsSelect, me)); view.menuTableRemoveForm.on('click', _.bind(me.onControlsSelect, me)); view.menuTableRemoveControl.on('click', _.bind(me.onControlsSelect, me)); view.menuTableControlSettings.on('click', _.bind(me.onControlsSelect, me)); view.menuParaRemoveControl.on('click', _.bind(me.onControlsSelect, me)); view.menuParaControlSettings.on('click', _.bind(me.onControlsSelect, me)); view.menuTableCellAlign.menu.on('item:click', _.bind(me.tableCellsVAlign, me)); view.menuTableAdvanced.on('click', _.bind(me.advancedTableClick, me)); view.menuParagraphAdvancedInTable.on('click', _.bind(me.advancedParagraphClick, me)); view.menuParagraphAdvanced.on('click', _.bind(me.advancedParagraphClick, me)); view.menuEditHyperlinkTable.on('click', _.bind(me.editHyperlink, me)); view.menuEditHyperlinkPara.on('click', _.bind(me.editHyperlink, me)); view.menuRemoveHyperlinkTable.on('click', _.bind(me.onRemoveHyperlink, me)); view.menuRemoveHyperlinkPara.on('click', _.bind(me.onRemoveHyperlink, me)); view.menuAddHyperlinkTable.on('click', _.bind(me.addHyperlink, me)); view.menuAddHyperlinkPara.on('click', _.bind(me.addHyperlink, me)); view.menuAddCommentTable.on('click', _.bind(me.addComment, me)); view.menuAddCommentPara.on('click', _.bind(me.addComment, me)); view.menuTableFollow.on('click', _.bind(me.onFollowMove, me)); view.menuParaFollow.on('click', _.bind(me.onFollowMove, me)); view.menuTableStartNewList.on('click', _.bind(me.onStartNumbering, me, 1)); view.menuParaStartNewList.on('click', _.bind(me.onStartNumbering, me, 1)); view.menuTableStartNumberingFrom.on('click', _.bind(me.onStartNumbering, me, 'advanced')); view.menuParaStartNumberingFrom.on('click', _.bind(me.onStartNumbering, me, 'advanced')); view.menuTableContinueNumbering.on('click', _.bind(me.onContinueNumbering, me)); view.menuParaContinueNumbering.on('click', _.bind(me.onContinueNumbering, me)); view.menuFrameAdvanced.on('click', _.bind(me.advancedFrameClick, me, true)); view.menuDropCapAdvanced.on('click', _.bind(me.advancedFrameClick, me, false)); view.menuStyleSave.on('click', _.bind(me.onMenuSaveStyle, me)); view.menuStyleUpdate.on('click', _.bind(me.onMenuUpdateStyle, me)); view.menuTableSelectText.menu.on('item:click', _.bind(me.tableSelectText, me)); view.menuTableInsertText.menu.on('item:click', _.bind(me.tableInsertText, me)); view.menuTableDeleteText.menu.on('item:click', _.bind(me.tableDeleteText, me)); view.menuImageAlign.menu.on('item:click', _.bind(me.onImgAlign, me)); view.menuShapesMerge.menu.on('item:click', _.bind(me.onShapesMerge, me)); view.menuImageArrange.menu.on('item:click', _.bind(me.onImgArrange, me)); view.mnuGroup.on('click', _.bind(me.onImgGroup, me)); view.mnuUnGroup.on('click', _.bind(me.onImgUnGroup, me)); view.menuWrapPolygon.on('click', _.bind(me.onImgWrapPolygon, me)); view.menuImageWrap.menu.on('item:click', _.bind(me.onImgWrap, me)); view.menuImageAdvanced.on('click', _.bind(me.onImgAdvanced, me)); view.menuOriginalSize.on('click', _.bind(me.onImgOriginalSize, me)); view.menuImgReplace.menu.on('item:click', _.bind(me.onImgReplace, me)); view.menuImgEditPoints.on('click', _.bind(me.onImgEditPoints, me)); view.mnuTableMerge.on('click', _.bind(me.onTableMerge, me)); view.mnuTableSplit.on('click', _.bind(me.onTableSplit, me)); view.menuIgnoreSpellTable.on('click', _.bind(me.onIgnoreSpell, me)); view.menuIgnoreSpellPara.on('click', _.bind(me.onIgnoreSpell, me)); view.menuIgnoreAllSpellTable.on('click', _.bind(me.onIgnoreSpell, me)); view.menuIgnoreAllSpellPara.on('click', _.bind(me.onIgnoreSpell, me)); view.menuToDictionaryTable.on('click', _.bind(me.onToDictionary, me)); view.menuToDictionaryPara.on('click', _.bind(me.onToDictionary, me)); view.menuTableDistRows.on('click', _.bind(me.onTableDist, me)); view.menuTableDistCols.on('click', _.bind(me.onTableDist, me)); view.menuTableDirection.menu.on('item:click', _.bind(me.tableDirection, me)); view.menuTableRefreshField.on('click', _.bind(me.onRefreshField, me)); view.menuParaRefreshField.on('click', _.bind(me.onRefreshField, me)); view.menuTableEditField.on('click', _.bind(me.onEditField, me)); view.menuParaEditField.on('click', _.bind(me.onEditField, me)); view.menuTableFieldCodes.on('click', _.bind(me.onFieldCodes, me)); view.menuParaFieldCodes.on('click', _.bind(me.onFieldCodes, me)); view.menuParagraphBreakBefore.on('click', _.bind(me.onParagraphBreakBefore, me)); view.menuParagraphKeepLines.on('click', _.bind(me.onParagraphKeepLines, me)); view.menuParagraphVAlign.menu.on('item:click', _.bind(me.paragraphVAlign, me)); view.menuParagraphDirection.menu.on('item:click', _.bind(me.paragraphDirection, me)); view.langParaMenu.menu.on('item:click', _.bind(me.onLangMenu, me, 'para')); view.langTableMenu.menu.on('item:click', _.bind(me.onLangMenu, me, 'table')); view.menuTableTOC.menu.on('item:click', _.bind(me.onTOCMenu, me)); view.menuParaTOCRefresh.menu.on('item:click', _.bind(me.onTOCMenu, me)); view.menuParaTOCSettings.on('click', _.bind(me.onParaTOCSettings, me)); view.menuTableEquation.menu.on('item:click', _.bind(me.convertEquation, me)); view.menuParagraphEquation.menu.on('item:click', _.bind(me.convertEquation, me)); view.menuTableListIndents.on('click', _.bind(me.onListIndents, me)); view.menuParaListIndents.on('click', _.bind(me.onListIndents, me)); view.menuSaveAsPicture.on('click', _.bind(me.saveAsPicture, me)); view.menuChartElement.on('item:click', _.bind(me.onChartElement, me)); view.menuChartElement.menu.items.forEach(item => { if (item.menu) { item.menu.items.forEach(item => { item.on('click', function() { me.onChartElement(item.menu, item); }); }); } }); me.onChangeProtectDocument(); }; dh.fillMenuProps = function(selectedElements) { if (!selectedElements || !_.isArray(selectedElements)) return; var me = this, documentHolder = this.documentHolder; var menu_props = {}, menu_to_show = documentHolder.textMenu, noobject = true; for (var i = 0; i 256) ToolTip = ToolTip.substr(0, 256) + '...'; } else if (type == Asc.c_oAscMouseMoveDataTypes.Footnote) { ToolTip = moveData.get_FootnoteText(); if (ToolTip.length>1000) ToolTip = ToolTip.substr(0, 1000) + '...'; } else if (type==Asc.c_oAscMouseMoveDataTypes.Form) { ToolTip = moveData.get_FormHelpText(); if (ToolTip.length>1000) ToolTip = ToolTip.substr(0, 1000) + '...'; } else if (type==Asc.c_oAscMouseMoveDataTypes.Review && moveData.get_ReviewChange()) { var changes = me.getApplication().getController("Common.Controllers.ReviewChanges").readSDKChange([moveData.get_ReviewChange()]); if (changes && changes.length>0) changes = changes[0]; if (changes) { ToolTip = ''+ Common.Utils.String.htmlEncode(AscCommon.UserInfoParser.getParsedName(changes.get('username'))) +' '; ToolTip += ''+ changes.get('date') +'
'; ToolTip += changes.get('changetext'); if (ToolTip.length>1000) ToolTip = ToolTip.substr(0, 1000) + '...'; } } else if (type===Asc.c_oAscMouseMoveDataTypes.Placeholder) { switch (moveData.get_PlaceholderType()) { case AscCommon.PlaceholderButtonType.Image: ToolTip = me.documentHolder.txtInsImage; break; case AscCommon.PlaceholderButtonType.ImageUrl: ToolTip = me.documentHolder.txtInsImageUrl; break; } } else if (type==Asc.c_oAscMouseMoveDataTypes.Eyedropper) { if (me.eyedropperTip.isTipVisible) { me.eyedropperTip.isTipVisible = false; me.eyedropperTip.toolTip.hide(); } if (!me.eyedropperTip.toolTip) { var tipEl = $('
'); me.documentHolder.cmpEl.append(tipEl); me.eyedropperTip.toolTip = new Common.UI.Tooltip({ owner: tipEl, html: true, cls: 'eyedropper-tooltip' }); } var color = moveData.get_EyedropperColor().asc_getColor(), r = color.get_r(), g = color.get_g(), b = color.get_b(), hex = Common.Utils.ThemeColor.getHexColor(r,g,b); if (!me.eyedropperTip.eyedropperColor) { var colorEl = $(document.createElement("div")); colorEl.addClass('eyedropper-color'); colorEl.appendTo(document.body); me.eyedropperTip.eyedropperColor = colorEl; $('#id_main_view').on('mouseleave', _.bind(me.hideEyedropper, me)); } me.eyedropperTip.eyedropperColor.css({ backgroundColor: '#' + hex, left: (moveData.get_X() + me._XY[0] + 23) + 'px', top: (moveData.get_Y() + me._XY[1] - 53) + 'px' }); me.eyedropperTip.isVisible = true; if (me.eyedropperTip.tipInterval) { clearInterval(me.eyedropperTip.tipInterval); } me.eyedropperTip.tipInterval = setInterval(function () { clearInterval(me.eyedropperTip.tipInterval); if (me.eyedropperTip.isVisible) { ToolTip = '
RGB (' + r + ',' + g + ',' + b + ')
' + '
' + moveData.get_EyedropperColor().asc_getName() + '
'; me.eyedropperTip.toolTip.setTitle(ToolTip); me.eyedropperTip.isTipVisible = true; me.eyedropperTip.toolTip.show([-10000, -10000]); me.eyedropperTip.tipWidth = me.eyedropperTip.toolTip.getBSTip().$tip.width(); showPoint = [moveData.get_X(), moveData.get_Y()]; showPoint[1] += (me._XY[1] - 57); showPoint[0] += (me._XY[0] + 58); if (showPoint[0] + me.eyedropperTip.tipWidth > me._BodyWidth ) { showPoint[0] = showPoint[0] - me.eyedropperTip.tipWidth - 40; } me.eyedropperTip.toolTip.getBSTip().$tip.css({ top: showPoint[1] + 'px', left: showPoint[0] + 'px' }); } }, 800); me.eyedropperTip.isHidden = false; return; } var recalc = false; screenTip.isHidden = false; if (!me.screenTip.toolTip) { me.screenTip.toolTip = new Common.UI.Tooltip({ owner: me, html: true, title: '
Press Ctrl and click link', cls: 'link-tooltip' }); me.screenTip.toolTip.on('tooltip:show', function () { $('#id_main_view').on('mouseleave', me.wrapEvents.onMouseLeave); }); me.screenTip.toolTip.on('tooltip:hide',function () { $('#id_main_view').off('mouseleave', me.wrapEvents.onMouseLeave); }); } if (type!==Asc.c_oAscMouseMoveDataTypes.Review && type!==Asc.c_oAscMouseMoveDataTypes.Placeholder) ToolTip = Common.Utils.String.htmlEncode(ToolTip); if (screenTip.tipType !== type || screenTip.tipLength !== ToolTip.length || screenTip.strTip.indexOf(ToolTip)<0 ) { screenTip.toolTip.setTitle((type==Asc.c_oAscMouseMoveDataTypes.Hyperlink) ? (ToolTip + '
' + Common.Utils.String.platformKey('Ctrl', me.documentHolder.txtPressLink) + '') : ToolTip); screenTip.tipLength = ToolTip.length; screenTip.strTip = ToolTip; screenTip.tipType = type; 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(); } recalc = false; if (showPoint[0] + screenTip.tipWidth > me._BodyWidth ) { showPoint[0] = me._BodyWidth - screenTip.tipWidth; recalc = true; } if (showPoint[1] - screenTip.tipHeight < 0) { showPoint[1] = (recalc) ? showPoint[1]+30 : 0; } else showPoint[1] -= screenTip.tipHeight; screenTip.toolTip.getBSTip().$tip.css({top: showPoint[1] + 'px', left: showPoint[0] + 'px'}); } /** coauthoring begin **/ else if (moveData.get_Type()==Asc.c_oAscMouseMoveDataTypes.LockedObject && me.mode.isEdit && me.isUserVisible(moveData.get_UserId())) { // 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', 'line-height': me._TtHeight + 'px', position: 'absolute', zIndex: '900', visibility: 'visible'}); $(document.body).append(src); if (me.userTooltip) { src.on('mouseover', me.wrapEvents.userTipMousover); src.on('mouseout', me.wrapEvents.userTipMousout); } me.usertips.push(src); } src = me.usertips[me.usertipcount]; me.usertipcount++; ToolTip = me.getUserName(moveData.get_UserId()); showPoint = [moveData.get_X()+me._XY[0], moveData.get_Y()+me._XY[1]]; var maxwidth = showPoint[0]; 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', 'max-width': maxwidth + 'px'}); } else { src.css({visibility: 'hidden'}); } } /** coauthoring end **/ } }; const _set = Asc.c_oAscChartTypeSettings, chartElementMap = { [_set.barNormal]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.barStacked]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend'], [_set.barStackedPer]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend'], [_set.barNormal3d]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'gridLines', 'legend'], [_set.barStacked3d]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'gridLines', 'legend'], [_set.barStackedPer3d]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'gridLines', 'legend'], [_set.barNormal3dPerspective]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'gridLines', 'legend'], [_set.lineNormal]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines', 'upDownBars'], [_set.lineStacked]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'upDownBars'], [_set.lineStackedPer]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines', 'upDownBars'], [_set.lineNormalMarker]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines', 'upDownBars'], [_set.lineStackedMarker]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'upDownBars'], [_set.lineStackedPerMarker]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'upDownBars'], [_set.line3d]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'gridLines', 'legend'], [_set.pie]: ['chartTitle', 'dataLabels', 'legend'], [_set.pie3d]: ['chartTitle', 'dataLabels', 'legend'], [_set.hBarNormal]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.hBarStacked]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend'], [_set.hBarStackedPer]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend'], [_set.hBarNormal3d]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'gridLines', 'legend'], [_set.hBarStacked3d]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'gridLines', 'legend'], [_set.hBarStackedPer3d]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'gridLines', 'legend'], [_set.areaNormal]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend'], [_set.areaStacked]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend'], [_set.areaStackedPer]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend'], [_set.doughnut]: ['chartTitle', 'dataLabels', 'legend'], [_set.stock]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines', 'upDownBars'], [_set.scatter]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.scatterLine]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.scatterLineMarker]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.scatterMarker]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.scatterNone]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.scatterSmooth]: ['axes', 'axisTitles', 'chartTitle', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.scatterSmoothMarker]: ['axes', 'axisTitles', 'chartTitle', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.surfaceNormal]: ['axes', 'axisTitles', 'chartTitle', 'gridLines', 'legend'], [_set.surfaceWireframe]: ['axes', 'axisTitles', 'chartTitle', 'gridLines', 'legend'], [_set.contourNormal]: ['axes', 'axisTitles', 'chartTitle', 'gridLines', 'legend'], [_set.contourWireframe]: ['axes', 'axisTitles', 'chartTitle', 'gridLines', 'legend'], [_set.comboCustom]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.comboBarLine]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.comboBarLineSecondary]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines'], [_set.comboAreaBar]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend'], [_set.radar]: ['axes', 'chartTitle', 'dataLabels', 'gridLines', 'legend'], [_set.radarMarker]: ['axes', 'chartTitle', 'dataLabels', 'gridLines', 'legend'], [_set.radarFilled]: ['axes', 'chartTitle', 'dataLabels', 'gridLines', 'legend'], [_set.unknown]: ['axes', 'axisTitles', 'chartTitle', 'dataLabels', 'dataTable', 'errorBars', 'gridLines', 'legend', 'trendLines', 'upDownBars'] }; dh.onChartElement = function(menu, item) { var chartProps = this.chartProps, HorAxis = chartProps.getHorAxesProps && chartProps.getHorAxesProps()[0], SecHorAxis = chartProps.getHorAxesProps && chartProps.getHorAxesProps()[1], VertAxis = chartProps.getVertAxesProps && chartProps.getVertAxesProps()[0], SecVertAxis = chartProps.getVertAxesProps && chartProps.getVertAxesProps()[1], DepthAxis = chartProps.getDepthAxesProps && chartProps.getDepthAxesProps()[0], HorMajorGridlines = HorAxis && (HorAxis.getGridlines() === 1 || HorAxis.getGridlines() === 3), HorMinorGridlines = HorAxis && (HorAxis.getGridlines() === 2 || HorAxis.getGridlines() === 3), VertMajorGridlines = VertAxis && (VertAxis.getGridlines() === 1 || VertAxis.getGridlines() === 3), VertMinorGridlines = VertAxis && (VertAxis.getGridlines() === 2 || VertAxis.getGridlines() === 3); const value = item.value, type = chartProps.getType(), RadarChart = [_set.radar, _set.radarMarker, _set.radarFilled].includes(type), hBarChart = [_set.hBarNormal, _set.hBarStacked, _set.hBarStackedPer, _set.hBarNormal3d, _set.hBarStacked3d, _set.hBarStackedPer3d].includes(type), scatterChart = [_set.scatter, _set.scatterLine, _set.scatterLineMarker, _set.scatterMarker, _set.scatterNone, _set.scatterSmooth, _set.scatterSmoothMarker, _set.surfaceNormal].includes(type), comboCustom = [_set.comboCustom].includes(type); switch (value) { case 'bShowHorAxis': if (hBarChart) { chartProps.setDisplayAxes(VertAxis && VertAxis.getShow(), SecVertAxis && SecVertAxis.getShow(), item.checked, SecHorAxis && SecHorAxis.getShow(), DepthAxis && DepthAxis.getShow()); } else if (scatterChart) { chartProps.setDisplayAxes(SecVertAxis && SecVertAxis.getShow(), SecHorAxis && SecHorAxis.getShow(), item.checked, VertAxis && VertAxis.getShow(), DepthAxis && DepthAxis.getShow()); } else if (comboCustom) { chartProps.setDisplayAxes(item.checked, SecVertAxis && SecVertAxis.getShow(), VertAxis && VertAxis.getShow(), SecHorAxis && SecHorAxis.getShow(), DepthAxis && DepthAxis.getShow()); } else { chartProps.setDisplayAxes(item.checked, SecHorAxis && SecHorAxis.getShow(), VertAxis && VertAxis.getShow(), SecVertAxis && SecVertAxis.getShow(), DepthAxis && DepthAxis.getShow()); } break; case 'bShowVertAxis': if (hBarChart) { chartProps.setDisplayAxes(item.checked, SecVertAxis && SecVertAxis.getShow(), HorAxis && HorAxis.getShow(), SecHorAxis && SecHorAxis.getShow(), DepthAxis && DepthAxis.getShow()); } else if (scatterChart) { chartProps.setDisplayAxes(SecVertAxis && SecVertAxis.getShow(), SecHorAxis && SecHorAxis.getShow(), HorAxis && HorAxis.getShow(), item.checked, DepthAxis && DepthAxis.getShow()); } else if (comboCustom) { chartProps.setDisplayAxes(HorAxis && HorAxis.getShow(), SecVertAxis && SecVertAxis.getShow(), item.checked, SecHorAxis && SecHorAxis.getShow(), DepthAxis && DepthAxis.getShow()); } else { chartProps.setDisplayAxes(HorAxis && HorAxis.getShow(), SecHorAxis && SecHorAxis.getShow(), item.checked, SecVertAxis && SecVertAxis.getShow(), DepthAxis && DepthAxis.getShow()); } break; case 'bShowHorAxSec': if (comboCustom) { chartProps.setDisplayAxes(HorAxis && HorAxis.getShow(), SecVertAxis && SecVertAxis.getShow(), VertAxis && VertAxis.getShow(), item.checked, DepthAxis && DepthAxis.getShow()); } else { chartProps.setDisplayAxes(HorAxis && HorAxis.getShow(), item.checked, VertAxis && VertAxis.getShow(), SecVertAxis && SecVertAxis.getShow(), DepthAxis && DepthAxis.getShow()); } break; case 'bShowVertAxSec': if (comboCustom) { chartProps.setDisplayAxes(HorAxis && HorAxis.getShow(), item.checked, VertAxis && VertAxis.getShow(), SecHorAxis && SecHorAxis.getShow(), DepthAxis && DepthAxis.getShow()); } else { chartProps.setDisplayAxes(HorAxis && HorAxis.getShow(), SecHorAxis && SecHorAxis.getShow(), VertAxis && VertAxis.getShow(), item.checked, DepthAxis && DepthAxis.getShow()); } break; case 'bShowDepthAxes': chartProps.setDisplayAxes(HorAxis && HorAxis.getShow(), SecHorAxis && SecHorAxis.getShow(), VertAxis && VertAxis.getShow(), SecVertAxis && SecVertAxis.getShow(), item.checked); break; case 'bShowHorAxTitle': if (hBarChart) { chartProps.setDisplayAxisTitles((VertAxis && VertAxis.getLabel() === 1), (SecVertAxis && SecVertAxis.getLabel() === 1), item.checked, (SecHorAxis && SecHorAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } else if (scatterChart) { chartProps.setDisplayAxisTitles((SecHorAxis && SecHorAxis.getLabel() === 1), (SecVertAxis && SecVertAxis.getLabel() === 1), item.checked, (VertAxis && VertAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } else if (comboCustom) { chartProps.setDisplayAxisTitles(item.checked, (SecVertAxis && SecVertAxis.getLabel() === 1), (VertAxis && VertAxis.getLabel() === 1), (SecHorAxis && SecHorAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } else { chartProps.setDisplayAxisTitles(item.checked, (SecHorAxis && SecHorAxis.getLabel() === 1), (VertAxis && VertAxis.getLabel() === 1), (SecVertAxis && SecVertAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } break; case 'bShowVertAxTitle': if (hBarChart) { chartProps.setDisplayAxisTitles(item.checked, (SecVertAxis && SecVertAxis.getLabel() === 1), (HorAxis && HorAxis.getLabel() === 1), (SecHorAxis && SecHorAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } else if (scatterChart) { chartProps.setDisplayAxisTitles((SecHorAxis && SecHorAxis.getLabel() === 1), (SecVertAxis && SecVertAxis.getLabel() === 1), (HorAxis && HorAxis.getLabel() === 1), item.checked, (DepthAxis && DepthAxis.getLabel() === 1)); } else if (comboCustom) { chartProps.setDisplayAxisTitles((HorAxis && HorAxis.getLabel() === 1), (SecVertAxis && SecVertAxis.getLabel() === 1), item.checked, (SecHorAxis && SecHorAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } else { chartProps.setDisplayAxisTitles((HorAxis && HorAxis.getLabel() === 1), (SecHorAxis && SecHorAxis.getLabel() === 1), item.checked, (SecVertAxis && SecVertAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } break; case 'bShowHorAxTitleSec': if (comboCustom) { chartProps.setDisplayAxisTitles((HorAxis && HorAxis.getLabel() === 1), (SecVertAxis && SecVertAxis.getLabel() === 1), (VertAxis && VertAxis.getLabel() === 1), item.checked, (DepthAxis && DepthAxis.getLabel() === 1)); } else { chartProps.setDisplayAxisTitles((HorAxis && HorAxis.getLabel() === 1), item.checked, (VertAxis && VertAxis.getLabel() === 1), (SecVertAxis && SecVertAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } break; case 'bShowVertAxisTitleSec': if (comboCustom) { chartProps.setDisplayAxisTitles((HorAxis && HorAxis.getLabel() === 1), item.checked, (VertAxis && VertAxis.getLabel() === 1), (SecHorAxis && SecHorAxis.getLabel() === 1), (DepthAxis && DepthAxis.getLabel() === 1)); } else { chartProps.setDisplayAxisTitles((HorAxis && HorAxis.getLabel() === 1), (SecHorAxis && SecHorAxis.getLabel() === 1), (VertAxis && VertAxis.getLabel() === 1), item.checked, (DepthAxis && DepthAxis.getLabel() === 1)); } break; case 'bShowDepthAxisTitle': chartProps.setDisplayAxes((HorAxis && HorAxis.getLabel() === 1), (SecHorAxis && SecHorAxis.getLabel() === 1), (VertAxis && VertAxis.getLabel() === 1), (SecVertAxis && SecVertAxis.getLabel() === 1), item.checked); break; case 'bShowChartTitleNone': chartProps.setDisplayChartTitle(false, false); break; case 'bShowChartTitle': chartProps.setDisplayChartTitle(true, false); break; case 'bOverlayTitle': chartProps.setDisplayChartTitle(true, true); break; case 'CenterData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.ctr); break; case 'InnerBottomData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.inBase); break; case 'InnerTopData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.inEnd); break; case 'OuterTopData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.outEnd); break; case 'TopData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.t); break; case 'LeftData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.l); break; case 'RightData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.r); break; case 'BottomData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.b); break; case 'FitWidthData': chartProps.setDisplayDataLabels(true, Asc.c_oAscChartDataLabelsPos.bestFit); break; case 'bShowDataLabels': chartProps.setDisplayDataLabels(false, false); break; // case 'bShowDataNone': // chartProps.setDisplayDataTable(false, false); // break; // case 'bShowDataTable': // chartProps.setDisplayDataTable(true, false); // break; // case 'bShowLegendKeys': // chartProps.setDisplayDataTable(true, true); // break; case 'standardError': chartProps.setDisplayErrorBars(true, 4); break; case 'percentage': chartProps.setDisplayErrorBars(true, 2); break; case 'standardDeviation': chartProps.setDisplayErrorBars(true, 3); break; case 'bShowHorMajor': if (hBarChart) { chartProps.setDisplayGridlines(HorMajorGridlines, item.checked, HorMinorGridlines, VertMinorGridlines); } else chartProps.setDisplayGridlines(item.checked, HorMajorGridlines, VertMinorGridlines, HorMinorGridlines); break; case 'bShowVerMajor': if (hBarChart || RadarChart) { chartProps.setDisplayGridlines(item.checked, VertMajorGridlines, HorMinorGridlines, VertMinorGridlines); } else chartProps.setDisplayGridlines(VertMajorGridlines, item.checked, VertMinorGridlines, HorMinorGridlines); break; case 'bShowHorMinor': if (hBarChart) { chartProps.setDisplayGridlines(HorMajorGridlines, VertMajorGridlines, HorMinorGridlines, item.checked); } else chartProps.setDisplayGridlines(VertMajorGridlines, HorMajorGridlines, item.checked, HorMinorGridlines); break; case 'bShowVerMinor': if (hBarChart || RadarChart) { chartProps.setDisplayGridlines(HorMajorGridlines, VertMajorGridlines, item.checked, VertMinorGridlines); }else chartProps.setDisplayGridlines(VertMajorGridlines, HorMajorGridlines, VertMinorGridlines, item.checked); break; case 'NoneLegend': chartProps.setDisplayLegend(false, Asc.c_oAscChartLegendShowSettings.none); break; case 'LeftLegend': chartProps.setDisplayLegend(true, Asc.c_oAscChartLegendShowSettings.left); break; case 'TopLegend': chartProps.setDisplayLegend(true, Asc.c_oAscChartLegendShowSettings.top); break; case 'RightLegend': chartProps.setDisplayLegend(true, Asc.c_oAscChartLegendShowSettings.right); break; case 'BottomLegend': chartProps.setDisplayLegend(true, Asc.c_oAscChartLegendShowSettings.bottom); break; case 'LeftOverlay': chartProps.setDisplayLegend(true, Asc.c_oAscChartLegendShowSettings.leftOverlay); break; case 'RightOverlay': chartProps.setDisplayLegend(true, Asc.c_oAscChartLegendShowSettings.rightOverlay); break; case 'trendLineNone': chartProps.setDisplayTrendlines(false, false, 0, 0); break; case 'trendLineLinear': chartProps.setDisplayTrendlines(true, 1, 0, 0); break; case 'trendLineExponential': chartProps.setDisplayTrendlines(true, 0, 0, 0); break; case 'trendLineForecast': chartProps.setDisplayTrendlines(true, 1, 2, 0); break; case 'trendLineMovingAverage': chartProps.setDisplayTrendlines(true, 3, 0, 0); break; case 'bShowUpDownBars': chartProps.setDisplayUpDownBars(true); break; case 'bShowUpDownNone': chartProps.setDisplayUpDownBars(false); break; } }; dh.updateChartElementMenu = function(menu, chartProps) { const type = chartProps.getType(), horAxes = chartProps.getHorAxesProps && chartProps.getHorAxesProps(), vertAxes = chartProps.getVertAxesProps && chartProps.getVertAxesProps(), depthAxes = chartProps.getDepthAxesProps && chartProps.getDepthAxesProps(), dataLabelsPos = chartProps.getDataLabelsPos && chartProps.getDataLabelsPos(), title = chartProps.getTitle && chartProps.getTitle(), legendPos = chartProps.getLegendPos && chartProps.getLegendPos(), GridMajor = Asc.c_oAscGridLinesSettings.major, GridMinor = Asc.c_oAscGridLinesSettings.minor, GridMajorMinor = Asc.c_oAscGridLinesSettings.majorMinor, ComboChart = [_set.comboCustom, _set.comboBarLine,_set.comboBarLineSecondary,_set.comboAreaBar].includes(type), RadarChart = [_set.radar, _set.radarMarker, _set.radarFilled].includes(type), LabelGroup1Types = [_set.barNormal, _set.barStacked, _set.barStackedPer, _set.hBarNormal, _set.hBarStacked, _set.hBarStackedPer], LabelGroup2Types = [_set.barNormal, _set.barStacked, _set.barStackedPer, _set.pie, _set.pie3d, _set.hBarNormal, _set.hBarStacked, _set.hBarStackedPer], LabelGroup3Types = [_set.barNormal, _set.pie, _set.pie3d, _set.hBarNormal], LabelGroup4Types = [_set.lineNormal, _set.lineStacked, _set.lineStackedPer, _set.lineNormalMarker, _set.lineStackedMarker, _set.lineStackedPerMarker, _set.stock, _set.scatter, _set.scatterLine, _set.scatterLineMarker, _set.scatterSmooth, _set.scatterSmoothMarker], LabelGroup5Types = [_set.pie, _set.pie3d], comboType = ComboChart ? (chartProps.getSeries && chartProps.getSeries()[0] && chartProps.getSeries()[0].asc_getChartType()) : type, LabelGroup1 = LabelGroup1Types.includes(comboType), LabelGroup2 = LabelGroup2Types.includes(comboType), LabelGroup3 = LabelGroup3Types.includes(comboType), LabelGroup4 = LabelGroup4Types.includes(comboType), LabelGroup5 = LabelGroup5Types.includes(comboType); const axesMenu = menu.items[0].menu; axesMenu.items[0].setVisible(!RadarChart); axesMenu.items[0].setChecked(!RadarChart && horAxes && horAxes[0] && horAxes[0].getShow()); axesMenu.items[1].setChecked(vertAxes && vertAxes[0] && vertAxes[0].getShow()); axesMenu.items[4].setVisible(depthAxes && depthAxes[0]); axesMenu.items[4].setChecked(depthAxes && depthAxes[0] && depthAxes[0].getShow()); if (ComboChart) { axesMenu.items[2].setVisible(horAxes && horAxes[1]); axesMenu.items[2].setChecked(horAxes && horAxes[1] && horAxes[1].getShow()); axesMenu.items[3].setVisible(vertAxes && vertAxes[1]); axesMenu.items[3].setChecked(vertAxes && vertAxes[1] && vertAxes[1].getShow()); } else { axesMenu.items[2].setVisible(false); axesMenu.items[3].setVisible(false); } const titlesMenu = menu.items[1].menu; titlesMenu.items[0].setChecked(horAxes && horAxes[0] && horAxes[0].getLabel() === Asc.c_oAscChartHorAxisLabelShowSettings.noOverlay); titlesMenu.items[1].setChecked(vertAxes && vertAxes[0] && vertAxes[0].getLabel() === Asc.c_oAscChartVertAxisLabelShowSettings.rotated); titlesMenu.items[4].setVisible(depthAxes && depthAxes[0]); titlesMenu.items[4].setChecked(depthAxes && depthAxes[0] && depthAxes[0].getLabel() === Asc.c_oAscChartVertAxisLabelShowSettings.rotated); if (ComboChart) { titlesMenu.items[2].setVisible(horAxes && horAxes[1]); titlesMenu.items[2].setChecked(horAxes && horAxes[1] && horAxes[1].getLabel() === Asc.c_oAscChartHorAxisLabelShowSettings.noOverlay); titlesMenu.items[3].setVisible(vertAxes && vertAxes[1]); titlesMenu.items[3].setChecked(vertAxes && vertAxes[1] && vertAxes[1].getLabel() === Asc.c_oAscChartVertAxisLabelShowSettings.rotated); } else { titlesMenu.items[2].setVisible(false); titlesMenu.items[3].setVisible(false); } const titleMenu = menu.items[2].menu; titleMenu.items[0].setChecked(title === Asc.c_oAscChartTitleShowSettings.none); titleMenu.items[1].setChecked(title === Asc.c_oAscChartTitleShowSettings.noOverlay); titleMenu.items[2].setChecked(title === Asc.c_oAscChartTitleShowSettings.overlay); const labelsMenu = menu.items[3].menu; labelsMenu.items[0].setChecked(dataLabelsPos === Asc.c_oAscChartDataLabelsPos.none); labelsMenu.items[1].setChecked(dataLabelsPos === Asc.c_oAscChartDataLabelsPos.ctr); labelsMenu.items[2].setChecked(LabelGroup1 && dataLabelsPos === Asc.c_oAscChartDataLabelsPos.inBase); labelsMenu.items[3].setChecked(LabelGroup2 && dataLabelsPos === Asc.c_oAscChartDataLabelsPos.inEnd); labelsMenu.items[4].setChecked(LabelGroup3 && dataLabelsPos === Asc.c_oAscChartDataLabelsPos.outEnd); labelsMenu.items[5].setChecked(LabelGroup4 && dataLabelsPos === Asc.c_oAscChartDataLabelsPos.t); labelsMenu.items[6].setChecked(LabelGroup4 && dataLabelsPos === Asc.c_oAscChartDataLabelsPos.l); labelsMenu.items[7].setChecked(LabelGroup4 && dataLabelsPos === Asc.c_oAscChartDataLabelsPos.r); labelsMenu.items[8].setChecked(LabelGroup4 && dataLabelsPos === Asc.c_oAscChartDataLabelsPos.b); labelsMenu.items[9].setChecked(LabelGroup5 && dataLabelsPos === Asc.c_oAscChartDataLabelsPos.bestFit); if (dataLabelsPos !== undefined) { labelsMenu.items[2].setVisible(LabelGroup1); labelsMenu.items[3].setVisible(LabelGroup2); labelsMenu.items[4].setVisible(LabelGroup3); labelsMenu.items[5].setVisible(LabelGroup4); labelsMenu.items[6].setVisible(LabelGroup4); labelsMenu.items[7].setVisible(LabelGroup4); labelsMenu.items[8].setVisible(LabelGroup4); labelsMenu.items[9].setVisible(LabelGroup5); } // const tableMenu = menu.items[4].menu; // highlightSubmenuItem(tableMenu.items[0], false, 'table'); // highlightSubmenuItem(tableMenu.items[1], false, 'table'); // highlightSubmenuItem(tableMenu.items[2], false,'table'); const gridMenu = menu.items[5].menu; gridMenu.items[0].setVisible(true); gridMenu.items[2].setVisible(true); if (RadarChart) { gridMenu.items[0].setVisible(false); gridMenu.items[0].setChecked(false); gridMenu.items[1].setChecked(vertAxes && vertAxes[0] && (vertAxes[0].getGridlines() === GridMajor || vertAxes[0].getGridlines() === GridMajorMinor)); gridMenu.items[2].setChecked(false); gridMenu.items[2].setVisible(false); gridMenu.items[3].setChecked(vertAxes && vertAxes[0] && (vertAxes[0].getGridlines() === GridMinor || vertAxes[0].getGridlines() === GridMajorMinor)); } else if (type !== Asc.c_oAscChartTypeSettings.pie && type !== Asc.c_oAscChartTypeSettings.pie3d) { gridMenu.items[0].setChecked(vertAxes && vertAxes[0] && (vertAxes[0].getGridlines() === GridMajor || vertAxes[0].getGridlines() === GridMajorMinor)); gridMenu.items[1].setChecked(horAxes && horAxes[0] && (horAxes[0].getGridlines() === GridMajor || horAxes[0].getGridlines() === GridMajorMinor)); gridMenu.items[2].setChecked(vertAxes && vertAxes[0] && (vertAxes[0].getGridlines() === GridMinor || vertAxes[0].getGridlines() === GridMajorMinor)); gridMenu.items[3].setChecked(horAxes && horAxes[0] && (horAxes[0].getGridlines() === GridMinor || horAxes[0].getGridlines() === GridMajorMinor)); } const legendMenu = menu.items[6].menu; legendMenu.items[0].setChecked(legendPos === Asc.c_oAscChartLegendShowSettings.top); legendMenu.items[1].setChecked(legendPos === Asc.c_oAscChartLegendShowSettings.left); legendMenu.items[2].setChecked(legendPos === Asc.c_oAscChartLegendShowSettings.right); legendMenu.items[3].setChecked(legendPos === Asc.c_oAscChartLegendShowSettings.bottom); legendMenu.items[4].setChecked(legendPos === Asc.c_oAscChartLegendShowSettings.leftOverlay); legendMenu.items[5].setChecked(legendPos === Asc.c_oAscChartLegendShowSettings.rightOverlay); const supportedElements = chartElementMap[type] || []; menu.items.forEach(function(item) { item.setVisible(supportedElements.includes(item.value)); }); }; dh.onSingleChartSelectionChanged = function(asc_CRect) { if (this.mode && !this.mode.isEdit) return; var me = this, documentHolderView = me.documentHolder, chartContainer = documentHolderView.cmpEl.find('#chart-element-container'); me._state.currentChartRect = asc_CRect; me.getCurrentChartProps = function() { var selectedObjects = this.api.getSelectedElements(); for (var i = 0; i < selectedObjects.length; i++) { if (selectedObjects[i].asc_getObjectType() == Asc.c_oAscTypeSelectElement.Image) { var elValue = selectedObjects[i].asc_getObjectValue(); if (elValue.asc_getChartProperties()) { return elValue.asc_getChartProperties(); } } } return null; }; me.chartProps = me.getCurrentChartProps(); if (chartContainer.length < 1) { chartContainer = $('
'); documentHolderView.cmpEl.find('#id_main_view').append(chartContainer); } me.isRtlSheet = me.api ? Common.UI.isRTL() : false; if (me.chartProps) { if (!me.btnChartElement) { me.btnChartElement = new Common.UI.Button({ parentEl: $('#id-document-holder-btn-chart-element'), cls: 'btn-toolbar', iconCls: 'toolbar__icon btn-chart-elements', hint: me.documentHolder.btnChart, menu: me.documentHolder.menuChartElement.menu }); me.btnChartElement.on('click', function() { me.chartProps = me.getCurrentChartProps(); if (me.chartProps) { me.updateChartElementMenu(me.documentHolder.menuChartElement.menu, me.chartProps); } Common.UI.TooltipManager.closeTip('chartElements'); }); } me._XY = undefined; me.checkEditorOffsets(); var x = asc_CRect.asc_getX(), y = asc_CRect.asc_getY(), width = asc_CRect.asc_getWidth(), height = asc_CRect.asc_getHeight(), btn, btnTop = y - 28, btnWidth = 50, offsetLeft = chartContainer.width() === 40 ? 68 : 60, leftSide = x - offsetLeft, rightSide = x + width - 10; if (me.isRtlSheet) { if (leftSide >= - 8) { btn = leftSide + 5; } else if (rightSide + btnWidth <= me._Width) { btn = rightSide + 5; } else { chartContainer.hide(); Common.UI.TooltipManager.closeTip('chartElements'); return; } } else { if (rightSide + btnWidth <= me._Width - 10) { btn = rightSide; } else if (leftSide >= 0) { btn = leftSide; } else { chartContainer.hide(); Common.UI.TooltipManager.closeTip('chartElements'); return; } } if (btnTop < 0) btnTop = 0; if (y < 0) { var chartBottom = y + height; if (chartBottom < 45) { chartContainer.hide(); Common.UI.TooltipManager.closeTip('chartElements'); return; } } chartContainer.css({ left: btn + 'px', top: btnTop + 'px' }).show(); setTimeout(function (){ Common.UI.TooltipManager.showTip('chartElements'); Common.UI.TooltipManager.applyPlacement('chartElements'); }, 100); me.disableChartElementButton(); } else { chartContainer.hide(); Common.UI.TooltipManager.closeTip('chartElements'); } var diagramEditor = this.getApplication().getController('Common.Controllers.ExternalDiagramEditor').getView('Common.Views.ExternalDiagramEditor'); if (diagramEditor && diagramEditor.isVisible() && me._state.currentChartRect) { let x, y; this.checkEditorOffsets(); let dlgW = diagramEditor.getWidth() || diagramEditor.initConfig.initwidth, dlgH = diagramEditor.getHeight() || diagramEditor.initConfig.initheight, rect_x = this._state.currentChartRect.asc_getX(), rect_y = this._state.currentChartRect.asc_getY(), w = this._state.currentChartRect.asc_getWidth(), h = this._state.currentChartRect.asc_getHeight(); y = this._XY[1] + rect_y + h; if (y + dlgH > Common.Utils.innerHeight()) { y = this._XY[1] + rect_y - dlgH; if (y<0) { y = Common.Utils.innerHeight() - dlgH; } } x = this._XY[0] + rect_x - (dlgW - w)/2; if (x + dlgW > Common.Utils.innerWidth()) x = Common.Utils.innerWidth() - dlgW; diagramEditor.setPosition(x, y); } }; dh.onHideChartElementButton = function() { if (!this.documentHolder || !this.documentHolder.cmpEl) return; var chartContainer = this.documentHolder.cmpEl.find('#chart-element-container'); if (chartContainer.is(':visible')) { chartContainer.hide(); Common.UI.TooltipManager.closeTip('chartElements'); } }; dh.disableChartElementButton = function() { var chartContainer = this.documentHolder.cmpEl.find('#chart-element-container'), docProtection = this.documentHolder._docProtection, disabled = this._isDisabled || this._state.chartLocked || docProtection.isReadOnly || docProtection.isFormsOnly || docProtection.isCommentsOnly; if (chartContainer.length>0 && chartContainer.is(':visible')) { this.btnChartElement.setDisabled(!!disabled); } }; dh.onShowSpecialPasteOptions = function(specialPasteShowOptions) { if (this.mode && !this.mode.isEdit) return; var me = this, documentHolder = me.documentHolder; var coord = specialPasteShowOptions.asc_getCellCoord(), pasteContainer = documentHolder.cmpEl.find('#special-paste-container'), pasteItems = specialPasteShowOptions.asc_getOptions(); if (!pasteItems) return; // Prepare menu container if (pasteContainer.length < 1) { me._arrSpecialPaste = []; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.paste] = documentHolder.textPaste; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.sourceformatting] = documentHolder.txtPasteSourceFormat; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.keepTextOnly] = documentHolder.txtKeepTextOnly; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.insertAsNestedTable] = documentHolder.textNest; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.overwriteCells] = documentHolder.txtOverwriteCells; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.sourceFormattingEmbedding] = documentHolder.txtSourceEmbed; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.destinationFormattingEmbedding] = documentHolder.txtDestEmbed; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.sourceFormattingLink] = documentHolder.txtSourceLink; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.destinationFormattingLink] = documentHolder.txtDestLink; me._arrSpecialPaste[Asc.c_oSpecialPasteProps.picture] = documentHolder.txtPastePicture; pasteContainer = $('
'); documentHolder.cmpEl.find('#id_main_view').append(pasteContainer); me.btnSpecialPaste = new Common.UI.Button({ parentEl: $('#id-document-holder-btn-special-paste'), cls : 'btn-toolbar', iconCls : 'toolbar__icon btn-paste', caption : Common.Utils.String.format('({0})', Common.Utils.String.textCtrl), menu : new Common.UI.Menu({items: []}) }); me.initSpecialPasteEvents(); } if (pasteItems.length>0) { var menu = me.btnSpecialPaste.menu; for (var i = 0; i < menu.items.length; i++) { menu.removeItem(menu.items[i]); i--; } var group_prev = -1; _.each(pasteItems, function(menuItem, index) { var mnu = new Common.UI.MenuItem({ caption: me._arrSpecialPaste[menuItem] + ' (' + me.hkSpecPaste[menuItem] + ')', value: menuItem, checkable: true, toggleGroup : 'specialPasteGroup' }).on('click', _.bind(me.onSpecialPasteItemClick, me)); menu.addItem(mnu); }); (menu.items.length>0) && menu.items[0].setChecked(true, true); } var showPoint = [coord.asc_getX() + coord.asc_getWidth() + 3, coord.asc_getY() + coord.asc_getHeight() + 3]; if (coord.asc_getX()<0 || coord.asc_getY()<0 || showPoint[0]>me._Width || showPoint[1]>me._Height) { if (pasteContainer.is(':visible')) pasteContainer.hide(); $(document).off('keyup', this.wrapEvents.onKeyUp); return; } if (showPoint[1] + pasteContainer.height()>me._Height) showPoint[1] = me._Height - pasteContainer.height(); if (showPoint[0] + pasteContainer.width()>me._Width) showPoint[0] = me._Width - pasteContainer.width(); if (!Common.Utils.InternalSettings.get("de-hidden-rulers")) { showPoint = [showPoint[0] - 19, showPoint[1] - 26]; } pasteContainer.css({left: showPoint[0], top : showPoint[1]}); pasteContainer.show(); setTimeout(function() { $(document).on('keyup', me.wrapEvents.onKeyUp); }, 10); this.disableSpecialPaste(); }; dh.onHideSpecialPasteOptions = function() { if (!this.documentHolder || !this.documentHolder.cmpEl) return; var pasteContainer = this.documentHolder.cmpEl.find('#special-paste-container'); if (pasteContainer.is(':visible')) { pasteContainer.hide(); $(document).off('keyup', this.wrapEvents.onKeyUp); } }; dh.disableSpecialPaste = function() { var pasteContainer = this.documentHolder.cmpEl.find('#special-paste-container'), docProtection = this.documentHolder._docProtection, unprotectedRegion = this.documentHolder._unprotectedRegion, disabled = this._isDisabled || docProtection.isReadOnly && !unprotectedRegion.canInsObject || docProtection.isCommentsOnly && !unprotectedRegion.canInsObject; if (pasteContainer.length>0 && pasteContainer.is(':visible')) { this.btnSpecialPaste.setDisabled(!!disabled); } }; dh.initSpecialPasteEvents = function() { var me = this; me.hkSpecPaste = []; me.hkSpecPaste[Asc.c_oSpecialPasteProps.paste] = 'P'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.sourceformatting] = 'K'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.keepTextOnly] = 'T'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.insertAsNestedTable] = 'N'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.overwriteCells] = 'O'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.sourceFormattingEmbedding] = 'K'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.destinationFormattingEmbedding] = 'H'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.sourceFormattingLink] = 'F'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.destinationFormattingLink] = 'L'; me.hkSpecPaste[Asc.c_oSpecialPasteProps.picture] = 'U'; var str = ''; for(var key in me.hkSpecPaste){ if(me.hkSpecPaste.hasOwnProperty(key)){ if (str.indexOf(me.hkSpecPaste[key])<0) str += me.hkSpecPaste[key] + ','; } } str = str.substring(0, str.length-1) var keymap = {}; keymap[str] = _.bind(function(e) { var menu = this.btnSpecialPaste.menu; for (var i = 0; i < menu.items.length; i++) { if (this.hkSpecPaste[menu.items[i].value] === String.fromCharCode(e.keyCode)) { return me.onSpecialPasteItemClick({value: menu.items[i].value}); } } }, me); Common.util.Shortcuts.delegateShortcuts({shortcuts:keymap}); Common.util.Shortcuts.suspendEvents(str, undefined, true); me.btnSpecialPaste.menu.on('show:after', function(menu) { Common.util.Shortcuts.resumeEvents(str); }).on('hide:after', function(menu) { Common.util.Shortcuts.suspendEvents(str, undefined, true); }); }; dh.onEditObject = function() { if (!Common.Controllers.LaunchController.isScriptLoaded()) return; if (this.api) { var oleobj = this.api.asc_canEditTableOleObject(); if (oleobj) { this.api.asc_editOleTableInFrameEditor(); } else { this.api.asc_startEditCurrentOleObject(); } } }; dh.onDoubleClickOnChart = function(chart) { if (!Common.Controllers.LaunchController.isScriptLoaded()) return; var docProtection = this.documentHolder._docProtection; if (this.mode.isEdit && !(this._isDisabled || docProtection.isReadOnly || docProtection.isFormsOnly || docProtection.isCommentsOnly)) { var diagramEditor = this.getApplication().getController('Common.Controllers.ExternalDiagramEditor').getView('Common.Views.ExternalDiagramEditor'); if (diagramEditor && chart) { let x, y; if (this._state.currentChartRect) { this.checkEditorOffsets(); diagramEditor.setSize(diagramEditor.initConfig.initwidth, diagramEditor.initConfig.initheight); let dlgW = diagramEditor.getWidth() || diagramEditor.initConfig.initwidth, dlgH = diagramEditor.getHeight() || diagramEditor.initConfig.initheight, rect_x = this._state.currentChartRect.asc_getX(), rect_y = this._state.currentChartRect.asc_getY(), w = this._state.currentChartRect.asc_getWidth(), h = this._state.currentChartRect.asc_getHeight(); y = this._XY[1] + rect_y + h; if (y + dlgH > Common.Utils.innerHeight()) { y = this._XY[1] + rect_y - dlgH; if (y<0) { y = Common.Utils.innerHeight() - dlgH; } } x = this._XY[0] + rect_x - (dlgW - w)/2; if (x + dlgW > Common.Utils.innerWidth()) x = Common.Utils.innerWidth() - dlgW; } diagramEditor.setEditMode(true); diagramEditor.show(x, y); diagramEditor.setChartData(chart); } } }; dh.onDoubleClickOnTableOleObject = function(frameBinary) { if (!Common.Controllers.LaunchController.isScriptLoaded()) return; var docProtection = this.documentHolder._docProtection; if (this.mode.isEdit && !(this._isDisabled || docProtection.isReadOnly || docProtection.isFormsOnly || docProtection.isCommentsOnly)) { var oleEditor = this.getApplication().getController('Common.Controllers.ExternalOleEditor').getView('Common.Views.ExternalOleEditor'); if (oleEditor && frameBinary) { oleEditor.setEditMode(true); oleEditor.show(); oleEditor.setOleData(frameBinary); } } }; dh.onImgWrapStyleChanged = function(type){ var menuImageWrap = this.documentHolder.menuImageWrap; switch (type) { case Asc.c_oAscWrapStyle2.Inline: menuImageWrap.menu.items[0].setChecked(true); break; case Asc.c_oAscWrapStyle2.Square: menuImageWrap.menu.items[2].setChecked(true); break; case Asc.c_oAscWrapStyle2.Tight: menuImageWrap.menu.items[3].setChecked(true); break; case Asc.c_oAscWrapStyle2.Through: menuImageWrap.menu.items[4].setChecked(true); break; case Asc.c_oAscWrapStyle2.TopAndBottom: menuImageWrap.menu.items[5].setChecked(true); break; case Asc.c_oAscWrapStyle2.Behind: menuImageWrap.menu.items[8].setChecked(true); break; case Asc.c_oAscWrapStyle2.InFront: menuImageWrap.menu.items[7].setChecked(true); break; } }; dh.onChangeCropState = function(state) { this.documentHolder.menuImgCrop && this.documentHolder.menuImgCrop.menu.items[0].setChecked(state, true); }; dh.onRulerDblClick = function(type) { Common.UI.Menu.Manager.hideAll(); var win, me = this; if (type == 'tables') { win = this.advancedTableClick(); if (win) win.setActiveCategory(4); } else if (type == 'indents' || type == 'tabs') { win = this.advancedParagraphClick({isChart: false}); if (win) win.setActiveCategory(type == 'indents' ? 0 : 4); } else if (type == 'margins') { if (me._state.lock_doc) return; win = new DE.Views.PageMarginsDialog({ api: me.api, handler: function(dlg, result) { if (result == 'ok') { var props = dlg.getSettings(); Common.localStorage.setItem("de-pgmargins-top", props.get_TopMargin()); Common.localStorage.setItem("de-pgmargins-left", props.get_LeftMargin()); Common.localStorage.setItem("de-pgmargins-bottom", props.get_BottomMargin()); Common.localStorage.setItem("de-pgmargins-right", props.get_RightMargin()); Common.NotificationCenter.trigger('margins:update', props); me.api.asc_SetSectionProps(props); me.editComplete(); } } }); win.show(); win.setSettings(me.api.asc_GetSectionProps()); } else if (type == 'columns') { win = new DE.Views.CustomColumnsDialog({ handler: function(dlg, result) { if (result == 'ok') { me.api.asc_SetColumnsProps(dlg.getSettings()); me.editComplete(); } } }); win.show(); win.setSettings(me.api.asc_GetColumnsProps()); } }; dh.onHideContentControlsActions = function() { this.listControlMenu && this.listControlMenu.isVisible() && this.listControlMenu.hide(); this.imageControlMenu && this.imageControlMenu.isVisible() && this.imageControlMenu.hide(); var controlsContainer = this.documentHolder.cmpEl.find('#calendar-control-container'); if (controlsContainer.is(':visible')) controlsContainer.hide(); }; dh.onShowDateActions = function(obj, x, y) { var props = obj.pr, specProps = props.get_DateTimePr(), cmpEl = this.documentHolder.cmpEl, controlsContainer = cmpEl.find('#calendar-control-container'), me = this; this._dateObj = props; if (controlsContainer.length < 1) { controlsContainer = $('
'); cmpEl.append(controlsContainer); } Common.UI.Menu.Manager.hideAll(); controlsContainer.css({left: x, top : y}); controlsContainer.show(); if (!this.cmpCalendar) { this.cmpCalendar = new Common.UI.Calendar({ el: cmpEl.find('#id-document-calendar-control'), enableKeyEvents: true, firstday: 1 }); this.cmpCalendar.on('date:click', function (cmp, date) { var specProps = me._dateObj.get_DateTimePr(); specProps.put_FullDate(new Date(date)); me.api.asc_SetContentControlDatePickerDate(specProps); controlsContainer.hide(); me.api.asc_UncheckContentControlButtons(); me.editComplete(); }); this.cmpCalendar.on('calendar:keydown', function (cmp, e) { if (e.keyCode==Common.UI.Keys.ESC) { controlsContainer.hide(); me.api.asc_UncheckContentControlButtons(); } }); $(document).on('mousedown', function(e) { if (e.target.localName !== 'canvas' && controlsContainer.is(':visible') && controlsContainer.find(e.target).length==0) { controlsContainer.hide(); me.api.asc_UncheckContentControlButtons(); } }); } var val = specProps ? specProps.get_FullDate() : undefined; this.cmpCalendar.setDate(val ? new Date(val) : new Date()); // align var offset = Common.Utils.getOffset(controlsContainer), docW = Common.Utils.innerWidth(), docH = Common.Utils.innerHeight() - 10, // Yep, it's magic number menuW = this.cmpCalendar.cmpEl.outerWidth(), menuH = this.cmpCalendar.cmpEl.outerHeight(), buttonOffset = 22, left = offset.left - menuW, top = offset.top; if (top + menuH > docH) { top = docH - menuH; left -= buttonOffset; } if (top < 0) top = 0; if (left + menuW > docW) left = docW - menuW; this.cmpCalendar.cmpEl.css({left: left, top : top}); this._preventClick = true; }; dh.onShowListActions = function(obj, x, y) { var type = obj.type, props = obj.pr, specProps = (type == Asc.c_oAscContentControlSpecificType.ComboBox) ? props.get_ComboBoxPr() : props.get_DropDownListPr(), formProps = props.get_FormPr(), cmpEl = this.documentHolder.cmpEl, menu = this.listControlMenu, menuContainer = menu ? cmpEl.find(Common.Utils.String.format('#menu-container-{0}', menu.id)) : null, me = this; this._listObj = props; this._fromShowContentControls = true; Common.UI.Menu.Manager.hideAll(); if (!menu) { this.listControlMenu = menu = new Common.UI.Menu({ maxHeight: 207, menuAlign: 'tr-bl', items: [] }); menu.on('item:click', function(menu, item) { setTimeout(function(){ (item.value!==-1) && me.api.asc_SelectContentControlListItem(item.value, me._listObj.get_InternalId()); }, 1); }); // Prepare menu container if (!menuContainer || menuContainer.length < 1) { menuContainer = $(Common.Utils.String.format('', menu.id)); cmpEl.append(menuContainer); } menu.render(menuContainer); menu.cmpEl.attr({tabindex: "-1"}); menu.on('hide:after', function(){ me.listControlMenu.removeAll(); if (!me._fromShowContentControls) me.api.asc_UncheckContentControlButtons(); }); } if (specProps) { var count = specProps.get_ItemsCount(); if (formProps){ if (!formProps.get_Required() || count<1) {// for required or empty dropdown/combobox form control always add placeholder item var text = props.get_PlaceholderText(); menu.addItem(new Common.UI.MenuItem({ caption : (text.trim()!=='') ? text : this.documentHolder.txtEmpty, value : '', template : _.template([ ' opacity: 0.6 <% } %>">', '<%= Common.Utils.String.htmlEncode(caption) %>', '' ].join('')) })); } } for (var i=0; i', '<%= Common.Utils.String.htmlEncode(caption) %>', '' ].join('')) })); } if (!formProps && menu.items.length<1) { menu.addItem(new Common.UI.MenuItem({ caption : this.documentHolder.txtEmpty, value : -1 })); } } menuContainer.css({left: x, top : y}); menuContainer.attr('data-value', 'prevent-canvas-click'); this._preventClick = true; menu.show(); _.delay(function() { menu.cmpEl.focus(); }, 10); this._fromShowContentControls = false; }; dh.onShowContentControlsActions = function(obj, x, y) { var type = obj.type, me = this; switch (type) { case Asc.c_oAscContentControlSpecificType.DateTime: setTimeout(function() { me.onShowDateActions(obj, x, y); }, 1); break; case Asc.c_oAscContentControlSpecificType.Picture: if (obj.pr && obj.pr.get_Lock) { var lock = obj.pr.get_Lock(); if (lock == Asc.c_oAscSdtLockType.SdtContentLocked || lock==Asc.c_oAscSdtLockType.ContentLocked) return; } if (!me.mode.canSaveToFile) { // select picture in viewer only from local file this.api.asc_addImage(obj.pr); setTimeout(function(){ me.api.asc_UncheckContentControlButtons(); }, 500); } else setTimeout(function() { me.onShowImageActions(obj, x, y); }, 1); break; case Asc.c_oAscContentControlSpecificType.Signature: if (obj.pr && obj.pr.get_Lock) { var lock = obj.pr.get_Lock(); if (lock == Asc.c_oAscSdtLockType.SdtContentLocked || lock==Asc.c_oAscSdtLockType.ContentLocked) return; } if (false) { if (_.isUndefined(me.fontStore)) { me.fontStore = new Common.Collections.Fonts(); var fonts = me.getApplication().getController('Toolbar').getView('Toolbar').cmbFontName.store.toJSON(); var arr = []; _.each(fonts, function(font, index){ if (!font.cloneid) { arr.push(_.clone(font)); } }); me.fontStore.add(arr); } (new Common.Views.PdfSignDialog({ props: obj, api: me.api, disableNetworkFunctionality: me.mode.disableNetworkFunctionality, storage: me.mode.canRequestInsertImage || me.mode.fileChoiceUrl && me.mode.fileChoiceUrl.indexOf("{documentType}")>-1, fontStore: me.fontStore, handler: function(result, value) { if (result == 'ok') { me.api.asc_SetSignatureProps(value); } Common.NotificationCenter.trigger('edit:complete', me.toolbar); } })).show(); } else { this.api.asc_addImage(obj.pr); setTimeout(function(){ me.api.asc_UncheckContentControlButtons(); }, 500); } break; case Asc.c_oAscContentControlSpecificType.DropDownList: case Asc.c_oAscContentControlSpecificType.ComboBox: setTimeout(function() { me.onShowListActions(obj, x, y); }, 1); break; } }; dh.onShowImageActions = function(obj, x, y) { var cmpEl = this.documentHolder.cmpEl, menu = this.imageControlMenu, menuContainer = menu ? cmpEl.find(Common.Utils.String.format('#menu-container-{0}', menu.id)) : null, me = this; this.internalFormObj = obj ? obj.pr : null; this._fromShowContentControls = true; Common.UI.Menu.Manager.hideAll(); if (!menu) { this.imageControlMenu = menu = new Common.UI.Menu({ maxHeight: 207, menuAlign: 'tl-bl', items: [ {caption: this.documentHolder.mniImageFromFile, value: 0}, {caption: this.documentHolder.mniImageFromUrl, value: 1}, {caption: this.documentHolder.mniImageFromStorage, value: 2, visible: this.mode.canRequestInsertImage || this.mode.fileChoiceUrl && this.mode.fileChoiceUrl.indexOf("{documentType}")>-1} ] }); menu.on('item:click', function(menu, item) { setTimeout(function(){ me.onImageSelect(menu, item); }, 1); setTimeout(function(){ me.api.asc_UncheckContentControlButtons(); }, 500); }); // Prepare menu container if (!menuContainer || menuContainer.length < 1) { menuContainer = $(Common.Utils.String.format('', menu.id)); cmpEl.append(menuContainer); } menu.render(menuContainer); menu.cmpEl.attr({tabindex: "-1"}); menu.on('hide:after', function(){ if (!me._fromShowContentControls) me.api.asc_UncheckContentControlButtons(); }); } menuContainer.css({left: x, top : y}); menuContainer.attr('data-value', 'prevent-canvas-click'); this._preventClick = true; menu.show(); _.delay(function() { menu.cmpEl.focus(); }, 10); this._fromShowContentControls = false; }; dh.selectFormImage = function(item, obj) { this.internalFormObj = obj; this.onImageSelect(null, item); }; dh.onImageSelect = function(menu, item) { if (item.value==1) { var me = this; (new Common.Views.ImageFromUrlDialog({ handler: function(result, value) { if (result == 'ok') { if (me.api) { var checkUrl = value.replace(/ /g, ''); if (!_.isEmpty(checkUrl)) { me.setImageUrl(checkUrl); } } } me.fireEvent('editcomplete', me); } })).show(); } else if (item.value==2) { Common.NotificationCenter.trigger('storage:image-load', 'control'); } else { if (this._isFromFile) return; this._isFromFile = true; this.api.asc_addImage(this.internalFormObj); this._isFromFile = false; } }; dh.setImageUrl = function(url, token) { this.api && this.api.asc_SetContentControlPictureUrl(url, this.internalFormObj ? this.internalFormObj.get_InternalId() : null, token); }; dh.insertImageFromStorage = function(data) { if (data && data._urls && data.c=='control') { this.setImageUrl(data._urls[0], data.token); } }; dh.onSpellCheckVariantsFound = function() { var me = this; var selectedElements = me.api.getSelectedElements(true); var props; if (selectedElements && _.isArray(selectedElements)){ for (var i = 0; i = 0; i--) { var elType, elValue; elType = selectedElements[i].get_ObjectType(); elValue = selectedElements[i].get_ObjectValue(); if (Asc.c_oAscTypeSelectElement.Paragraph == elType) { win = new DE.Views.ParagraphSettingsAdvanced({ tableStylerRows : 2, tableStylerColumns : 1, paragraphProps : elValue, borderProps : me.borderAdvancedProps, isChart : (item.isChart===true), isSmartArtInternal : (item.isSmartArtInternal===true), api : me.api, handler: function(result, value) { if (result == 'ok') { if (me.api) { me.borderAdvancedProps = value.borderProps; me.api.paraApply(value.paragraphProps); } } me.editComplete(); } }); break; } } } } if (win) { win.show(); return win; } }; dh.advancedFrameClick = function(isFrame, item, e, eOpt){ Common.NotificationCenter.trigger('dropcap:settings', isFrame); }; dh.advancedTableClick = function(item, e, eOpt){ var win, me = this; if (me.api){ var selectedElements = me.api.getSelectedElements(); if (selectedElements && _.isArray(selectedElements)){ for (var i = selectedElements.length - 1; i >= 0; i--) { var elType, elValue; elType = selectedElements[i].get_ObjectType(); elValue = selectedElements[i].get_ObjectValue(); if (Asc.c_oAscTypeSelectElement.Table == elType) { win = new DE.Views.TableSettingsAdvanced({ tableStylerRows : (elValue.get_CellBorders().get_InsideH()===null && elValue.get_CellSelect()==true) ? 1 : 2, tableStylerColumns : (elValue.get_CellBorders().get_InsideV()===null && elValue.get_CellSelect()==true) ? 1 : 2, tableProps : elValue, borderProps : me.borderAdvancedProps, sectionProps : me.api.asc_GetSectionProps(), handler : function(result, value) { if (result == 'ok') { if (me.api) { me.borderAdvancedProps = value.borderProps; me.api.tblApply(value.tableProps); } } me.editComplete(); } }); break; } } } } if (win) { win.show(); return win; } }; dh.onMenuSaveStyle = function(item, e, eOpt){ var me = this; if (me.api) { Common.NotificationCenter.trigger('style:commitsave', me.api.asc_GetStyleFromFormatting()); } }; dh.onMenuUpdateStyle = function(item, e, eOpt){ var me = this; if (me.api) { Common.NotificationCenter.trigger('style:commitchange', me.api.asc_GetStyleFromFormatting()); } }; dh.onCutCopyPaste = function(item, e) { var me = this; if (me.api) { var res = (item.value == 'cut') ? me.api.Cut() : ((item.value == 'copy') ? me.api.Copy() : me.api.Paste()); if (!res) { if (!Common.localStorage.getBool("de-hide-copywarning")) { (new Common.Views.CopyWarningDialog({ handler: function(dontshow) { if (dontshow) Common.localStorage.setItem("de-hide-copywarning", 1); me.editComplete(); } })).show(); } } } me.editComplete(); }; dh.onUndo = function () { this.api && this.api.Undo(); }; dh.onRedo = function () { this.api && this.api.Redo(); }; dh.onClear = function () { if (this.api) { var props = this.api.asc_IsContentControl() ? this.api.asc_GetContentControlProperties() : null; if (props) { this.api.asc_ClearContentControl(props.get_InternalId()); } } }; dh.onAcceptRejectChange = function(item, e) { if (this.api) { if (item.value == 'accept') this.api.asc_AcceptChangesBySelection(false); else if (item.value == 'reject') this.api.asc_RejectChangesBySelection(false); } this.editComplete(); }; dh.onPrintSelection = function(item){ if (this.api){ var printopt = new Asc.asc_CAdjustPrint(); printopt.asc_setPrintType(Asc.c_oAscPrintType.Selection); var opts = new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86); // if isChrome or isOpera == true use asc_onPrintUrl event opts.asc_setAdvancedOptions(printopt); this.api.asc_Print(opts); this.editComplete(); Common.component.Analytics.trackEvent('DocumentHolder', 'Print Selection'); } }; dh.onControlsSelect = function(item, e) { var me = this; var props = this.api.asc_GetContentControlProperties(); if (props) { if (item.value == 'settings') { (new DE.Views.ControlSettingsDialog({ props: props, api: me.api, handler: function (result, value) { if (result == 'ok') { me.api.asc_SetContentControlProperties(value, props.get_InternalId()); } me.editComplete(); } })).show(); } else if (item.value == 'remove') { props.get_FormPr() ? this.api.asc_RemoveContentControl(props.get_InternalId()) : this.api.asc_RemoveContentControlWrapper(props.get_InternalId()); } } me.editComplete(); }; dh.onInsertCaption = function() { this.documentHolder.fireEvent('links:caption'); }; dh.onContinueNumbering = function(item, e) { this.api.asc_ContinueNumbering(); this.editComplete(); }; dh.onStartNumbering = function(startfrom, item, e) { if (startfrom == 1) this.api.asc_RestartNumbering(item.value.start); else { var me = this; (new DE.Views.NumberingValueDialog({ title: me.documentHolder.textNumberingValue, props: item.value, handler: function (result, value) { if (result == 'ok') me.api.asc_RestartNumbering(value); me.editComplete(); } })).show(); } this.editComplete(); }; dh.onCellsRemove = function() { var me = this; (new Common.Views.OptionsDialog({ title: me.documentHolder.textTitleCellsRemove, items: [ {caption: this.documentHolder.textLeft, value: 'left'}, {caption: this.documentHolder.textRow, value: 'row'}, {caption: this.documentHolder.textCol, value: 'col'} ], handler: function (dlg, result) { if (result=='ok') { var value = dlg.getSettings(); if (value == 'row') me.api.remRow(); else if (value == 'col') me.api.remColumn(); else me.api.asc_RemoveTableCells(); } me.editComplete(); } })).show(); this.editComplete(); }; dh.onCellsAdd = function() { var me = this; (new DE.Views.CellsAddDialog({ handler: function (result, settings) { if (result == 'ok') { if (settings.row) { settings.before ? me.api.addRowAbove(settings.count) : me.api.addRowBelow(settings.count); } else { settings.before ? me.api.addColumnLeft(settings.count) : me.api.addColumnRight(settings.count); } } me.editComplete(); } })).show(); this.editComplete(); }; dh.onSignatureClick = function(item) { var datavalue = item.cmpEl.attr('data-value'); switch (item.value) { case 0: Common.NotificationCenter.trigger('protect:sign', datavalue); //guid break; case 1: this.api.asc_ViewCertificate(datavalue); //certificate id break; case 2: var docProtection = this.documentHolder._docProtection; Common.NotificationCenter.trigger('protect:signature', 'visible', this._isDisabled || docProtection.isReadOnly || docProtection.isFormsOnly || docProtection.isCommentsOnly, datavalue);//guid, can edit settings for requested signature break; case 3: var me = this; Common.UI.warning({ title: this.documentHolder.notcriticalErrorTitle, msg: this.documentHolder.txtRemoveWarning, buttons: ['ok', 'cancel'], primary: 'ok', callback: function(btn) { if (btn == 'ok') { me.api.asc_RemoveSignature(datavalue); } } }); break; } }; dh.onImgRotate = function(item) { var properties = new Asc.asc_CImgProperty(); properties.asc_putRotAdd((item.value==1 ? 90 : 270) * 3.14159265358979 / 180); this.api.ImgApply(properties); this.editComplete(); }; dh.onImgFlip = function(item) { var properties = new Asc.asc_CImgProperty(); if (item.value==1) properties.asc_putFlipHInvert(true); else properties.asc_putFlipVInvert(true); this.api.ImgApply(properties); this.editComplete(); }; dh.onImgCrop = function(menu, item) { if (item.value == 1) { this.api.asc_cropFill(); } else if (item.value == 2) { this.api.asc_cropFit(); } else { item.checked ? this.api.asc_startEditCrop() : this.api.asc_endEditCrop(); } this.editComplete(); }; dh.onImgResetCrop = function() { if (this.api) { var properties = new Asc.asc_CImgProperty(); properties.put_ResetCrop(true); } this.api.ImgApply(properties); this.editComplete(); }; dh.onFollowMove = function(item) { if (this.api) { this.api.asc_FollowRevisionMove(item.value); } this.editComplete(); }; dh.tableCellsVAlign = function(menu, item, e) { if (this.api) { var properties = new Asc.CTableProp(); properties.put_CellsVAlign(item.options.valign); this.api.tblApply(properties); } }; dh.tableSelectText = function(menu, item, e) { if (this.api) { switch (item.value) { case 0: this.api.selectRow(); break; case 1: this.api.selectColumn(); break; case 2: this.api.selectCell(); break; case 3: this.api.selectTable(); break; } } }; dh.tableInsertText = function(menu, item, e) { if (this.api) { switch (item.value) { case 0: this.api.addColumnLeft(); break; case 1: this.api.addColumnRight(); break; case 2: this.api.addRowAbove(); break; case 3: this.api.addRowBelow(); break; case 4: this.onCellsAdd(); break; } } }; dh.tableDeleteText = function(menu, item, e) { if (this.api) { switch (item.value) { case 0: this.api.remRow(); break; case 1: this.api.remColumn(); break; case 2: this.api.remTable(); break; case 3: this.onCellsRemove(); break; } } }; dh.onImgAlign = function(menu, item, e) { var me = this; if (me.api) { var alignto = Common.Utils.InternalSettings.get("de-img-align-to"), value = (alignto==1) ? Asc.c_oAscObjectsAlignType.Page : ((me.api.asc_getSelectedDrawingObjectsCount()<2 && !alignto || alignto==2) ? Asc.c_oAscObjectsAlignType.Margin : Asc.c_oAscObjectsAlignType.Selected); if (item.value < 6) { me.api.put_ShapesAlign(item.value, value); Common.component.Analytics.trackEvent('DocumentHolder', 'Shape Align'); } else if (item.value == 6) { me.api.DistributeHorizontally(value); Common.component.Analytics.trackEvent('DocumentHolder', 'Distribute Horizontally'); } else if (item.value == 7){ me.api.DistributeVertically(value); Common.component.Analytics.trackEvent('DocumentHolder', 'Distribute Vertically'); } } me.editComplete(); }; dh.onShapesMerge = function(menu, item, e) { var me = this; if (item && item.value) { me.api.asc_mergeSelectedShapes(item.value); Common.component.Analytics.trackEvent('DocumentHolder', 'Shapes Merge'); } me.editComplete(); }; dh.onImgArrange = function(menu, item, e) { var me = this; if (me.api && item.options.valign!==undefined) { var properties = new Asc.asc_CImgProperty(); properties.put_ChangeLevel(item.options.valign); me.api.ImgApply(properties); } me.editComplete(); }; dh.onImgGroup = function(item) { var me = this; if (me.api) { var properties = new Asc.asc_CImgProperty(); properties.put_Group(1); me.api.ImgApply(properties); } me.editComplete(); }; dh.onImgUnGroup = function(item) { var me = this; if (me.api) { var properties = new Asc.asc_CImgProperty(); properties.put_Group(-1); me.api.ImgApply(properties); } me.editComplete(); }; dh.onImgWrapPolygon = function(item) { this.api && this.api.StartChangeWrapPolygon(); this.editComplete(); }; dh.onImgWrap = function (menu, item, e) { var me = this; if (me.api && item.options.wrapType!==undefined) { var properties = new Asc.asc_CImgProperty(); properties.put_WrappingStyle(item.options.wrapType); if (me.documentHolder.menuImageWrap._originalProps.get_WrappingStyle() === Asc.c_oAscWrapStyle2.Inline && item.wrapType !== Asc.c_oAscWrapStyle2.Inline ) { properties.put_PositionH(new Asc.CImagePositionH()); properties.get_PositionH().put_UseAlign(false); properties.get_PositionH().put_RelativeFrom(Asc.c_oAscRelativeFromH.Column); var val = me.documentHolder.menuImageWrap._originalProps.get_Value_X(Asc.c_oAscRelativeFromH.Column); properties.get_PositionH().put_Value(val); properties.put_PositionV(new Asc.CImagePositionV()); properties.get_PositionV().put_UseAlign(false); properties.get_PositionV().put_RelativeFrom(Asc.c_oAscRelativeFromV.Paragraph); val = me.documentHolder.menuImageWrap._originalProps.get_Value_Y(Asc.c_oAscRelativeFromV.Paragraph); properties.get_PositionV().put_Value(val); } me.api.ImgApply(properties); } me.editComplete(); }; dh.onImgAdvanced = function(item, e) { var elType, elValue; var me = this; if (me.api){ var selectedElements = me.api.getSelectedElements(); if (selectedElements && _.isArray(selectedElements)) { 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 ( !elValue.get_ChartProperties() && !elValue.get_ShapeProperties() && !me.documentHolder.menuOriginalSize.isDisabled() && me.documentHolder.menuOriginalSize.isVisible()) { imgsizeOriginal = me.api.asc_getCropOriginalImageSize(); if (imgsizeOriginal) imgsizeOriginal = {width:imgsizeOriginal.get_ImageWidth(), height:imgsizeOriginal.get_ImageHeight()}; } var win = new DE.Views.ImageSettingsAdvanced({ imageProps : elValue, sizeOriginal: imgsizeOriginal, api : me.api, chartSettings: me.api.asc_getChartSettings(), sectionProps: me.api.asc_GetSectionProps(), handler : function(result, value) { if (result == 'ok') { if (me.api) { me.api.ImgApply(value.imageProps); } } me.editComplete(); } }); win.show(); win.btnOriginalSize.setVisible(me.documentHolder.menuOriginalSize.isVisible()); break; } } } } }; dh.onImgOriginalSize = function(item, e) { var me = this; if (me.api){ var originalImageSize = me.api.asc_getCropOriginalImageSize(); var properties = new Asc.asc_CImgProperty(); properties.put_Width(originalImageSize.get_ImageWidth()); properties.put_Height(originalImageSize.get_ImageHeight()); properties.put_Rot(0); me.api.ImgApply(properties); me.editComplete(); } }; dh.onImgReplace = function(menu, item, e) { var me = this; if (item.value==1) { (new Common.Views.ImageFromUrlDialog({ handler: function(result, value) { if (result == 'ok') { if (me.api) { var checkUrl = value.replace(/ /g, ''); if (!_.isEmpty(checkUrl)) { var props = new Asc.asc_CImgProperty(); props.put_ImageUrl(checkUrl); me.api.ImgApply(props); } } } me.editComplete(); } })).show(); } else if (item.value==2) { Common.NotificationCenter.trigger('storage:image-load', 'change'); } else { setTimeout(function(){ if (me.api) me.api.ChangeImageFromFile(); me.editComplete(); }, 10); } }; dh.onImgEditPoints = function(item) { this.api && this.api.asc_editPointsGeometry(); }; dh.onTableMerge = function(item) { this.api && this.api.MergeCells(); }; dh.onTableSplit = function(item) { var me = this; if (me.api){ (new Common.Views.InsertTableDialog({ split: true, handler: function(result, value) { if (result == 'ok') { if (me.api) { me.api.SplitCell(value.columns, value.rows); } Common.component.Analytics.trackEvent('DocumentHolder', 'Table'); } me.editComplete(); } })).show(); } }; dh.onIgnoreSpell = function(item, e){ this.api && this.api.asc_ignoreMisspelledWord(this.documentHolder._currentSpellObj, !!item.value); this.editComplete(); }; dh.onToDictionary = function(item, e){ this.api && this.api.asc_spellCheckAddToDictionary(this.documentHolder._currentSpellObj); this.editComplete(); }; dh.onTableDist = function(item, e){ this.api && this.api.asc_DistributeTableCells(!!item.value); this.editComplete(); }; dh.tableDirection = function(menu, item, e) { var me = this; if (me.api) { var properties = new Asc.CTableProp(); properties.put_CellsTextDirection(item.options.direction); me.api.tblApply(properties); } }; dh.onRefreshField = function(item, e){ this.api && this.api.asc_UpdateFields(true); this.editComplete(); }; dh.onEditField = function(item, e){ this.documentHolder.fireEvent('field:edit', ['edit']); }; dh.onFieldCodes = function(item, e){ this.api && this.api.asc_ToggleComplexFieldCodes(); this.editComplete(); }; dh.onParagraphBreakBefore = function(item, e){ this.api && this.api.put_PageBreak(item.checked); }; dh.onParagraphKeepLines = function(item, e){ this.api && this.api.put_KeepLines(item.checked); }; dh.paragraphVAlign = function(menu, item, e) { var me = this; if (me.api) { var properties = new Asc.asc_CImgProperty(); properties.put_VerticalTextAlign(item.options.valign); me.api.ImgApply(properties); } }; dh.paragraphDirection = function(menu, item, e) { var me = this; if (me.api) { var properties = new Asc.asc_CImgProperty(); properties.put_Vert(item.options.direction); me.api.ImgApply(properties); } }; dh.onLangMenu = function(type, menu, item){ var me = this; if (me.api){ if (!_.isUndefined(item.langid)) me.api.put_TextPrLang(item.langid); (type==='para') ? (me.documentHolder._currLang.paraid = item.langid) : (me.documentHolder._currLang.tableid = item.langid); me.editComplete(); } }; dh.onTOCMenu = function(menu, item, e) { this.documentHolder.fireEvent((item.value==='settings') ? 'links:contents' : 'links:update', [item.value, true]); }; dh.onParaTOCSettings = function(item, e) { this.documentHolder.fireEvent('links:contents', [item.value, true]); }; dh.onSpecialPasteItemClick = function(item, e) { if (this.api) { this.api.asc_SpecialPaste(item.value); var menu = this.btnSpecialPaste.menu; if (!item.cmpEl) { for (var i = 0; i < menu.items.length; i++) { menu.items[i].setChecked(menu.items[i].value===item.value, true); } } setTimeout(function(){ menu.hide(); }, 100); } return false; }; dh.onShowMathTrack = function(bounds) { if (this.mode && !this.mode.isEdit) return; this.lastMathTrackBounds = bounds; if (!Common.Controllers.LaunchController.isScriptLoaded()) { this.showMathTrackOnLoad = true; return; } if (bounds[3] < 0 || Common.Utils.InternalSettings.get('de-equation-toolbar-hide')) { this.onHideMathTrack(); return; } var me = this, documentHolder = me.documentHolder, eqContainer = documentHolder.cmpEl.find('#equation-container'); // Prepare menu container if (eqContainer.length < 1) { var equationsStore = me.getApplication().getCollection('EquationGroups'), eqStr = '
'; me.getApplication().getController('Toolbar').onMathTypes(); me.equationBtns = []; for (var i = 0; i < equationsStore.length; ++i) { eqStr += ''; } eqStr += '
'; eqStr += ''; eqStr += '
'; eqContainer = $(eqStr); documentHolder.cmpEl.find('#id_main_view').append(eqContainer); var onShowBefore = function (menu) { var index = menu.options.value, group = equationsStore.at(index); var equationPicker = new Common.UI.DataViewSimple({ el: $('#id-document-holder-btn-equation-menu-' + index, menu.cmpEl), parentMenu: menu, store: group.get('groupStore'), scrollAlwaysVisible: true, showLast: false, restoreHeight: 450, itemTemplate: _.template( '
' + '
' + '
') }); equationPicker.on('item:click', function(picker, item, record, e) { if (me.api) { if (record) me.api.asc_AddMath(record.get('data').equationType); } }); menu.off('show:before', onShowBefore); }; var bringForward = function (menu) { eqContainer.addClass('has-open-menu'); }; var sendBackward = function (menu) { eqContainer.removeClass('has-open-menu'); }; for (var i = 0; i < equationsStore.length; ++i) { var equationGroup = equationsStore.at(i); var btn = new Common.UI.Button({ parentEl: $('#id-document-holder-btn-equation-' + i, documentHolder.cmpEl), cls : 'btn-toolbar no-caret', iconCls : 'svgicon ' + equationGroup.get('groupIcon'), hint : equationGroup.get('groupName'), menu : new Common.UI.Menu({ value: i, items: [ { template: _.template('
') } ] }) }); btn.menu.on('show:before', onShowBefore); btn.menu.on('show:before', bringForward); btn.menu.on('hide:after', sendBackward); me.equationBtns.push(btn); } me.equationSettingsBtn = new Common.UI.Button({ parentEl: $('#id-document-holder-btn-equation-settings', documentHolder.cmpEl), cls : 'btn-toolbar no-caret', iconCls : 'toolbar__icon btn-more-vertical', hint : me.documentHolder.advancedEquationText, menu : me.documentHolder.createEquationMenu('popuptbeqinput', 'tl-bl') }); me.equationSettingsBtn.menu.options.initMenu = function() { var eq = me.api.asc_GetMathInputType(), menu = me.equationSettingsBtn.menu, isInlineMath = me.api.asc_IsInlineMath(), isEqToolbarHide = Common.Utils.InternalSettings.get('de-equation-toolbar-hide'); menu.items[5].setChecked(eq===Asc.c_oAscMathInputType.Unicode); menu.items[6].setChecked(eq===Asc.c_oAscMathInputType.LaTeX); menu.items[8].options.isEquationInline = isInlineMath; menu.items[8].setCaption(isInlineMath ? me.documentHolder.eqToDisplayText : me.documentHolder.eqToInlineText, true); menu.items[9].options.isToolbarHide = isEqToolbarHide; menu.items[9].setCaption(isEqToolbarHide ? me.documentHolder.showEqToolbar : me.documentHolder.hideEqToolbar, true); }; me.equationSettingsBtn.menu.on('item:click', _.bind(me.convertEquation, me)); me.equationSettingsBtn.menu.on('show:before', function(menu) { bringForward(); menu.options.initMenu(); }); me.equationSettingsBtn.menu.on('hide:after', sendBackward); } var showPoint = [(bounds[0] + bounds[2])/2 - eqContainer.outerWidth()/2, bounds[1] - eqContainer.outerHeight() - 10]; if (!Common.Utils.InternalSettings.get("de-hidden-rulers")) { showPoint = [showPoint[0] - 19, showPoint[1] - 26]; } (showPoint[0]<0) && (showPoint[0] = 0); if (showPoint[1]<0) { showPoint[1] = bounds[3] + 10; !Common.Utils.InternalSettings.get("de-hidden-rulers") && (showPoint[1] -= 26); } showPoint[1] = Math.min(me._Height - eqContainer.outerHeight(), Math.max(0, showPoint[1])); eqContainer.css({left: showPoint[0], top : showPoint[1]}); me.checkEditorOffsets(); var diffDown = me._Height - showPoint[1] - eqContainer.outerHeight(), diffUp = me._XY[1] + (!Common.Utils.InternalSettings.get("de-hidden-rulers") ? 26 : 0) + showPoint[1], menuAlign = (diffDown < 220 && diffDown < diffUp*0.9) ? 'bl-tl' : 'tl-bl'; if (Common.UI.isRTL()) { menuAlign = menuAlign === 'bl-tl' ? 'br-tr' : 'tr-br'; } me.equationBtns.forEach(function(item){ item && (item.menu.menuAlign = menuAlign); }); me.equationSettingsBtn.menu.menuAlign = menuAlign; if (eqContainer.is(':visible')) { if (me.equationSettingsBtn.menu.isVisible()) { me.equationSettingsBtn.menu.options.initMenu(); me.equationSettingsBtn.menu.alignPosition(); } } else { eqContainer.show(); } me.disableEquationBar(); }; dh.onHideMathTrack = function() { if (!this.documentHolder || !this.documentHolder.cmpEl) return; if (!Common.Controllers.LaunchController.isScriptLoaded()) { this.showMathTrackOnLoad = false; return; } var eqContainer = this.documentHolder.cmpEl.find('#equation-container'); if (eqContainer.is(':visible')) { eqContainer.hide(); } }; dh.disableEquationBar = function() { var eqContainer = this.documentHolder.cmpEl.find('#equation-container'), docProtection = this.documentHolder._docProtection, unprotectedRegion = this.documentHolder._unprotectedRegion, disabled = this._isDisabled || this._state.equationLocked || docProtection.isReadOnly && !unprotectedRegion.canInsObject || docProtection.isFormsOnly || docProtection.isCommentsOnly && !unprotectedRegion.canInsObject; if (eqContainer.length>0 && eqContainer.is(':visible')) { this.equationBtns.forEach(function(item){ item && item.setDisabled(!!disabled); }); this.equationSettingsBtn.setDisabled(!!disabled); } }; dh.convertEquation = function(menu, item, e) { if (this.api) { if (item.options.type=='input') { this.api.asc_SetMathInputType(item.value); Common.localStorage.setBool("de-equation-input-latex", item.value===Asc.c_oAscMathInputType.LaTeX) } else if (item.options.type=='view') this.api.asc_ConvertMathView(item.value.linear, item.value.all); else if (item.options.type=='mode'){ item.options.isEquationInline = !item.options.isEquationInline; this.api.asc_ConvertMathDisplayMode(item.options.isEquationInline); } else if(item.options.type=='hide') { item.options.isToolbarHide = !item.options.isToolbarHide; Common.Utils.InternalSettings.set('de-equation-toolbar-hide', item.options.isToolbarHide); Common.localStorage.setBool('de-equation-toolbar-hide', item.options.isToolbarHide); if(item.options.isToolbarHide) this.onHideMathTrack(); else this.onShowMathTrack(this.lastMathTrackBounds); } } }; dh.onListIndents = function(item, e) { if (this.api && !this.api.asc_IsShowListIndentsSettings()) { this.documentHolder.fireEvent('list:settings', [2]); // multilevel list return; } var me = this; me.api && (new DE.Views.ListIndentsDialog({ api: me.api, props: item.value.props, isBullet: item.value.format === Asc.c_oAscNumberingFormat.Bullet, handler: function(result, value) { if (result == 'ok') { if (me.api) { me.api.asc_ChangeNumberingLvl(item.value.listId, value, item.value.level); } } me.editComplete(); } })).show(); }; dh.saveAsPicture = function() { if(this.api) { this.api.asc_SaveDrawingAsPicture(); } }; dh.onInsertImage = function(obj, x, y) { if (!this.documentHolder || this.documentHolder._docProtection.isReadOnly || this.documentHolder._docProtection.isFormsOnly || this.documentHolder._docProtection.isCommentsOnly) return; if (this.api) this.api.asc_addImage(obj); this.editComplete(); }; dh.onInsertImageUrl = function(obj, x, y) { if (!this.documentHolder || this.documentHolder._docProtection.isReadOnly || this.documentHolder._docProtection.isFormsOnly || this.documentHolder._docProtection.isCommentsOnly) return; var me = this; (new Common.Views.ImageFromUrlDialog({ handler: function(result, value) { if (result == 'ok') { if (me.api) { var checkUrl = value.replace(/ /g, ''); if (!_.isEmpty(checkUrl)) { me.api.AddImageUrl([checkUrl], undefined, undefined, obj); } } } me.editComplete(); } })).show(); }; dh.onPluginContextMenu = function(data) { if (data && data.length>0 && this.documentHolder && this.documentHolder.currentMenu && this.documentHolder.currentMenu.isVisible()){ this.documentHolder.updateCustomItems(this.documentHolder.currentMenu, data); } }; } });