270 lines
12 KiB
JavaScript
270 lines
12 KiB
JavaScript
/*
|
|
*
|
|
* (c) Copyright Ascensio System SIA 2010-2022
|
|
*
|
|
* This program is a free software product. You can redistribute it and/or
|
|
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
|
* version 3 as published by the Free Software Foundation. In accordance with
|
|
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
|
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
|
* of any third-party rights.
|
|
*
|
|
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
|
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
|
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
|
*
|
|
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
|
|
* street, Riga, Latvia, EU, LV-1050.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of the Program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU AGPL version 3.
|
|
*
|
|
* Pursuant to Section 7(b) of the License you must retain the original Product
|
|
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
|
* grant you any rights under trademark law for use of our trademarks.
|
|
*
|
|
* All the Product's GUI elements, including illustrations and icon sets, as
|
|
* well as technical writing content are licensed under the terms of the
|
|
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
|
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
|
*
|
|
*/
|
|
/**
|
|
* ExternalOleEditor.js
|
|
*
|
|
* Created by Julia Radzhabova on 3/10/22
|
|
* Copyright (c) 2022 Ascensio System SIA. All rights reserved.
|
|
*
|
|
*/
|
|
|
|
if (Common === undefined)
|
|
var Common = {};
|
|
|
|
Common.Controllers = Common.Controllers || {};
|
|
|
|
define([
|
|
'core',
|
|
'common/main/lib/view/ExternalOleEditor'
|
|
], function () { 'use strict';
|
|
Common.Controllers.ExternalOleEditor = Backbone.Controller.extend(_.extend((function() {
|
|
var appLang = '{{DEFAULT_LANG}}',
|
|
customization = undefined,
|
|
targetApp = '',
|
|
externalEditor = null,
|
|
isAppFirstOpened = true;
|
|
|
|
|
|
var createExternalEditor = function() {
|
|
!!customization && (customization.uiTheme = Common.localStorage.getItem("ui-theme-id", "theme-light"));
|
|
externalEditor = new DocsAPI.DocEditor('id-ole-editor-placeholder', {
|
|
width : '100%',
|
|
height : '100%',
|
|
documentType: 'cell',
|
|
document : {
|
|
url : '_chart_',
|
|
permissions : {
|
|
edit : true,
|
|
download: false
|
|
}
|
|
},
|
|
editorConfig: {
|
|
mode : 'editole',
|
|
targetApp : targetApp,
|
|
lang : appLang,
|
|
canCoAuthoring : false,
|
|
canBackToFolder : false,
|
|
canCreateNew : false,
|
|
customization : customization,
|
|
user : {id: ('uid-'+Date.now())}
|
|
},
|
|
events: {
|
|
'onAppReady' : function() {},
|
|
'onDocumentStateChange' : function() {},
|
|
'onError' : function() {},
|
|
'onInternalMessage' : _.bind(this.onInternalMessage, this)
|
|
}
|
|
});
|
|
Common.Gateway.on('processmouse', _.bind(this.onProcessMouse, this));
|
|
};
|
|
|
|
return {
|
|
views: ['Common.Views.ExternalOleEditor'],
|
|
|
|
initialize: function() {
|
|
this.addListeners({
|
|
'Common.Views.ExternalOleEditor': {
|
|
'setoledata': _.bind(this.setOleData, this),
|
|
'drag': _.bind(function(o, state){
|
|
externalEditor && externalEditor.serviceCommand('window:drag', state == 'start');
|
|
},this),
|
|
'resize': _.bind(function(o, state){
|
|
externalEditor && externalEditor.serviceCommand('window:resize', state == 'start');
|
|
},this),
|
|
'show': _.bind(function(cmp){
|
|
var h = this.oleEditorView.getHeight(),
|
|
innerHeight = Common.Utils.innerHeight() - Common.Utils.InternalSettings.get('window-inactive-area-top');
|
|
if (innerHeight<h) {
|
|
this.oleEditorView.setHeight(h);
|
|
}
|
|
|
|
if (externalEditor) {
|
|
externalEditor.serviceCommand('setAppDisabled',false);
|
|
if (isAppFirstOpened && this.oleEditorView._isExternalDocReady) {
|
|
isAppFirstOpened = false;
|
|
this.oleEditorView._oleData && this.setOleData();
|
|
}
|
|
|
|
if (this.needDisableEditing && this.oleEditorView._isExternalDocReady) {
|
|
this.onOleEditingDisabled();
|
|
}
|
|
externalEditor.attachMouseEvents();
|
|
} else {
|
|
createExternalEditor.apply(this);
|
|
}
|
|
this.isExternalEditorVisible = true;
|
|
this.isHandlerCalled = false;
|
|
}, this),
|
|
'hide': _.bind(function(cmp){
|
|
if (externalEditor) {
|
|
externalEditor.detachMouseEvents();
|
|
this.isExternalEditorVisible = false;
|
|
}
|
|
}, this)
|
|
}
|
|
});
|
|
|
|
|
|
},
|
|
|
|
onLaunch: function() {
|
|
this.oleEditorView = this.createView('Common.Views.ExternalOleEditor', {handler: _.bind(this.handler, this)});
|
|
},
|
|
|
|
setApi: function(api) {
|
|
this.api = api;
|
|
this.api.asc_registerCallback('asc_onCloseOleEditor', _.bind(this.onOleEditingDisabled, this));
|
|
return this;
|
|
},
|
|
|
|
handler: function(result, value) {
|
|
if (this.isHandlerCalled) return;
|
|
this.isHandlerCalled = true;
|
|
if (this.oleEditorView._isExternalDocReady)
|
|
externalEditor && externalEditor.serviceCommand('queryClose',{mr:result});
|
|
else {
|
|
this.oleEditorView.hide();
|
|
this.isHandlerCalled = false;
|
|
}
|
|
},
|
|
|
|
setOleData: function() {
|
|
if (!isAppFirstOpened) {
|
|
externalEditor && externalEditor.serviceCommand('setOleData', this.oleEditorView._oleData);
|
|
this.oleEditorView._oleData = null;
|
|
}
|
|
},
|
|
|
|
loadConfig: function(data) {
|
|
if (data && data.config) {
|
|
if (data.config.lang) appLang = data.config.lang;
|
|
if (data.config.customization) customization = data.config.customization;
|
|
if (data.config.targetApp) targetApp = data.config.targetApp;
|
|
}
|
|
},
|
|
|
|
onOleEditingDisabled: function() {
|
|
if ( !this.oleEditorView.isVisible() || !this.oleEditorView._isExternalDocReady ) {
|
|
this.needDisableEditing = true;
|
|
return;
|
|
}
|
|
|
|
this.oleEditorView.setControlsDisabled(true);
|
|
|
|
Common.UI.alert({
|
|
title: this.warningTitle,
|
|
msg : this.warningText,
|
|
iconCls: 'warn',
|
|
buttons: ['ok'],
|
|
callback: _.bind(function(btn){
|
|
this.setControlsDisabled(false);
|
|
this.oleEditorView.hide();
|
|
}, this)
|
|
});
|
|
|
|
this.needDisableEditing = false;
|
|
},
|
|
|
|
onInternalMessage: function(data) {
|
|
var eventData = data.data;
|
|
|
|
if (this.oleEditorView) {
|
|
if (eventData.type == 'documentReady') {
|
|
this.oleEditorView._isExternalDocReady = true;
|
|
this.oleEditorView.setControlsDisabled(false);
|
|
this.isExternalEditorVisible && (isAppFirstOpened = false);
|
|
this.oleEditorView._oleData && this.setOleData();
|
|
if (this.needDisableEditing) {
|
|
this.onOleEditingDisabled();
|
|
}
|
|
} else
|
|
if (eventData.type == "shortcut") {
|
|
if (eventData.data.key == 'escape')
|
|
this.oleEditorView.hide();
|
|
} else
|
|
if (eventData.type == "canClose") {
|
|
if (eventData.data.answer === true) {
|
|
if (externalEditor) {
|
|
externalEditor.serviceCommand('setAppDisabled',true);
|
|
if (eventData.data.mr == 'ok')
|
|
externalEditor.serviceCommand('getOleData');
|
|
}
|
|
this.oleEditorView.hide();
|
|
}
|
|
this.isHandlerCalled = false;
|
|
} else
|
|
if (eventData.type == "processMouse") {
|
|
if (eventData.data.event == 'mouse:up') {
|
|
this.oleEditorView.binding.dragStop();
|
|
if (this.oleEditorView.binding.resizeStop) this.oleEditorView.binding.resizeStop();
|
|
} else
|
|
if (eventData.data.event == 'mouse:move') {
|
|
var x = parseInt(this.oleEditorView.$window.css('left')) + eventData.data.pagex,
|
|
y = parseInt(this.oleEditorView.$window.css('top')) + eventData.data.pagey + 34;
|
|
this.oleEditorView.binding.drag({pageX:x, pageY:y});
|
|
if (this.oleEditorView.binding.resize) this.oleEditorView.binding.resize({pageX:x, pageY:y});
|
|
}
|
|
} else
|
|
if (eventData.type == "resize") {
|
|
var w = eventData.data.width,
|
|
h = eventData.data.height;
|
|
if (w>0 && h>0)
|
|
this.oleEditorView.setInnerSize(w, h);
|
|
} else
|
|
this.oleEditorView.fireEvent('internalmessage', this.oleEditorView, eventData);
|
|
}
|
|
} ,
|
|
|
|
onProcessMouse: function(data) {
|
|
if (data.type == 'mouseup' && this.isExternalEditorVisible) {
|
|
externalEditor && externalEditor.serviceCommand('processmouse', data);
|
|
}
|
|
},
|
|
|
|
showExternalEditor: function () {
|
|
if ( externalEditor ) {
|
|
var value = Common.localStorage.getItem("ui-theme-id", "theme-light");
|
|
externalEditor.serviceCommand('theme:change', value);
|
|
}
|
|
|
|
this.oleEditorView.show();
|
|
},
|
|
|
|
warningTitle: 'Warning',
|
|
warningText: 'The object is disabled because of editing by another user.',
|
|
textClose: 'Close',
|
|
textAnonymous: 'Anonymous'
|
|
}
|
|
})(), Common.Controllers.ExternalOleEditor || {}));
|
|
});
|