356 lines
14 KiB
JavaScript
356 lines
14 KiB
JavaScript
|
|
import React, {Component, Fragment} from 'react';
|
|
import {inject} from "mobx-react";
|
|
import { f7 } from "framework7-react";
|
|
import { withTranslation } from 'react-i18next';
|
|
import CollaborationController from '../../../../common/mobile/lib/controller/collaboration/Collaboration.jsx';
|
|
import {InitReviewController as ReviewController} from '../../../../common/mobile/lib/controller/collaboration/Review.jsx';
|
|
import { onAdvancedOptions } from './settings/Download.jsx';
|
|
import {
|
|
CommentsController,
|
|
AddCommentController,
|
|
EditCommentController,
|
|
ViewCommentsController
|
|
} from "../../../../common/mobile/lib/controller/collaboration/Comments";
|
|
|
|
@inject(
|
|
"storeAppOptions",
|
|
"storeDocumentSettings",
|
|
"storeFocusObjects",
|
|
"storeTextSettings",
|
|
"storeParagraphSettings",
|
|
"storeTableSettings",
|
|
"storeDocumentInfo",
|
|
"storeChartSettings"
|
|
)
|
|
class MainController extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
window.editorType = 'de';
|
|
}
|
|
|
|
initSdk() {
|
|
const script = document.createElement("script");
|
|
script.src = "../../../../sdkjs/develop/sdkjs/word/scripts.js";
|
|
script.async = true;
|
|
script.onload = () => {
|
|
let dep_scripts = ['../../../vendor/xregexp/xregexp-all-min.js',
|
|
'../../../vendor/sockjs/sockjs.min.js',
|
|
'../../../vendor/jszip/jszip.min.js',
|
|
'../../../vendor/jszip-utils/jszip-utils.min.js'];
|
|
dep_scripts.push(...sdk_scripts);
|
|
|
|
const promise_get_script = (scriptpath) => {
|
|
return new Promise((resolve, reject) => {
|
|
const script = document.createElement("script");
|
|
script.src = scriptpath;
|
|
script.onload = () => {
|
|
resolve('ok');
|
|
};
|
|
script.onerror = () => {
|
|
reject('error');
|
|
};
|
|
|
|
document.body.appendChild(script);
|
|
});
|
|
};
|
|
|
|
const loadConfig = data => {
|
|
console.log('load config');
|
|
|
|
this.editorConfig = Object.assign({}, this.editorConfig, data.config);
|
|
|
|
this.props.storeAppOptions.setConfigOptions(this.editorConfig);
|
|
|
|
this.editorConfig.lang && this.api.asc_setLocale(this.editorConfig.lang);
|
|
|
|
Common.Notifications.trigger('configOptionsFill');
|
|
};
|
|
|
|
const loadDocument = data => {
|
|
this.permissions = {};
|
|
this.document = data.doc;
|
|
|
|
let docInfo = {};
|
|
|
|
if (data.doc) {
|
|
this.permissions = Object.assign(this.permissions, data.doc.permissions);
|
|
|
|
const _permissions = Object.assign({}, data.doc.permissions);
|
|
const _userOptions = this.props.storeAppOptions.user;
|
|
const _user = new Asc.asc_CUserInfo();
|
|
_user.put_Id(_userOptions.id);
|
|
_user.put_FullName(_userOptions.fullname);
|
|
|
|
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);
|
|
docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
|
|
docInfo.put_Token(data.doc.token);
|
|
docInfo.put_Permissions(_permissions);
|
|
docInfo.put_EncryptedInfo(this.editorConfig.encryptionKeys);
|
|
|
|
// var enable = !this.editorConfig.customization || (this.editorConfig.customization.macros!==false);
|
|
// docInfo.asc_putIsEnabledMacroses(!!enable);
|
|
// enable = !this.editorConfig.customization || (this.editorConfig.customization.plugins!==false);
|
|
// docInfo.asc_putIsEnabledPlugins(!!enable);
|
|
|
|
// let type = /^(?:(pdf|djvu|xps))$/.exec(data.doc.fileType);
|
|
// if (type && typeof type[1] === 'string') {
|
|
// this.permissions.edit = this.permissions.review = false;
|
|
// }
|
|
}
|
|
|
|
this.api.asc_registerCallback('asc_onGetEditorPermissions', onEditorPermissions);
|
|
this.api.asc_registerCallback('asc_onDocumentContentReady', onDocumentContentReady);
|
|
// this.api.asc_registerCallback('asc_onLicenseChanged', _.bind(this.onLicenseChanged, this));
|
|
// this.api.asc_registerCallback('asc_onRunAutostartMacroses', _.bind(this.onRunAutostartMacroses, this));
|
|
this.api.asc_setDocInfo(docInfo);
|
|
this.api.asc_getEditorPermissions(this.editorConfig.licenseUrl, this.editorConfig.customerId);
|
|
|
|
// Document Info
|
|
|
|
const storeDocumentInfo = this.props.storeDocumentInfo;
|
|
|
|
storeDocumentInfo.setDataDoc(this.document);
|
|
|
|
// Common.SharedSettings.set('document', data.doc);
|
|
|
|
// if (data.doc) {
|
|
// DE.getController('Toolbar').setDocumentTitle(data.doc.title);
|
|
// if (data.doc.info) {
|
|
// data.doc.info.author && console.log("Obsolete: The 'author' parameter of the document 'info' section is deprecated. Please use 'owner' instead.");
|
|
// data.doc.info.created && console.log("Obsolete: The 'created' parameter of the document 'info' section is deprecated. Please use 'uploaded' instead.");
|
|
// }
|
|
// }
|
|
};
|
|
|
|
const onEditorPermissions = params => {
|
|
const licType = params.asc_getLicenseType();
|
|
|
|
// check licType
|
|
|
|
this.appOptions.canLicense = (licType === Asc.c_oLicenseResult.Success || licType === Asc.c_oLicenseResult.SuccessLimit);
|
|
|
|
this.props.storeAppOptions.setPermissionOptions(this.document, licType, params, this.permissions);
|
|
|
|
//Common.Utils.UserInfoParser.setParser(me.appOptions.canUseReviewPermissions);
|
|
|
|
//me.api.asc_setViewMode(!me.appOptions.isEdit && !me.appOptions.isRestrictedEdit);
|
|
//me.appOptions.isRestrictedEdit && this.appOptions.canComments && me.api.asc_setRestriction(Asc.c_oAscRestrictionType.OnlyComments);
|
|
//me.appOptions.isRestrictedEdit && me.appOptions.canFillForms && me.api.asc_setRestriction(Asc.c_oAscRestrictionType.OnlyForms);
|
|
|
|
this.api.asc_setViewMode(false);
|
|
this.api.asc_LoadDocument();
|
|
this.api.Resize();
|
|
};
|
|
|
|
const onDocumentContentReady = () => {
|
|
Common.Gateway.documentReady();
|
|
f7.emit('resize');
|
|
|
|
Common.Notifications.trigger('document:ready');
|
|
};
|
|
|
|
const _process_array = (array, fn) => {
|
|
let results = [];
|
|
return array.reduce(function(p, item) {
|
|
return p.then(function() {
|
|
return fn(item).then(function(data) {
|
|
results.push(data);
|
|
return results;
|
|
});
|
|
});
|
|
}, Promise.resolve());
|
|
};
|
|
|
|
_process_array(dep_scripts, promise_get_script)
|
|
.then ( result => {
|
|
window["flat_desine"] = true;
|
|
const {t} = this.props;
|
|
this.api = new Asc.asc_docs_api({
|
|
'id-view' : 'editor_sdk',
|
|
'mobile' : true,
|
|
'translate': t('Main.SDK', {returnObjects:true})
|
|
});
|
|
|
|
this.appOptions = {};
|
|
this.bindEvents();
|
|
|
|
Common.Gateway.on('init', loadConfig);
|
|
// Common.Gateway.on('showmessage', _.bind(me.onExternalMessage, me));
|
|
Common.Gateway.on('opendocument', loadDocument);
|
|
Common.Gateway.appReady();
|
|
|
|
Common.Notifications.trigger('engineCreated', this.api);
|
|
Common.EditorApi = {get: () => this.api};
|
|
}, error => {
|
|
console.log('promise failed ' + error);
|
|
});
|
|
};
|
|
|
|
script.onerror = () => {
|
|
console.log('error');
|
|
};
|
|
|
|
document.body.appendChild(script);
|
|
}
|
|
|
|
bindEvents() {
|
|
this.api.asc_registerCallback('asc_onSendThemeColors', (colors, standart_colors) => {
|
|
Common.Utils.ThemeColor.setColors(colors, standart_colors);
|
|
});
|
|
|
|
const storeDocumentSettings = this.props.storeDocumentSettings;
|
|
this.api.asc_registerCallback('asc_onPageOrient', isPortrait => {
|
|
storeDocumentSettings.resetPortrait(isPortrait);
|
|
});
|
|
this.api.asc_registerCallback('asc_onDocSize', (w, h) => {
|
|
storeDocumentSettings.changeDocSize(w, h);
|
|
});
|
|
const storeFocusObjects = this.props.storeFocusObjects;
|
|
this.api.asc_registerCallback('asc_onFocusObject', objects => {
|
|
storeFocusObjects.resetFocusObjects(objects);
|
|
});
|
|
|
|
//text settings
|
|
const storeTextSettings = this.props.storeTextSettings;
|
|
this.api.asc_registerCallback('asc_onInitEditorFonts', (fonts, select) => {
|
|
storeTextSettings.initEditorFonts(fonts, select);
|
|
});
|
|
this.api.asc_registerCallback('asc_onFontFamily', (font) => {
|
|
storeTextSettings.resetFontName(font);
|
|
});
|
|
this.api.asc_registerCallback('asc_onFontSize', (size) => {
|
|
storeTextSettings.resetFontSize(size);
|
|
});
|
|
this.api.asc_registerCallback('asc_onBold', (isBold) => {
|
|
storeTextSettings.resetIsBold(isBold);
|
|
});
|
|
this.api.asc_registerCallback('asc_onItalic', (isItalic) => {
|
|
storeTextSettings.resetIsItalic(isItalic);
|
|
});
|
|
this.api.asc_registerCallback('asc_onUnderline', (isUnderline) => {
|
|
storeTextSettings.resetIsUnderline(isUnderline);
|
|
});
|
|
this.api.asc_registerCallback('asc_onStrikeout', (isStrikeout) => {
|
|
storeTextSettings.resetIsStrikeout(isStrikeout);
|
|
});
|
|
this.api.asc_registerCallback('asc_onVerticalAlign', (typeBaseline) => {
|
|
storeTextSettings.resetTypeBaseline(typeBaseline);
|
|
});
|
|
this.api.asc_registerCallback('asc_onListType', (data) => {
|
|
let type = data.get_ListType();
|
|
let subtype = data.get_ListSubType();
|
|
storeTextSettings.resetListType(type);
|
|
switch (type) {
|
|
case 0:
|
|
storeTextSettings.resetBullets(subtype);
|
|
break;
|
|
case 1:
|
|
storeTextSettings.resetNumbers(subtype);
|
|
break;
|
|
}
|
|
});
|
|
this.api.asc_registerCallback('asc_onPrAlign', (align) => {
|
|
storeTextSettings.resetParagraphAlign(align);
|
|
});
|
|
this.api.asc_registerCallback('asc_onTextColor', (color) => {
|
|
storeTextSettings.resetTextColor(color);
|
|
});
|
|
this.api.asc_registerCallback('asc_onParaSpacingLine', (vc) => {
|
|
storeTextSettings.resetLineSpacing(vc);
|
|
});
|
|
this.api.asc_registerCallback('asc_onTextShd', (shd) => {
|
|
let color = shd.get_Color();
|
|
storeTextSettings.resetBackgroundColor(color);
|
|
});
|
|
|
|
//paragraph settings
|
|
this.api.asc_setParagraphStylesSizes(330, 38);
|
|
const storeParagraphSettings = this.props.storeParagraphSettings;
|
|
this.api.asc_registerCallback('asc_onInitEditorStyles', (styles) => {
|
|
storeParagraphSettings.initEditorStyles(styles);
|
|
});
|
|
this.api.asc_registerCallback('asc_onParaStyleName', (name) => {
|
|
storeParagraphSettings.changeParaStyleName(name);
|
|
});
|
|
|
|
//table settings
|
|
const storeTableSettings = this.props.storeTableSettings;
|
|
this.api.asc_registerCallback('asc_onInitTableTemplates', (templates) => {
|
|
storeTableSettings.initTableTemplates(templates);
|
|
});
|
|
|
|
//chart settings
|
|
const storeChartSettings = this.props.storeChartSettings;
|
|
this.api.asc_registerCallback('asc_onUpdateChartStyles', () => {
|
|
if (storeFocusObjects.chartObject && storeFocusObjects.chartObject.get_ChartProperties()) {
|
|
storeChartSettings.updateChartStyles(this.api.asc_getChartPreviews(storeFocusObjects.chartObject.get_ChartProperties().getType()));
|
|
}
|
|
});
|
|
|
|
// Document Info
|
|
|
|
const storeDocumentInfo = this.props.storeDocumentInfo;
|
|
|
|
this.api.asc_registerCallback("asc_onGetDocInfoStart", () => {
|
|
storeDocumentInfo.switchIsLoaded(false);
|
|
});
|
|
|
|
this.api.asc_registerCallback("asc_onGetDocInfoStop", () => {
|
|
storeDocumentInfo.switchIsLoaded(true);
|
|
});
|
|
|
|
this.api.asc_registerCallback("asc_onDocInfo", (obj) => {
|
|
storeDocumentInfo.changeCount(obj);
|
|
});
|
|
|
|
this.api.asc_registerCallback('asc_onGetDocInfoEnd', () => {
|
|
storeDocumentInfo.switchIsLoaded(true);
|
|
});
|
|
|
|
this.api.asc_registerCallback('asc_onDocumentName', (name) => {
|
|
// console.log(name);
|
|
});
|
|
|
|
// Color Schemes
|
|
|
|
this.api.asc_registerCallback('asc_onSendThemeColorSchemes', (arr) => {
|
|
storeDocumentSettings.addSchemes(arr);
|
|
});
|
|
|
|
// Downloaded Advanced Options
|
|
this.api.asc_registerCallback('asc_onAdvancedOptions', (type, advOptions, mode, formatOptions) => {
|
|
const {t} = this.props;
|
|
const _t = t("Settings", { returnObjects: true });
|
|
onAdvancedOptions(type, advOptions, mode, formatOptions, _t, this.props.storeAppOptions.canRequestClose);
|
|
});
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<Fragment>
|
|
<CollaborationController />
|
|
<ReviewController />
|
|
<CommentsController />
|
|
<AddCommentController />
|
|
<EditCommentController />
|
|
<ViewCommentsController />
|
|
</Fragment>
|
|
)
|
|
}
|
|
|
|
componentDidMount() {
|
|
this.initSdk();
|
|
}
|
|
}
|
|
|
|
const translated = withTranslation()(MainController);
|
|
export {translated as MainController};
|