diff --git a/apps/common/mobile/lib/controller/Plugins.jsx b/apps/common/mobile/lib/controller/Plugins.jsx
new file mode 100644
index 0000000000..d01ac617fb
--- /dev/null
+++ b/apps/common/mobile/lib/controller/Plugins.jsx
@@ -0,0 +1,283 @@
+import React, { useEffect, useState } from 'react';
+import { inject, observer } from 'mobx-react';
+import { f7 } from 'framework7-react';
+import { Device } from '../../utils/device';
+
+const PluginsController = inject('storeAppOptions')(observer(props => {
+ const { storeAppOptions } = props;
+ let configPlugins = {autostart:[]},
+ serverPlugins = {autostart:[]},
+ modal,
+ iframe;
+
+ useEffect(() => {
+ const onDocumentReady = () => {
+ Common.Notifications.on('engineCreated', api => {
+ api.asc_registerCallback("asc_onPluginShow", showPluginModal);
+ api.asc_registerCallback("asc_onPluginClose", pluginClose);
+ api.asc_registerCallback("asc_onPluginResize", pluginResize);
+ api.asc_registerCallback('asc_onPluginsInit', registerPlugins);
+
+ if(!storeAppOptions.customization || storeAppOptions.plugins !== false) {
+ loadPlugins();
+ }
+ });
+
+ Common.Gateway.on('init', loadConfig);
+ };
+
+ onDocumentReady();
+
+ return () => {
+ const api = Common.EditorApi.get();
+
+ api.asc_unregisterCallback("asc_onPluginShow", showPluginModal);
+ api.asc_unregisterCallback("asc_onPluginClose", pluginClose);
+ api.asc_unregisterCallback("asc_onPluginResize", pluginResize);
+ api.asc_unregisterCallback('asc_onPluginsInit', registerPlugins);
+
+ Common.Gateway.off('init', loadConfig);
+ };
+ });
+
+ const onDlgBtnClick = e => {
+ const api = Common.EditorApi.get();
+ let index = $$(e.currentTarget).index();
+ api.asc_pluginButtonClick(index);
+ };
+
+
+ const showPluginModal = (plugin, variationIndex, frameId, urlAddition) => {
+ let isAndroid = Device.android;
+ let variation = plugin.get_Variations()[variationIndex];
+
+ if (variation.get_Visual()) {
+ let url = variation.get_Url();
+ url = ((plugin.get_BaseUrl().length == 0) ? url : plugin.get_BaseUrl()) + url;
+
+ if (urlAddition)
+ url += urlAddition;
+
+ let isCustomWindow = variation.get_CustomWindow(),
+ arrBtns = variation.get_Buttons(),
+ newBtns = [],
+ size = variation.get_Size();
+
+ if (arrBtns.length) {
+ arrBtns.forEach((b, index) => {
+ if ((storeAppOptions.isEdit || b.isViewer !== false)) {
+ newBtns[index] = {
+ text: b.text,
+ attributes: {result: index}
+ };
+ }
+ });
+ }
+
+ f7.popover.close('.document-menu.modal-in', false);
+
+ modal = f7.dialog.create({
+ title: '',
+ text: '',
+ content: ''+'
',
+ buttons : isCustomWindow ? undefined : newBtns
+ }).open();
+
+ iframe = document.createElement("iframe");
+
+ iframe.id = frameId;
+ iframe.name = 'pluginFrameEditor';
+ iframe.width = '100%';
+ iframe.height = '100%';
+ iframe.align = "top";
+ iframe.frameBorder = 0;
+ iframe.scrolling = "no";
+ iframe.src = url;
+
+ $$('#plugin-frame').append(iframe);
+
+ modal.$el.find('.dialog-button').on('click', onDlgBtnClick);
+
+ modal.$el.css({
+ margin: '0',
+ width: '90%',
+ left: '5%',
+ height: 'auto'
+ });
+
+ modal.$el.find('.dialog-inner').css({padding: '0'});
+
+ if (Device.phone) {
+ let height = Math.min(size[1], 240);
+ modal.$el.find('#plugin-frame').css({height: height + 'px'});
+ } else {
+ let height = Math.min(size[1], 500);
+ modal.$el.find('#plugin-frame').css({height: height + 'px'});
+ }
+
+ if (isAndroid) {
+ $$('.view.collaboration-root-view.navbar-through').removeClass('navbar-through').addClass('navbar-fixed');
+ $$('.view.collaboration-root-view .navbar').prependTo('.view.collaboration-root-view > .pages > .page');
+ }
+ }
+ };
+
+ const pluginClose = plugin => {
+ if (iframe) {
+ iframe = null;
+ }
+ };
+
+ const pluginResize = size => {
+ if (Device.phone) {
+ let height = Math.min(size[1], 240);
+ modal.$el.find('#plugin-frame').css({height: height + 'px'});
+ } else {
+ let height = Math.min(size[1], 500);
+ modal.$el.find('#plugin-frame').css({height: height + 'px'});
+ }
+ };
+
+ const getPlugins = (pluginsData, fetchFunction) => {
+ if (!pluginsData || pluginsData.length < 1)
+ return Promise.resolve([]);
+
+ fetchFunction = fetchFunction || function (url) {
+ return fetch(url)
+ .then(function(response) {
+ if (response.ok) return response.json();
+ else return Promise.reject(url);
+ }).then(function(json) {
+ json.baseUrl = url.substring(0, url.lastIndexOf("config.json"));
+ return json;
+ });
+ };
+
+ let loaded = [];
+
+ return pluginsData.map(fetchFunction).reduce(function (previousPromise, currentPromise) {
+ return previousPromise
+ .then(function()
+ {
+ return currentPromise;
+ })
+ .then(function(item)
+ {
+ loaded.push(item);
+ return Promise.resolve(item);
+ })
+ .catch(function(item)
+ {
+ return Promise.resolve(item);
+ });
+
+ }, Promise.resolve())
+ .then(function ()
+ {
+ return Promise.resolve(loaded);
+ });
+ };
+
+ const loadConfig = data => {
+ configPlugins.config = data.config.plugins;
+ };
+
+ const registerPlugins = plugins => {
+ let arr = [];
+
+ plugins.forEach(item => {
+ let plugin = new Asc.CPlugin();
+
+ plugin.set_Name(item['name']);
+ plugin.set_Guid(item['guid']);
+ plugin.set_BaseUrl(item['baseUrl']);
+
+ let variations = item['variations'],
+ variationsArr = [];
+
+ variations.forEach(itemVar => {
+ let variation = new Asc.CPluginVariation();
+
+ variation.set_Description(itemVar['description']);
+ variation.set_Url(itemVar['url']);
+ variation.set_Icons(itemVar['icons']);
+ variation.set_Visual(itemVar['isVisual']);
+ variation.set_CustomWindow(itemVar['isCustomWindow']);
+ variation.set_System(itemVar['isSystem']);
+ variation.set_Viewer(itemVar['isViewer']);
+ variation.set_EditorsSupport(itemVar['EditorsSupport']);
+ variation.set_Modal(itemVar['isModal']);
+ variation.set_InsideMode(itemVar['isInsideMode']);
+ variation.set_InitDataType(itemVar['initDataType']);
+ variation.set_InitData(itemVar['initData']);
+ variation.set_UpdateOleOnResize(itemVar['isUpdateOleOnResize']);
+ variation.set_Buttons(itemVar['buttons']);
+ variation.set_Size(itemVar['size']);
+ variation.set_InitOnSelectionChanged(itemVar['initOnSelectionChanged']);
+ variation.set_Events(itemVar['events']);
+
+ variationsArr.push(variation);
+ });
+
+ plugin["set_Variations"](variationsArr);
+ arr.push(plugin);
+ });
+
+ const api = Common.EditorApi.get();
+ api.asc_pluginsRegister('', arr);
+ };
+
+ const mergePlugins = () => {
+ if (serverPlugins.plugins !== undefined && configPlugins.plugins !== undefined) {
+ let arr = [],
+ plugins = configPlugins;
+
+ if (plugins.plugins && plugins.plugins.length > 0) {
+ arr = plugins.plugins;
+ }
+
+ plugins = serverPlugins;
+
+ if (plugins.plugins && plugins.plugins.length > 0) {
+ arr = arr.concat(plugins.plugins);
+ }
+
+ registerPlugins(arr);
+ }
+ };
+
+ const loadPlugins = () => {
+ if (configPlugins.config) {
+ getPlugins(configPlugins.config.pluginsData)
+ .then(function(loaded)
+ {
+ configPlugins.plugins = loaded;
+ mergePlugins();
+ });
+ } else {
+ configPlugins.plugins = false;
+ }
+
+ let server_plugins_url = '../../../../plugins.json';
+
+ Common.Utils.loadConfig(server_plugins_url, function (obj) {
+ if (obj != 'error') {
+ serverPlugins.config = obj;
+ getPlugins(serverPlugins.config.pluginsData)
+ .then(function(loaded)
+ {
+ serverPlugins.plugins = loaded;
+ mergePlugins();
+ });
+ } else
+ serverPlugins.plugins = false;
+ });
+ };
+
+ return <>
+}));
+
+export default PluginsController;
+
+
+
diff --git a/apps/documenteditor/mobile/src/controller/Main.jsx b/apps/documenteditor/mobile/src/controller/Main.jsx
index 85c2542493..1fae868f3b 100644
--- a/apps/documenteditor/mobile/src/controller/Main.jsx
+++ b/apps/documenteditor/mobile/src/controller/Main.jsx
@@ -15,6 +15,7 @@ import About from '../../../../common/mobile/lib/view/About';
import EditorUIController from '../lib/patch';
import ErrorController from "./Error";
import LongActionsController from "./LongActions";
+import PluginsController from '../../../../common/mobile/lib/controller/Plugins.jsx';
@inject(
"storeAppOptions",
@@ -799,6 +800,7 @@ class MainController extends Component {
{EditorUIController.getEditCommentControllers && EditorUIController.getEditCommentControllers()}
+
)
}
diff --git a/apps/presentationeditor/mobile/src/controller/Main.jsx b/apps/presentationeditor/mobile/src/controller/Main.jsx
index aa626e48e3..aa19b3374f 100644
--- a/apps/presentationeditor/mobile/src/controller/Main.jsx
+++ b/apps/presentationeditor/mobile/src/controller/Main.jsx
@@ -13,6 +13,7 @@ import ErrorController from "./Error";
import LongActionsController from "./LongActions";
import {LocalStorage} from "../../../../common/mobile/utils/LocalStorage";
import About from '../../../../common/mobile/lib/view/About';
+import PluginsController from '../../../../common/mobile/lib/controller/Plugins.jsx';
@inject(
"storeFocusObjects",
@@ -779,6 +780,7 @@ class MainController extends Component {
{EditorUIController.getEditCommentControllers && EditorUIController.getEditCommentControllers()}
+
)
}
diff --git a/apps/spreadsheeteditor/mobile/src/controller/Main.jsx b/apps/spreadsheeteditor/mobile/src/controller/Main.jsx
index 907461fa78..034d235c08 100644
--- a/apps/spreadsheeteditor/mobile/src/controller/Main.jsx
+++ b/apps/spreadsheeteditor/mobile/src/controller/Main.jsx
@@ -17,6 +17,7 @@ import LongActionsController from "./LongActions";
import ErrorController from "./Error";
import app from "../page/app";
import About from "../../../../common/mobile/lib/view/About";
+import PluginsController from '../../../../common/mobile/lib/controller/Plugins.jsx';
@inject(
"storeAppOptions",
@@ -754,6 +755,7 @@ class MainController extends Component {
+
)
}