<%- caption %>
',
'',
'',
'',
'',
''
].join('')),
stopPropagation: true
});
menu.addItem(menuItem);
model.set('backgroundPlugin', menuItem);
var switcher = new Common.UI.Switcher({
el: menuItem.$el.find('.plugin-toggle')[0],
value: !!model.isSystem || isRun,
disabled: !!model.isSystem,
pluginGuid: guid,
hint: isRun ? me.viewPlugins.textStop : me.viewPlugins.textStart
});
switcher.on('change', function (element, value) {
switcher.updateHint(value ? me.viewPlugins.textStop : me.viewPlugins.textStart);
me.viewPlugins.fireEvent('plugin:select', [switcher.options.pluginGuid, 0, !value]);
});
me.backgroundPluginsSwitchers.push(switcher);
var menuItems = [];
_.each(modes, function(variation, index) {
if (index > 0 && variation.get('visible'))
menuItems.push({
caption: variation.get('description'),
value: parseInt(variation.get('index'))
});
});
if (menuItems.length > 0) {
var btn = new Common.UI.Button({
parentEl: menuItem.$el.find('.plugin-settings'),
cls: 'btn-toolbar',
iconCls: 'menu__icon btn-more',
menu: new Common.UI.Menu({
menuAlign: 'tl-bl',
items: menuItems,
pluginGuid: guid
}),
onlyIcon: true,
stopPropagation: true,
hint: me.viewPlugins.textSettings
});
btn.menu.on('item:click', function (menu, item, e) {
Common.UI.Menu.Manager.hideAll();
me.viewPlugins.fireEvent('plugin:select', [menu.options.pluginGuid, item.value, false]);
me.clickInsideMenu = false;
});
btn.menu.on('keydown:before', function (menu, e) {
if (e.keyCode == Common.UI.Keys.ESC) {
hideActiveMenu();
_.delay(function(){
btn.cmpEl.closest('.btn-group.open').find('[data-toggle=dropdown]:first').focus();
}, 10);
}
});
btn.menu.cmpEl.find('li').on('mousedown', function () {
me.clickInsideMenu = true;
});
btn.cmpEl.on('mousedown', function () {
me.clickInsideMenu = true;
});
btn.on('click', function () {
var btnGroup = btn.$el.find('.btn-group'),
isOpen = btnGroup.hasClass('open');
if (!isOpen) hideActiveMenu();
btnGroup.toggleClass('open', !isOpen);
$(btn.menu.el).trigger($.Event(!isOpen ? 'show.bs.dropdown' : 'hide.bs.dropdown'));
me.clickInsideMenu = false;
});
}
});
menu.cmpEl.find('li').on('mousedown', function () {
if (me.clickInsideMenu) return;
hideActiveMenu();
});
},
onResetPlugins: function (collection) {
var me = this;
me.customButtonsArr.forEach(function(item) {
me.toolbar && me.toolbar.addCustomControls({action: item.tab}, undefined, [item.btn])
});
me.customButtonsArr = [];
me.appOptions.canPlugins = !collection.isEmpty();
if ( me.$toolbarPanelPlugins ) {
me.backgroundPlugins = [];
me.$toolbarPanelPlugins.empty();
me.toolbar && me.toolbar.clearMoreButton('plugins');
var _group = $(''),
rank = -1,
rank_plugins = 0,
isBackground = false;
collection.each(function (model) {
var new_rank = model.get('groupRank'),
isBackgroundPlugin = model.get('isBackgroundPlugin');
if (isBackgroundPlugin) {
me.backgroundPlugins.push(model);
return;
}
if (model.get('tab')) {
let tab = model.get('tab'),
btn = me.viewPlugins.createPluginButton(model);
if (btn) {
btn.options.separator = tab.separator;
me.toolbar && me.toolbar.addCustomControls(tab, [btn]);
me.customButtonsArr.push({tab: tab.action, btn: btn});
}
return;
}
//if (new_rank === 1 || new_rank === 2) return; // for test
if ((new_rank === 0 || new_rank === 2) && !isBackground) {
_group = me.addBackgroundPluginsButton(_group);
isBackground = true;
rank = 1.5;
rank_plugins++;
}
var btn = me.viewPlugins.createPluginButton(model);
if (btn) {
if (new_rank!==rank && rank>-1 && rank_plugins>0) {
_group.appendTo(me.$toolbarPanelPlugins);
$('').appendTo(me.$toolbarPanelPlugins);
_group = $('');
rank_plugins = 0;
} else if (rank_plugins>0) {
_group.appendTo(me.$toolbarPanelPlugins);
$('').appendTo(me.$toolbarPanelPlugins);
_group = $('');
}
var $slot = $('').appendTo(_group);
btn.render($slot);
rank_plugins++;
rank = new_rank;
}
if (new_rank === 1 && !isBackground) {
_group = me.addBackgroundPluginsButton(_group);
isBackground = true;
}
});
_group.appendTo(me.$toolbarPanelPlugins);
if (me.backgroundPlugins.length > 0) {
me.viewPlugins.backgroundBtn.show();
var onShowBefore = function (menu) {
me.onShowBeforeBackgroundPlugins(menu);
menu.off('show:before', onShowBefore);
};
me.viewPlugins.backgroundBtn.menu.on('show:before', onShowBefore);
me.viewPlugins.backgroundBtn.on('click', function () {
me.closeBackPluginsTip();
});
}
me.toolbar && me.toolbar.isTabActive('plugins') && me.toolbar.processPanelVisible(null, true);
var docProtection = me.viewPlugins._state.docProtection;
Common.Utils.lockControls(Common.enumLock.docLockView, docProtection.isReadOnly, {array: me.viewPlugins.lockedControls});
Common.Utils.lockControls(Common.enumLock.docLockForms, docProtection.isFormsOnly, {array: me.viewPlugins.lockedControls});
Common.Utils.lockControls(Common.enumLock.docLockComments, docProtection.isCommentsOnly, {array: me.viewPlugins.lockedControls});
} else {
console.error('toolbar panel isnot created');
}
},
updatePluginsButtons: function() {
var storePlugins = this.getApplication().getCollection('Common.Collections.Plugins'),
me = this,
iconsInLeftMenu = [],
iconsInRightMenu = [];
storePlugins.each(function(item){
me.viewPlugins.updatePluginIcons(item);
var guid = item.get('guid');
if (me.viewPlugins.pluginPanels[guid] && item.get('parsedIcons')) {
var menu = me.viewPlugins.pluginPanels[guid].menu === 'right' ? iconsInRightMenu : iconsInLeftMenu;
menu.push({
guid: guid,
baseUrl: item.get('baseUrl'),
parsedIcons: item.get('parsedIcons')
});
}
});
for (var key in this.viewPlugins.customPluginPanels) {
var panel = this.viewPlugins.customPluginPanels[key];
if (panel.icons) {
var menu = panel.menu === 'right' ? iconsInRightMenu : iconsInLeftMenu;
menu.push({
guid: panel.frameId,
baseUrl: panel.baseUrl,
parsedIcons: this.viewPlugins.parseIcons(panel.icons)
});
}
}
if (iconsInLeftMenu.length > 0) {
me.viewPlugins.fireEvent('pluginsleft:updateicons', [iconsInLeftMenu]);
}
if (iconsInRightMenu.length > 0) {
me.viewPlugins.fireEvent('pluginsright:updateicons', [iconsInRightMenu]);
}
},
onSelectPlugin: function(picker, item, record, e){
var btn = $(e.target);
if (btn && btn.hasClass('plugin-caret')) {
var menu = this.viewPlugins.pluginMenu;
if (menu.isVisible()) {
menu.hide();
return;
}
var showPoint, me = this,
currentTarget = $(e.currentTarget),
parent = $(this.viewPlugins.el),
offset = currentTarget.offset(),
offsetParent = parent.offset();
showPoint = [offset.left - offsetParent.left + currentTarget.width(), offset.top - offsetParent.top + currentTarget.height()/2];
if (record != undefined) {
for (var i = 0; i < menu.items.length; i++) {
menu.removeItem(menu.items[i]); i--;
}
menu.removeAll();
var variations = record.get('variations');
for (var i=0; i0) ? variation.get('description') : me.viewPlugins.textStart,
value : parseInt(variation.get('index'))
}).on('click', function(item, e) {
if (me.api) {
me.api.asc_pluginRun(record.get('guid'), item.value, '');
}
});
menu.addItem(mnu);
}
}
var menuContainer = parent.find('#menu-plugin-container');
if (!menu.rendered) {
if (menuContainer.length < 1) {
menuContainer = $('', menu.id);
parent.append(menuContainer);
}
menu.render(menuContainer);
menu.cmpEl.attr({tabindex: "-1"});
menu.on({
'show:after': function(cmp) {
if (cmp && cmp.menuAlignEl)
cmp.menuAlignEl.toggleClass('over', true);
},
'hide:after': function(cmp) {
if (cmp && cmp.menuAlignEl)
cmp.menuAlignEl.toggleClass('over', false);
}
});
}
menuContainer.css({left: showPoint[0], top: showPoint[1]});
menu.menuAlignEl = currentTarget;
menu.setOffset(-20, -currentTarget.height()/2 - 3);
menu.show();
_.delay(function() {
menu.cmpEl.focus();
}, 10);
e.stopPropagation();
e.preventDefault();
} else
this.api.asc_pluginRun(record.get('guid'), 0, '');
},
addPluginToSideMenu: function (plugin, variation, langName, menu, frameId, url) {
function createUniqueName (name) {
var n = name.toLowerCase().replace(/[^a-z0-9\-_:]/g, '-'),
panelName = n;
var index = 0;
while(true) {
if ($('#' + 'panel-plugins-' + panelName).length < 1) break;
index++;
panelName = n + '-' + index;
}
return panelName;
}
var pluginGuid = plugin.get_Guid(),
model = this.viewPlugins.storePlugins.findWhere({guid: pluginGuid}),
name = createUniqueName(plugin.get_Name('en')),
icons = model.get('variations')[model.get('currentVariation')].get('icons');
model.set({menu: menu});
var icon_cls;
if (!icons) {
icon_cls = 'icon toolbar__icon btn-plugin-panel-default';
}
var $button = $(''),
button = new Common.UI.ButtonCustom({
cls: 'btn-category plugin-buttons',
hint: langName,
enableToggle: true,
toggleGroup: menu === 'right' ? 'tabpanelbtnsGroup' : 'leftMenuGroup',
iconCls: icon_cls,
iconsSet: this.viewPlugins.iconsStr2IconsObj(icons),
baseUrl: model.get('baseUrl'),
onlyIcon: true,
value: pluginGuid,
type: 'plugin'
});
button.render($button);
var $panel = $('');
this.viewPlugins.fireEvent(menu === 'right' ? 'plugins:addtoright' : 'plugins:addtoleft', [button, $button, $panel]);
this.viewPlugins.pluginPanels[pluginGuid] = new Common.Views.PluginPanel({
el: '#panel-plugins-' + name,
menu: menu,
sideMenuButton: button,
isCanDocked: variation.get_IsCanDocked ? variation.get_IsCanDocked() : false
});
this.viewPlugins.pluginPanels[pluginGuid].on('render:after', _.bind(this.onAfterRender, this, this.viewPlugins.pluginPanels[pluginGuid], pluginGuid, true));
this.viewPlugins.pluginPanels[pluginGuid].on('docked', _.bind(function() {
this.onPluginClose(plugin);
this.addPluginToWindow(plugin, variation, langName, menu, frameId, url);
this.savePluginDockedPosition(pluginGuid, Asc.PluginType.Window);
}, this));
if (!this.viewPlugins.pluginPanels[plugin.get_Guid()].openInsideMode(langName, url, frameId, plugin.get_Guid()))
this.api.asc_pluginButtonClick(-1, plugin.get_Guid());
},
addPluginToWindow: function(plugin, variation, langName, menu, frameId, url) {
var me = this;
var createPluginDlg = function () {
var isCustomWindow = variation.get_CustomWindow(),
arrBtns = variation.get_Buttons(),
newBtns = [],
size = variation.get_Size(),
isModal = variation.get_Modal();
if (!size || size.length<2) size = [800, 600];
if (_.isArray(arrBtns)) {
_.each(arrBtns, function(b, index){
if (b.visible)
newBtns[index] = {caption: b.text, value: index, primary: b.primary};
});
}
var help = variation.get_Help();
me.pluginDlg = new Common.Views.PluginDlg({
guid: plugin.get_Guid(),
cls: isCustomWindow ? 'plain' : '',
header: !isCustomWindow,
title: Common.Utils.String.htmlEncode(langName),
width: size[0], // inner width
height: size[1], // inner height
url: url,
frameId : frameId,
buttons: isCustomWindow ? undefined : newBtns,
toolcallback: function(event) {
me.api.asc_pluginButtonClick(-1, plugin.get_Guid());
},
help: !!help,
loader: plugin.get_Loader(),
modal: isModal!==undefined ? isModal : true,
isCanDocked: variation.get_IsCanDocked ? variation.get_IsCanDocked() : false
});
me.pluginDlg.on({
'render:after': function(obj){
obj.getChild('.footer .dlg-btn').on('click', function(event) {
me.api.asc_pluginButtonClick(parseInt(event.currentTarget.attributes['result'].value), plugin.get_Guid());
});
me.pluginContainer = me.pluginDlg.$window.find('#id-plugin-container');
},
'close': function(obj){
me.pluginDlg = undefined;
},
'drag': function(args){
me.api.asc_pluginEnableMouseEvents(args[1]=='start');
args[0].enablePointerEvents(args[1]!=='start');
},
'resize': function(args){
me.api.asc_pluginEnableMouseEvents(args[1]=='start');
args[0].enablePointerEvents(args[1]!=='start');
},
'help': function(){
help && window.open(help, '_blank');
},
'docked': function(){
me.onPluginClose(plugin);
me.addPluginToSideMenu(plugin, variation, langName, menu, frameId, url);
me.savePluginDockedPosition(plugin.get_Guid(), Asc.PluginType.Panel);
},
'header:click': function(type){
me.api.asc_pluginButtonClick(type, plugin.get_Guid());
}
});
me.pluginDlg.show();
};
if (this.pluginDlg) {
this.api.asc_pluginButtonClick(-1, this.pluginDlg.guid);
setTimeout(createPluginDlg, 10);
} else {
createPluginDlg();
}
},
closePluginInPanel: function(guid) {
var panel = this.viewPlugins.pluginPanels[guid];
if (panel && panel.iframePlugin) {
panel.closeInsideMode(guid);
this.viewPlugins.pluginPanels[guid].$el.remove();
delete this.viewPlugins.pluginPanels[guid];
var model = this.viewPlugins.storePlugins.findWhere({guid: guid});
this.viewPlugins.fireEvent(model.get('menu') === 'right' ? 'pluginsright:close' : 'pluginsleft:close', [guid]);
return true;
}
return false;
},
savePluginDockedPosition: function(guid, position) {
var state = (Common.localStorage.getItem('plugins-docked-position') || '{}');
state = JSON.parse(state);
state[guid] = position;
Common.localStorage.setItem('plugins-docked-position', JSON.stringify(state));
},
getPluginDockedPosition: function(guid) {
var state = (Common.localStorage.getItem('plugins-docked-position') || '{}');
state = JSON.parse(state);
return state[guid];
},
openUIPlugin: function (id) {
var model = this.viewPlugins.storePlugins.findWhere({guid: id}),
menu = model ? model.get('menu') : (this.viewPlugins.customPluginPanels[id] && this.viewPlugins.customPluginPanels[id].menu);
this.viewPlugins.fireEvent(menu === 'right' ? 'pluginsright:open' : 'pluginsleft:open', [id]);
},
onPluginShow: function(plugin, variationIndex, frameId, urlAddition) {
var variation = plugin.get_Variations()[variationIndex];
if (variation.get_Visual()) {
var lang = this.appOptions && this.appOptions.lang ? this.appOptions.lang.split(/[\-_]/)[0] : 'en';
var url = variation.get_Url();
var langName = plugin.get_Name(lang);
var isCanDocked = variation.get_IsCanDocked ? variation.get_IsCanDocked() : false;
var dockedPosition = this.getPluginDockedPosition(plugin.get_Guid());
var menu = this.isPDFEditor ? 'left' : (variation.get_Type() === Asc.PluginType.PanelRight ? 'right' : 'left');
var isInsideMode = variation.get_InsideMode();
if(isCanDocked) {
isInsideMode = dockedPosition === Asc.PluginType.Panel || dockedPosition === Asc.PluginType.PanelRight;
menu = isInsideMode ? (dockedPosition === Asc.PluginType.PanelRight ? 'right' : 'left') : menu;
}
!menu && (menu = 'left');
url = ((plugin.get_BaseUrl().length == 0) ? url : plugin.get_BaseUrl()) + url;
if (urlAddition)
url += urlAddition;
if (isInsideMode) {
this.addPluginToSideMenu(plugin, variation, langName, menu, frameId, url);
} else {
this.addPluginToWindow(plugin, variation, langName, menu, frameId, url);
}
this.viewPlugins.openedPluginMode(plugin.get_Guid(), isInsideMode);
} else {
this.viewPlugins.openedPluginMode(plugin.get_Guid(), variation.get_InsideMode());
}
},
onPluginClose: function(plugin) {
var isIframePlugin = false,
guid = plugin.get_Guid();
if (this.pluginDlg && this.pluginDlg.guid === guid)
this.pluginDlg.close();
else {
var successClosed = this.closePluginInPanel(guid);
successClosed && (isIframePlugin = true);
}
!this.turnOffBackgroundPlugin(guid) && this.viewPlugins.closedPluginMode(guid, isIframePlugin);
this.runAutoStartPlugins();
Common.UI.LayoutManager.clearCustomMenuItems(guid); // remove custom menu items in toolbar
Common.UI.LayoutManager.clearCustomControls(guid); // remove custom toolbar buttons
},
onPluginResize: function(size, minSize, maxSize, callback ) {
if (this.pluginDlg) {
var resizable = (minSize && minSize.length>1 && maxSize && maxSize.length>1 && (maxSize[0] > minSize[0] || maxSize[1] > minSize[1] || maxSize[0]==0 || maxSize[1] == 0));
this.pluginDlg.setResizable(resizable, minSize, maxSize);
this.pluginDlg.setInnerSize(size[0], size[1]);
if (callback)
callback.call();
}
},
onToolClose: function(panel) {
this.api.asc_pluginButtonClick(-1, panel && panel._state.insidePlugin, panel && panel.frameId);
},
onToolHide: function(panel) {
panel && panel.sideMenuButton && panel.sideMenuButton.click();
},
onPluginsInit: function(pluginsdata, fromManager) {
!(pluginsdata instanceof Array) && (pluginsdata = pluginsdata["pluginsData"]);
this.parsePlugins(pluginsdata, false, true, fromManager);
},
onPluginShowButton: function(id, toRight) {
this.pluginDlg && this.pluginDlg.showButton(id, toRight);
},
onPluginHideButton: function(id) {
this.pluginDlg && this.pluginDlg.hideButton(id);
},
runAutoStartPlugins: function() {
if (this.autostart && this.autostart.length > 0) {
this.api.asc_pluginRun(this.autostart.shift(), 0, '');
}
},
resetPluginsList: function() {
this.getApplication().getCollection('Common.Collections.Plugins').reset();
},
applyUICustomization: function () {
var me = this;
return new Promise(function(resolve, reject) {
var timer_sl = setInterval(function() {
if ( me.customPluginsComplete ) {
clearInterval(timer_sl);
try {
me.configPlugins.UIplugins && me.configPlugins.UIplugins.forEach(function (c) {
if ( c.code ) eval(c.code);
});
} catch (e) {}
resolve();
}
}, 10);
});
},
parsePlugins: function(pluginsdata, uiCustomize, forceUpdate, fromManager) {
this.closeBackPluginsTip();
var me = this;
var pluginStore = this.getApplication().getCollection('Common.Collections.Plugins'),
isEdit = me.appOptions.isEdit,
editor = me.editor,
apiVersion = me.api ? me.api.GetVersion() : undefined;
if ( pluginsdata instanceof Array ) {
var arr = [], arrUI = [],
lang = me.appOptions.lang.split(/[\-_]/)[0];
pluginsdata.forEach(function(item){
var updatedItem;
if (forceUpdate) {
updatedItem = arr.find(function (i){
return i.get('baseUrl') == item.baseUrl || i.get('guid') == item.guid}
);
!updatedItem && (updatedItem = pluginStore.findWhere({baseUrl: item.baseUrl}));
!updatedItem && (updatedItem = pluginStore.findWhere({guid: item.guid}));
} else {
if ( arr.some(function(i) {
return (i.get('baseUrl') == item.baseUrl || i.get('guid') == item.guid);
}) || pluginStore.findWhere({baseUrl: item.baseUrl}) || pluginStore.findWhere({guid: item.guid}) )
{
return;
}
}
var variationsArr = [],
pluginVisible = false,
isDisplayedInViewer = false,
isBackgroundPlugin = false,
isSystem;
item.variations && item.variations.forEach(function(itemVar, itemInd){
var variationType = Asc.PluginType.getType(itemVar.type);
isSystem = (true === itemVar.isSystem) || (Asc.PluginType.System === variationType);
var visible = (isEdit || itemVar.isViewer && (itemVar.isDisplayedInViewer!==false)) && _.contains(itemVar.EditorsSupport, editor) && !isSystem;
if ( visible ) pluginVisible = true;
if (itemVar.isViewer && (itemVar.isDisplayedInViewer!==false))
isDisplayedInViewer = true;
if (item.isUICustomizer ) {
visible && arrUI.push({
url: item.baseUrl + itemVar.url
});
} else {
var model = new Common.Models.PluginVariation(itemVar);
var description = itemVar.description;
if (typeof itemVar.descriptionLocale == 'object')
description = itemVar.descriptionLocale[lang] || itemVar.descriptionLocale['en'] || description || '';
_.each(itemVar.buttons, function(b, index){
if (typeof b.textLocale == 'object')
b.text = b.textLocale[lang] || b.textLocale['en'] || b.text || '';
b.visible = (isEdit || b.isViewer !== false);
});
var icons = (typeof itemVar.icons === 'string' && itemVar.icons.indexOf('%') !== -1 || !itemVar.icons2) ? itemVar.icons : itemVar.icons2;
if (!icons) icons = '';
model.set({
description: description,
index: variationsArr.length,
url: itemVar.url,
icons: icons,
buttons: itemVar.buttons,
visible: visible,
help: itemVar.help
});
variationsArr.push(model);
if (itemInd === 0) {
isBackgroundPlugin = itemVar.type ? variationType === Asc.PluginType.Background : false;
}
}
});
if (variationsArr.length > 0 && !item.isUICustomizer) {
var name = item.name;
if (typeof item.nameLocale == 'object')
name = item.nameLocale[lang] || item.nameLocale['en'] || name || '';
if (pluginVisible)
pluginVisible = me.checkPluginVersion(apiVersion, item.minVersion);
if (item.guid === "asc.{E6978D28-0441-4BD7-8346-82FAD68BCA3B}") {
// item.tab = {
// "id": "view",
// "separator": true
// }
return; // hide macros plugin
}
var props = {
name : name,
guid: item.guid,
baseUrl : item.baseUrl,
variations: variationsArr,
currentVariation: 0,
visible: pluginVisible,
groupName: (item.group) ? item.group.name : '',
groupRank: (item.group) ? item.group.rank : 0,
minVersion: item.minVersion,
original: item,
isDisplayedInViewer: isDisplayedInViewer,
isBackgroundPlugin: pluginVisible && isBackgroundPlugin,
isSystem: isSystem,
tab: item.tab ? {action: item.tab.id, caption: ((typeof item.tab.text == 'object') ? item.tab.text[lang] || item.tab.text['en'] : item.tab.text) || '', separator: item.tab.separator} : undefined
};
updatedItem ? updatedItem.set(props) : arr.push(new Common.Models.Plugin(props));
if (fromManager && !updatedItem && props.isBackgroundPlugin) {
me.newInstalledBackgroundPlugins.push({
name: name,
guid: item.guid
});
}
}
});
if ( uiCustomize!==false ) // from ui customizer in editor config or desktop event
me.configPlugins.UIplugins = arrUI;
if ( !uiCustomize && pluginStore)
{
arr = pluginStore.models.concat(arr);
arr.sort(function(a, b){
var rank_a = a.get('groupRank'),
rank_b = b.get('groupRank');
if (rank_a < rank_b)
return (rank_a==0) ? 1 : -1;
if (rank_a > rank_b)
return (rank_b==0) ? -1 : 1;
return 0;
});
pluginStore.reset(arr);
this.appOptions.canPlugins = !pluginStore.isEmpty();
me.newInstalledBackgroundPlugins = _.filter(me.newInstalledBackgroundPlugins, function(item){
return !!pluginStore.findWhere({guid: item.guid});
})
}
}
else if (!uiCustomize){
this.appOptions.canPlugins = false;
}
if (!uiCustomize)
this.getApplication().getController('LeftMenu').enablePlugins();
if (this.appOptions.canPlugins) {
this.refreshPluginsList();
this.startOnPostLoad = !Common.Controllers.LaunchController.isScriptLoaded();
!this.startOnPostLoad && this.runAutoStartPlugins();
}
},
checkPluginVersion: function(apiVersion, pluginVersion) {
if (apiVersion && apiVersion!=='develop' && pluginVersion && typeof pluginVersion == 'string') {
var res = pluginVersion.match(/^([0-9]+)(?:.([0-9]+))?(?:.([0-9]+))?$/),
apires = apiVersion.match(/^([0-9]+)(?:.([0-9]+))?(?:.([0-9]+))?$/);
if (res && res.length>1 && apires && apires.length>1) {
for (var i=0; i<3; i++) {
var pluginVer = res[i+1] ? parseInt(res[i+1]) : 0,
apiVer = apires[i+1] ? parseInt(apires[i+1]) : 0;
if (pluginVer>apiVer)
return false;
if (pluginVer0)
arr = plugins.plugins;
if (plugins && plugins.config) {
var val = plugins.config.autostart || plugins.config.autoStartGuid;
if (typeof (val) == 'string')
val = [val];
warn = !!plugins.config.autoStartGuid;
autostart = val || [];
}
plugins = this.serverPlugins;
if (plugins.plugins && plugins.plugins.length>0)
arr = arr.concat(plugins.plugins);
if (plugins && plugins.config) {
val = plugins.config.autostart || plugins.config.autoStartGuid;
if (typeof (val) == 'string')
val = [val];
(warn || plugins.config.autoStartGuid) && console.warn("Obsolete: The autoStartGuid parameter is deprecated. Please check the documentation for new plugin connection configuration.");
autostart = autostart.concat(val || []);
}
this.autostart = autostart;
this.parsePlugins(arr, false);
}
},
getAppCustomPlugins: function (plugins) {
var me = this,
funcComplete = function() {me.customPluginsComplete = true;};
if ( plugins.config ) {
this.getPlugins(plugins.config.UIpluginsData)
.then(function(loaded)
{
me.parsePlugins(loaded, true);
me.getPlugins(plugins.UIplugins, function(item) {
return fetch(item.url)
.then(function(response) {
if ( response.ok ) return response.text();
else return Promise.reject();
})
.then(function(text) {
item.code = text;
return text;
});
}).then(funcComplete, funcComplete);
}, funcComplete);
} else
funcComplete();
},
onChangeProtectDocument: function(props) {
if (!props) {
var docprotect = this.getApplication().getController('DocProtection');
props = docprotect ? docprotect.getDocProps() : null;
}
if (props && this.viewPlugins) {
this.viewPlugins._state.docProtection = props;
Common.Utils.lockControls(Common.enumLock.docLockView, props.isReadOnly, {array: this.viewPlugins.lockedControls});
Common.Utils.lockControls(Common.enumLock.docLockForms, props.isFormsOnly, {array: this.viewPlugins.lockedControls});
Common.Utils.lockControls(Common.enumLock.docLockComments, props.isCommentsOnly, {array: this.viewPlugins.lockedControls});
}
},
onChangeDocMode: function (type) {
if (type === 'view' && this.pluginDlg) {
this.api.asc_pluginButtonClick(-1, this.pluginDlg.guid);
}
},
// Plugin can create windows
onPluginWindowShow: function(frameId, variation, lang) {
var me = this,
isCustomWindow = variation.isCustomWindow,
arrBtns = variation.buttons,
newBtns = [],
size = variation.size,
isModal = variation.isModal,
variationType = Asc.PluginType.getType(variation.type),
isPanel = variationType === Asc.PluginType.Panel || variationType === Asc.PluginType.PanelRight;
if (!size || size.length<2) size = [800, 600];
var description = variation.description;
if (typeof variation.descriptionLocale == 'object')
description = variation.descriptionLocale[lang] || variation.descriptionLocale['en'] || description || '';
_.isArray(arrBtns) && _.each(arrBtns, function(b, index){
if (typeof b.textLocale == 'object')
b.text = b.textLocale[lang] || b.textLocale['en'] || b.text || '';
if (me.appOptions.isEdit || b.isViewer !== false)
newBtns[index] = {caption: b.text, value: index, primary: b.primary, frameId: frameId};
});
var help = variation.help;
me.customPluginsDlg[frameId] = new Common.Views.PluginDlg({
cls: (isCustomWindow ? 'plain' : '') + (variation.transparent ? ' ' + 'no-background' : ''),
header: !isCustomWindow,
title: Common.Utils.String.htmlEncode(description),
width: size[0], // inner width
height: size[1], // inner height
url: variation.url,
frameId : frameId,
buttons: isCustomWindow ? undefined : newBtns,
toolcallback: function(event) {
me.api.asc_pluginButtonClick(-1, variation.guid, frameId);
},
help: !!help,
isCanDocked: variation.isCanDocked,
modal: isModal!==undefined ? isModal : true
});
me.customPluginsDlg[frameId].on({
'render:after': function(obj){
obj.getChild('.footer .dlg-btn').on('click', function(event) {
me.api.asc_pluginButtonClick(parseInt(event.currentTarget.attributes['result'].value), variation.guid, frameId);
});
me.customPluginsDlg[frameId].options.pluginContainer = me.customPluginsDlg[frameId].$window.find('#id-plugin-container');
},
'close': function(obj){
me.customPluginsDlg[frameId] = undefined;
},
'drag': function(args){
me.api.asc_pluginEnableMouseEvents(args[1]=='start', frameId);
args[0].enablePointerEvents(args[1]!=='start');
},
'resize': function(args){
me.api.asc_pluginEnableMouseEvents(args[1]=='start', frameId);
args[0].enablePointerEvents(args[1]!=='start');
},
'help': function(){
help && window.open(help, '_blank');
},
'docked': function(frameId){
me.api.asc_pluginButtonDockChanged(isPanel ? variation.type : 'panel', variation.guid, frameId, function(){
setTimeout(function () {
me.customPluginsDlg[frameId].close();
me.onPluginPanelShow(frameId, variation, lang);
}, 0);
});
},
'header:click': function(type){
me.api.asc_pluginButtonClick(type, variation.guid, frameId);
}
});
me.customPluginsDlg[frameId].show(variation.positionX, variation.positionY);
},
onApiPluginWindowShow: function(frameId, variation) {
if (!Common.Controllers.LaunchController.isScriptLoaded()) {
this.pluginsWinToShow.push({frameId: frameId, variation: variation});
return;
}
if (variation.isVisual) {
if (this.customPluginsDlg[frameId] || this.viewPlugins.customPluginPanels[frameId]) return;
var lang = this.appOptions && this.appOptions.lang ? this.appOptions.lang.split(/[\-_]/)[0] : 'en';
var variationType = Asc.PluginType.getType(variation.type);
var isSystem = (true === variation.isSystem) || (Asc.PluginType.System === variationType),
isPanel = variationType === Asc.PluginType.Panel || variationType === Asc.PluginType.PanelRight;
var visible = (this.appOptions.isEdit || variation.isViewer && (variation.isDisplayedInViewer!==false)) && _.contains(variation.EditorsSupport, this.editor) && !isSystem;
if (visible && isPanel) {
this.onPluginPanelShow(frameId, variation, lang);
} else if (visible && !variation.isInsideMode) {
this.onPluginWindowShow(frameId, variation, lang);
}
}
if (this.pluginsWinToShow.length>0) {
let plg = this.pluginsWinToShow.shift();
plg && this.onApiPluginWindowShow(plg.frameId, plg.variation);
}
},
onPluginWindowClose: function(frameId) {
if (this.pluginsWinToShow.length>0) {
this.pluginsWinToShow = _.reject(this.pluginsWinToShow, function (item) {
return item.frameId === frameId;
});
}
if (this.customPluginsDlg[frameId]) {
this.customPluginsDlg[frameId].close();
} else if (this.viewPlugins.customPluginPanels[frameId]) {
var panel = this.viewPlugins.customPluginPanels[frameId];
if (panel && panel.iframePlugin) {
panel.closeInsideMode();
panel.$el.remove();
delete this.viewPlugins.customPluginPanels[frameId];
this.viewPlugins.fireEvent(panel.menu === 'right' ? 'pluginsright:close' : 'pluginsleft:close', [frameId]);
}
}
},
onPluginWindowResize: function(frameId, size, minSize, maxSize, callback ) {
if (this.customPluginsDlg[frameId]) {
var resizable = (minSize && minSize.length>1 && maxSize && maxSize.length>1 && (maxSize[0] > minSize[0] || maxSize[1] > minSize[1] || maxSize[0]==0 || maxSize[1] == 0));
this.customPluginsDlg[frameId].setResizable(resizable, minSize, maxSize);
this.customPluginsDlg[frameId].setInnerSize(size[0], size[1]);
}
if (callback) {
callback.call();
}
},
onPluginPanelShow: function (frameId, variation, lang) {
var guid = variation.guid,
menu = this.isPDFEditor ? 'left' : (variation.type == 'panelRight' ? 'right' : 'left');
!menu && (menu = 'left');
var description = variation.description;
if (typeof variation.descriptionLocale == 'object')
description = variation.descriptionLocale[lang] || variation.descriptionLocale['en'] || description || '';
var baseUrl = variation.baseUrl || "",
model = this.viewPlugins.storePlugins.findWhere({guid: guid}),
icons = variation.icons,
icon_cls,
isActivated = variation.isActivated!==false;
if (model) {
if ("" === baseUrl)
baseUrl = model.get('baseUrl');
if (!icons) {
var modes = model.get('variations');
icons = modes[model.get('currentVariation')].get('icons');
}
}
if (!icons) {
icon_cls = 'icon toolbar__icon btn-plugin-panel-default';
}
var $button = $(''),
button = new Common.UI.ButtonCustom({
cls: 'btn-category plugin-buttons',
hint: description,
enableToggle: true,
toggleGroup: menu === 'right' ? 'tabpanelbtnsGroup' : 'leftMenuGroup',
iconCls: icon_cls,
iconsSet: this.viewPlugins.iconsStr2IconsObj(icons),
baseUrl: baseUrl, // icons have a relative path, so need to use the base url
onlyIcon: true,
value: frameId,
type: 'plugin'
});
button.render($button);
var $panel = $('');
this.viewPlugins.fireEvent(menu === 'right' ? 'plugins:addtoright' : 'plugins:addtoleft', [button, $button, $panel]);
this.viewPlugins.customPluginPanels[frameId] = new Common.Views.PluginPanel({
el: '#panel-plugins-' + frameId,
menu: menu,
frameId: frameId,
baseUrl: baseUrl,
icons: icons,
sideMenuButton: button,
isCanDocked: variation.isCanDocked
});
this.viewPlugins.customPluginPanels[frameId].on('render:after', _.bind(this.onAfterRender, this, this.viewPlugins.customPluginPanels[frameId], frameId, isActivated));
this.viewPlugins.customPluginPanels[frameId].on('docked', _.bind(function(frameId) {
var _plugins = this;
this.api.asc_pluginButtonDockChanged('window', variation.guid, frameId, function(){
setTimeout( _.bind(function() {
_plugins.onPluginWindowClose(frameId);
_plugins.onPluginWindowShow(frameId, variation, lang);
}, this), 0);
});
}, this));
if (!this.viewPlugins.customPluginPanels[frameId].openInsideMode(description, variation.url, frameId, guid))
this.api.asc_pluginButtonClick(-1, guid, frameId);
},
onModalClose: function () {
var plugins = this.newInstalledBackgroundPlugins;
if (plugins && plugins.length > 0 && this.viewPlugins.backgroundBtn && this.viewPlugins.backgroundBtn.isVisible()) {
var text = plugins.length > 1 ? this.textPluginsSuccessfullyInstalled :
Common.Utils.String.format(this.textPluginSuccessfullyInstalled, plugins[0].name);
if (this.backgroundPluginsTip && this.backgroundPluginsTip.isVisible()) {
this.backgroundPluginsTip.close();
}
this.backgroundPluginsTip = new Common.UI.SynchronizeTip({
extCls: 'colored',
placement: 'bottom',
target: this.viewPlugins.backgroundBtn.$el,
text: text,
showLink: true,
textLink: plugins.length > 1 ? this.textRunInstalledPlugins : this.textRunPlugin
});
this.backgroundPluginsTip.on('dontshowclick', function() {
this.backgroundPluginsTip.close();
this.backgroundPluginsTip = undefined;
this.newInstalledBackgroundPlugins.forEach(_.bind(function (item) {
this.api.asc_pluginRun(item.guid, 0, '');
}, this));
this.newInstalledBackgroundPlugins.length = 0;
}, this);
this.backgroundPluginsTip.on('closeclick', function () {
this.closeBackPluginsTip();
}, this);
this.backgroundPluginsTip.show();
}
},
onActiveTab: function (tab) {
if (tab === 'plugins') {
} else {
this.closeBackPluginsTip();
}
},
closeBackPluginsTip: function() {
if (this.backgroundPluginsTip) {
this.backgroundPluginsTip.close();
this.backgroundPluginsTip = undefined;
this.newInstalledBackgroundPlugins && (this.newInstalledBackgroundPlugins.length = 0);
}
},
onPostLoadComplete: function() {
if (this.pluginsWinToShow.length>0) {
let plg = this.pluginsWinToShow.shift();
plg && this.onApiPluginWindowShow(plg.frameId, plg.variation);
}
this.startOnPostLoad && this.runAutoStartPlugins();
},
textRunPlugin: 'Run plugin',
textRunInstalledPlugins: 'Run installed plugins',
textPluginSuccessfullyInstalled: '{0} is successfully installed. You can access all background plugins here.',
textPluginsSuccessfullyInstalled: 'Plugins are successfully installed. You can access all background plugins here.'
}, Common.Controllers.Plugins || {}));
});