413 lines
15 KiB
JavaScript
413 lines
15 KiB
JavaScript
/*
|
|
*
|
|
* (c) Copyright Ascensio System Limited 2010-2016
|
|
*
|
|
* This program is a free software product. You can redistribute it and/or
|
|
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
|
* version 3 as published by the Free Software Foundation. In accordance with
|
|
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
|
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
|
* of any third-party rights.
|
|
*
|
|
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
|
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
|
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
|
*
|
|
* You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia,
|
|
* EU, LV-1021.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of the Program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU AGPL version 3.
|
|
*
|
|
* Pursuant to Section 7(b) of the License you must retain the original Product
|
|
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
|
* grant you any rights under trademark law for use of our trademarks.
|
|
*
|
|
* All the Product's GUI elements, including illustrations and icon sets, as
|
|
* well as technical writing content are licensed under the terms of the
|
|
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
|
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
|
*
|
|
*/
|
|
Ext.define('DE.controller.Main', {
|
|
extend: 'Ext.app.Controller',
|
|
editMode: false,
|
|
|
|
requires: [
|
|
'Ext.Anim',
|
|
'Ext.LoadMask',
|
|
'Ext.MessageBox'
|
|
],
|
|
|
|
launch: function() {
|
|
if (!this._isSupport()){
|
|
Common.Gateway.reportError(undefined, this.unsupportedBrowserErrorText);
|
|
return;
|
|
}
|
|
|
|
// Initialize descendants
|
|
|
|
this.initControl();
|
|
|
|
// Common.component.Analytics.initialize('UA-12442749-13', 'Document Editor Mobile');
|
|
|
|
// Initialize analytics
|
|
|
|
// Initialize api
|
|
var api = this.api,
|
|
app = this.getApplication();
|
|
|
|
api = new Asc.asc_docs_api({
|
|
'id-view' : 'id-sdkeditor',
|
|
'mobile' : true
|
|
});
|
|
|
|
api.asc_registerCallback('asc_onStartAction', Ext.bind(this.onLongActionBegin, this));
|
|
api.asc_registerCallback('asc_onError', Ext.bind(this.onError, this));
|
|
api.asc_registerCallback('asc_onEndAction', Ext.bind(this.onLongActionEnd, this));
|
|
api.asc_registerCallback('asc_onDocumentContentReady', Ext.bind(this.onDocumentContentReady, this));
|
|
api.asc_registerCallback('asc_onOpenDocumentProgress', Ext.bind(this.onOpenDocument, this));
|
|
api.asc_registerCallback('asc_onSaveUrl', Ext.bind(this.onSaveUrl, this));
|
|
api.asc_registerCallback('asc_onGetEditorPermissions', Ext.bind(this.onEditorPermissions, this));
|
|
api.asc_registerCallback('asc_onDownloadUrl', Ext.bind(this.onDownloadUrl, this));
|
|
|
|
// Initialize descendants
|
|
Ext.each(app.getControllers(), function(controllerName){
|
|
var controller = this.getApplication().getController(controllerName);
|
|
controller && Ext.isFunction(controller.setApi) && controller.setApi(api);
|
|
}, this);
|
|
|
|
this.initApi();
|
|
|
|
// Initialize api gateway
|
|
this.editorConfig = {};
|
|
Common.Gateway.on('init', Ext.bind(this.loadConfig, this));
|
|
Common.Gateway.on('opendocument', Ext.bind(this.loadDocument, this));
|
|
Common.Gateway.on('showmessage', Ext.bind(this.onExternalMessage, this));
|
|
Common.Gateway.on('resetfocus', Ext.bind(this.onResetFocus, this));
|
|
Common.Gateway.on('processsaveresult', Ext.bind(this.onProcessSaveResult, this));
|
|
Common.Gateway.on('processrightschange',Ext.bind(this.onProcessRightsChange, this));
|
|
Common.Gateway.on('downloadas', Ext.bind(this.onDownloadAs, this));
|
|
Common.Gateway.ready();
|
|
},
|
|
|
|
initControl: function() {
|
|
},
|
|
|
|
initApi: function() {
|
|
},
|
|
|
|
loadConfig: function(data) {
|
|
this.editorConfig = Ext.merge(this.editorConfig, data.config);
|
|
this.editorConfig.user = this._fillUserInfo(this.editorConfig.user);
|
|
},
|
|
|
|
loadDocument: function(data) {
|
|
if ( data.doc ) {
|
|
this.permissions = data.doc.permissions;
|
|
|
|
var _user = new Asc.asc_CUserInfo();
|
|
_user.put_Id(this.editorConfig.user.id);
|
|
_user.put_FirstName(this.editorConfig.user.firstname);
|
|
_user.put_LastName(this.editorConfig.user.lastname);
|
|
_user.put_FullName(this.editorConfig.user.fullname);
|
|
|
|
var docInfo = new Asc.asc_CDocInfo();
|
|
docInfo.put_Id(data.doc.key);
|
|
docInfo.put_Url(data.doc.url);
|
|
docInfo.put_Title(data.doc.title);
|
|
docInfo.put_Format(data.doc.fileType);
|
|
docInfo.put_VKey(data.doc.vkey);
|
|
docInfo.put_Options(data.doc.options);
|
|
docInfo.put_UserInfo(_user);
|
|
|
|
this.api.asc_setDocInfo(docInfo);
|
|
this.api.asc_getEditorPermissions(this.editorConfig.licenseUrl, this.editorConfig.customerId);
|
|
|
|
Common.component.Analytics.trackEvent('Load', 'Start');
|
|
}
|
|
},
|
|
|
|
onEditorPermissions: function(params) {
|
|
this.permissions.reader !== false && (this.permissions.reader = params.asc_getCanReaderMode());
|
|
|
|
var profile = this.getApplication().getCurrentProfile(),
|
|
deviceController = this.getApplication().getController('Main', profile ? profile.getNamespace() : null),
|
|
editMode = (this.permissions.edit !== false && this.editorConfig.mode !== 'view'),
|
|
readerMode = this.permissions.reader === true;
|
|
|
|
if (deviceController) {
|
|
if (Ext.os.is.Phone) {
|
|
if (readerMode) {
|
|
this.api.SetReaderModeOnly();
|
|
editMode = false;
|
|
}
|
|
}
|
|
|
|
if (Ext.isFunction(deviceController.setMode))
|
|
deviceController.setMode(editMode ? 'edit' : 'view');
|
|
|
|
if (Ext.isFunction(deviceController.setReadableMode))
|
|
deviceController.setReadableMode(readerMode);
|
|
}
|
|
|
|
this.api.asc_setViewMode(!editMode);
|
|
this.api.asc_LoadDocument();
|
|
this.api.Resize();
|
|
},
|
|
|
|
onDocumentContentReady: function() {
|
|
if (this._isReady) return;
|
|
this._isReady = true;
|
|
|
|
if (this.api) {
|
|
this.api.Resize();
|
|
this.api.zoomFitToWidth();
|
|
}
|
|
this._hideLoadSplash();
|
|
|
|
Common.component.Analytics.trackEvent('Load', 'Complete');
|
|
},
|
|
|
|
onOpenDocument: function(progress) {
|
|
var elem = document.getElementById('loadmask-text');
|
|
if (elem) {
|
|
var proc = (progress.asc_getCurrentFont() + progress.asc_getCurrentImage())/(progress.asc_getFontsCount() + progress.asc_getImagesCount());
|
|
elem.innerHTML = this.loadingDocText + ': '+ Math.min(Math.round(proc*100), 100) + '%';
|
|
}
|
|
},
|
|
|
|
onSaveUrl: function(url) {
|
|
Common.Gateway.save(url);
|
|
},
|
|
|
|
|
|
onDownloadUrl: function(url) {
|
|
Common.Gateway.downloadAs(url);
|
|
},
|
|
|
|
onLongActionBegin: function(type, id) {
|
|
var text = '';
|
|
|
|
switch (id) {
|
|
case Asc.c_oAscAsyncAction['Save']:
|
|
text = this.saveText;
|
|
break;
|
|
|
|
case Asc.c_oAscAsyncAction['Print']:
|
|
text = this.printText;
|
|
}
|
|
|
|
if (type == Asc.c_oAscAsyncActionType['BlockInteraction']) {
|
|
Ext.Viewport.setMasked({
|
|
xtype : 'loadmask',
|
|
message : text
|
|
});
|
|
}
|
|
},
|
|
|
|
onLongActionEnd: function(type) {
|
|
Ext.Viewport.unmask();
|
|
Common.Gateway.setDocumentModified(this.api.isDocumentModified());
|
|
},
|
|
|
|
onError: function(id, level, errData) {
|
|
|
|
this._hideLoadSplash();
|
|
|
|
var config = {
|
|
closable: false
|
|
};
|
|
|
|
switch (id)
|
|
{
|
|
case Asc.c_oAscError.ID.Unknown:
|
|
config.message = this.unknownErrorText;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.ConvertationTimeout:
|
|
config.message = this.convertationTimeoutText;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.ConvertationError:
|
|
config.message = this.convertationErrorText;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.DownloadError:
|
|
config.message = this.downloadErrorText;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.UplImageSize:
|
|
config.message = this.uploadImageSizeMessage;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.UplImageExt:
|
|
config.message = this.uploadImageExtMessage;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.UplImageFileCount:
|
|
config.message = this.uploadImageFileCountMessage;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.SplitCellMaxRows:
|
|
config.message = this.splitMaxRowsErrorText.replace('%1', errData.get_Value());
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.SplitCellMaxCols:
|
|
config.message = this.splitMaxColsErrorText.replace('%1', errData.get_Value());
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.SplitCellRowsDivider:
|
|
config.message = this.splitDividerErrorText.replace('%1', errData.get_Value());
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.VKeyEncrypt:
|
|
config.message = this.errorKeyEncrypt;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.KeyExpire:
|
|
config.message = this.errorKeyExpire;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.UserCountExceed:
|
|
config.message = this.errorUsersExceed;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.CoAuthoringDisconnect:
|
|
config.message = this.errorCoAuthoringDisconnect;
|
|
break;
|
|
|
|
case Asc.c_oAscError.ID.MobileUnexpectedCharCount:
|
|
config.message = this.errorDocTooBig;
|
|
config.out = true;
|
|
break;
|
|
|
|
default:
|
|
config.message = this.errorDefaultMessage.replace('%1', id);
|
|
break;
|
|
}
|
|
|
|
|
|
|
|
if (level == Asc.c_oAscError.Level.Critical) {
|
|
|
|
// report only critical errors
|
|
Common.Gateway.reportError(id, config.message);
|
|
|
|
var me = this;
|
|
config.title = this.criticalErrorTitle;
|
|
config.message += '<br/>' + this.criticalErrorExtText;
|
|
config.buttons = Ext.Msg.OK;
|
|
config.fn = function(btn) {
|
|
if (btn == 'ok') {
|
|
if (config.out === true) {
|
|
if (me.editorConfig && me.editorConfig.customization && me.editorConfig.customization.goback && me.editorConfig.customization.goback.url)
|
|
window.parent.location.href = me.editorConfig.customization.goback.url;
|
|
} else {
|
|
window.location.reload();
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
config.title = this.notcriticalErrorTitle;
|
|
config.buttons = Ext.Msg.OK;
|
|
config.fn = Ext.emptyFn;
|
|
}
|
|
|
|
Ext.Msg.show(config);
|
|
|
|
Common.component.Analytics.trackEvent('Internal Error', id.toString());
|
|
},
|
|
|
|
onExternalMessage: function(msg) {
|
|
if (msg) {
|
|
this._hideLoadSplash();
|
|
Ext.Msg.show({
|
|
title: msg.title,
|
|
msg: '<br/>' + msg.msg,
|
|
icon: Ext.Msg[msg.severity.toUpperCase()],
|
|
buttons: Ext.Msg.OK
|
|
});
|
|
|
|
Common.component.Analytics.trackEvent('External Error', msg.title);
|
|
}
|
|
},
|
|
|
|
onResetFocus: function(data) {
|
|
var activeElement = document.activeElement;
|
|
activeElement.focus();
|
|
},
|
|
|
|
onProcessSaveResult: function(data) {
|
|
this.api && this.api.asc_OnSaveEnd(data.result);
|
|
},
|
|
|
|
onProcessRightsChange: function(data) {
|
|
if (this.api && data && data.enabled === false) {
|
|
this.api.asc_coAuthoringDisconnect();
|
|
}
|
|
},
|
|
|
|
onDownloadAs: function() {
|
|
this.api.asc_DownloadAs(Asc.c_oAscFileType.DOCX, true);
|
|
},
|
|
|
|
_hideLoadSplash: function(){
|
|
var preloader = Ext.get('loading-mask');
|
|
if (preloader) {
|
|
Ext.Anim.run(preloader, 'fade', {
|
|
out : true,
|
|
duration: 250,
|
|
after : function(){
|
|
preloader.destroy();
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
_isSupport: function(){
|
|
return (Ext.browser.is.WebKit && (Ext.os.is.iOS || Ext.os.is.Android || Ext.os.is.Desktop));
|
|
},
|
|
|
|
_fillUserInfo: function(info, lang, defname) {
|
|
var _user = info || {};
|
|
!_user.id && (_user.id = ('uid-' + Date.now()));
|
|
_.isEmpty(_user.firstname) && _.isEmpty(_user.lastname)
|
|
&& (_user.firstname = defname);
|
|
|
|
_user.fullname = /^ru/.test(lang) ?
|
|
_user.lastname + ' ' + _user.firstname : _user.firstname + ' ' + _user.lastname;
|
|
|
|
return _user;
|
|
},
|
|
|
|
loadingDocText : 'Loading document',
|
|
saveText : 'Saving...',
|
|
printText : 'Printing...',
|
|
criticalErrorTitle : 'Error',
|
|
notcriticalErrorTitle : 'Warning',
|
|
errorDefaultMessage : 'Error code: %1',
|
|
criticalErrorExtText : 'Press "Ok" to reload view page.',
|
|
uploadImageSizeMessage : 'Maximium image size limit exceeded.',
|
|
uploadImageExtMessage : 'Unknown image format.',
|
|
uploadImageFileCountMessage : 'No images uploaded.',
|
|
reloadButtonText : 'Reload Page',
|
|
unknownErrorText : 'Unknown error.',
|
|
convertationTimeoutText : 'Convertation timeout exceeded.',
|
|
convertationErrorText : 'Convertation failed.',
|
|
downloadErrorText : 'Download failed.',
|
|
unsupportedBrowserErrorText : 'Your browser is not supported.',
|
|
splitMaxRowsErrorText : 'The number of rows must be less than %1',
|
|
splitMaxColsErrorText : 'The number of columns must be less than %1',
|
|
splitDividerErrorText : 'The number of rows must be a divisor of %1',
|
|
requestEditRightsText : 'Requesting editing rights...',
|
|
requestEditFailedTitleText : 'Access denied',
|
|
requestEditFailedMessageText: 'Someone is editing this document right now. Please try again later.',
|
|
errorKeyEncrypt : 'Unknown key descriptor',
|
|
errorKeyExpire : 'Key descriptor expired',
|
|
errorUsersExceed : 'Count of users was exceed',
|
|
errorCoAuthoringDisconnect : 'Server connection lost. You can\'t edit anymore.',
|
|
errorDocTooBig : 'The document you are trying to open has more than 30000 characters or 1000 paragraphs in it and cannot by opened on your mobile device. Please try open it using a desktop PC.',
|
|
textAnonymous : 'Anonymous'
|
|
}); |