Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Set full plugins list to sdk, but add buttons to the toolbar using "EditorsSupport" field .

Browse source
This commit is contained in:
Julia Radzhabova 2017-09-11 15:47:36 +03:00
parent 3da352c6e7
commit 4eaf251ae5
6 changed files with 131 additions and 110 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
apps/common/main/lib/controller/Plugins.js
View file

@ -177,6 +177,7 @@ define([
var me = this; var me = this;
if ( me.$toolbarPanelPlugins ) { if ( me.$toolbarPanelPlugins ) {
var btn = me.panelPlugins.createPluginButton(model); var btn = me.panelPlugins.createPluginButton(model);
if (!btn) return;
var _group = $('> .group', me.$toolbarPanelPlugins); var _group = $('> .group', me.$toolbarPanelPlugins);
var $slot = $('<span class="slot"></span>').appendTo(_group); var $slot = $('<span class="slot"></span>').appendTo(_group);
@ -191,10 +192,12 @@ define([
var _group = $('<div class="group"></div>'); var _group = $('<div class="group"></div>');
collection.each(function (model) { collection.each(function (model) {
var btn = me.panelPlugins.createPluginButton(model);
if (btn) {
var $slot = $('<span class="slot"></span>').appendTo(_group); var $slot = $('<span class="slot"></span>').appendTo(_group);
me.panelPlugins.createPluginButton(model).render($slot); btn.render($slot);
}
}); });
_group.appendTo(me.$toolbarPanelPlugins); _group.appendTo(me.$toolbarPanelPlugins);
} }
}, },

6
apps/common/main/lib/model/Plugin.js
View file

@ -66,7 +66,8 @@ define([
isUpdateOleOnResize: false, isUpdateOleOnResize: false,
buttons: [], buttons: [],
size: [800, 600], size: [800, 600],
initOnSelectionChanged: false initOnSelectionChanged: false,
visible: true
} }
} }
}); });
@ -82,7 +83,8 @@ define([
currentVariation: 0, currentVariation: 0,
pluginObj: undefined, pluginObj: undefined,
allowSelected: false, allowSelected: false,
selected: false selected: false,
visible: true
} }
} }
}); });

31
apps/common/main/lib/view/Plugins.js
View file

@ -93,7 +93,7 @@ define([
store: this.storePlugins, store: this.storePlugins,
enableKeyEvents: false, enableKeyEvents: false,
itemTemplate: _.template([ itemTemplate: _.template([
'<div id="<%= id %>" class="item-plugins" style="display: block;">', '<div id="<%= id %>" class="item-plugins" style="display: <% if (visible) {%> block; <%} else {%> none; <% } %>">',
'<div class="plugin-icon" style="background-image: url(' + '<%= baseUrl %>' + '<%= variations[currentVariation].get("icons")[((window.devicePixelRatio > 1) ? 1 : 0) + (variations[currentVariation].get("icons").length>2 ? 2 : 0)] %>);"></div>', '<div class="plugin-icon" style="background-image: url(' + '<%= baseUrl %>' + '<%= variations[currentVariation].get("icons")[((window.devicePixelRatio > 1) ? 1 : 0) + (variations[currentVariation].get("icons").length>2 ? 2 : 0)] %>);"></div>',
'<% if (variations.length>1) { %>', '<% if (variations.length>1) { %>',
'<div class="plugin-caret img-commonctrl"></div>', '<div class="plugin-caret img-commonctrl"></div>',
@ -147,6 +147,7 @@ define([
var me = this; var me = this;
var _group = $('<div class="group"></div>'); var _group = $('<div class="group"></div>');
this.storePlugins.each(function (model) { this.storePlugins.each(function (model) {
if (model.get('visible')) {
var modes = model.get('variations'), var modes = model.get('variations'),
guid = model.get('guid'), guid = model.get('guid'),
icons = modes[model.get('currentVariation')].get('icons'), icons = modes[model.get('currentVariation')].get('icons'),
@ -166,6 +167,7 @@ define([
model.set('button', btn); model.set('button', btn);
me.lockedControls.push(btn); me.lockedControls.push(btn);
}
}); });
parent.html(_group); parent.html(_group);
@ -260,11 +262,13 @@ define([
var model = this.storePlugins.findWhere({guid: guid}); var model = this.storePlugins.findWhere({guid: guid});
if ( model ) { if ( model ) {
var _btn = model.get('button'); var _btn = model.get('button');
if (_btn) {
_btn.toggle(false); _btn.toggle(false);
if (_btn.menu && _btn.menu.items.length>0) { if (_btn.menu && _btn.menu.items.length>0) {
_btn.menu.items[0].setCaption(this.textStart); _btn.menu.items[0].setCaption(this.textStart);
} }
} }
}
}, },
_onLoad: function() { _onLoad: function() {
@ -276,31 +280,36 @@ define([
}, },
createPluginButton: function (model) { createPluginButton: function (model) {
if (!model.get('visible'))
return null;
var me = this; var me = this;
var modes = model.get('variations'), var modes = model.get('variations'),
guid = model.get('guid'), guid = model.get('guid'),
icons = modes[model.get('currentVariation')].get('icons'), icons = modes[model.get('currentVariation')].get('icons'),
icon_url = model.get('baseUrl') + icons[((window.devicePixelRatio > 1) ? 1 : 0) + (icons.length > 2 ? 2 : 0)]; icon_url = model.get('baseUrl') + icons[((window.devicePixelRatio > 1) ? 1 : 0) + (icons.length > 2 ? 2 : 0)];
var _menu_items = [];
_.each(model.get('variations'), function(variation, index) {
if (variation.get('visible'))
_menu_items.push({
caption : index > 0 ? variation.get('description') : me.textStart,
value : parseInt(variation.get('index'))
});
});
var btn = new Common.UI.Button({ var btn = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top', cls: 'btn-toolbar x-huge icon-top',
iconImg: icon_url, iconImg: icon_url,
caption: model.get('name'), caption: model.get('name'),
menu: modes && modes.length > 1, menu: _menu_items.length > 1,
split: modes && modes.length > 1, split: _menu_items.length > 1,
value: guid, value: guid,
hint: model.get('name') hint: model.get('name')
}); });
if ( btn.split ) { if ( btn.split ) {
var _menu_items = [];
_.each(model.get('variations'), function(version, index) {
_menu_items.push({
caption : index > 0 ? version.get('description') : me.textStart,
value : parseInt(version.get('index'))
});
});
btn.setMenu( btn.setMenu(
new Common.UI.Menu({ new Common.UI.Menu({
items: _menu_items, items: _menu_items,

18
apps/documenteditor/main/app/controller/Main.js
View file

@ -1909,11 +1909,12 @@ define([
if (plugins) { if (plugins) {
var arr = [], arrUI = []; var arr = [], arrUI = [];
plugins.pluginsData.forEach(function(item){ plugins.pluginsData.forEach(function(item){
var variationsArr = []; var variationsArr = [],
pluginVisible = false;
item.variations.forEach(function(itemVar){ item.variations.forEach(function(itemVar){
if ( (isEdit || itemVar.isViewer) && var visible = (isEdit || itemVar.isViewer) && _.contains(itemVar.EditorsSupport, 'word');
_.contains(itemVar.EditorsSupport, 'word') ) if ( visible ) pluginVisible = true;
{
var icons = itemVar.icons; var icons = itemVar.icons;
if (item.oldVersion) { // for compatibility with previouse version of server, where plugins.url is used. if (item.oldVersion) { // for compatibility with previouse version of server, where plugins.url is used.
icons = []; icons = [];
@ -1923,19 +1924,19 @@ define([
} }
if (item.isUICustomizer ) { if (item.isUICustomizer ) {
arrUI.push(item.baseUrl + itemVar.url) visible && arrUI.push(item.baseUrl + itemVar.url);
} else { } else {
var model = new Common.Models.PluginVariation(itemVar); var model = new Common.Models.PluginVariation(itemVar);
model.set({ model.set({
index: variationsArr.length, index: variationsArr.length,
url: (item.oldVersion) ? (itemVar.url.substring(itemVar.url.lastIndexOf("\/") + 1) ) : itemVar.url, url: (item.oldVersion) ? (itemVar.url.substring(itemVar.url.lastIndexOf("\/") + 1) ) : itemVar.url,
icons: icons icons: icons,
visible: visible
}); });
variationsArr.push(model); variationsArr.push(model);
} }
}
}); });
if (variationsArr.length>0 && !item.isUICustomizer) if (variationsArr.length>0 && !item.isUICustomizer)
@ -1944,7 +1945,8 @@ define([
guid: item.guid, guid: item.guid,
baseUrl : item.baseUrl, baseUrl : item.baseUrl,
variations: variationsArr, variations: variationsArr,
currentVariation: 0 currentVariation: 0,
visible: pluginVisible
})); }));
}); });

17
apps/presentationeditor/main/app/controller/Main.js
View file

@ -1684,11 +1684,13 @@ define([
if (uiCustomize!==undefined && (pluginStore.findWhere({baseUrl : item.baseUrl}) || pluginStore.findWhere({guid : item.guid}))) return; if (uiCustomize!==undefined && (pluginStore.findWhere({baseUrl : item.baseUrl}) || pluginStore.findWhere({guid : item.guid}))) return;
var variations = item.variations, var variations = item.variations,
variationsArr = []; variationsArr = [],
pluginVisible = false;
variations.forEach(function(itemVar){ variations.forEach(function(itemVar){
var isSupported = itemVar.EditorsSupport.includes('slide'); var isSupported = itemVar.EditorsSupport.includes('slide'),
visible = isSupported && (isEdit || itemVar.isViewer);
if ( visible ) pluginVisible = true;
if ( isSupported && (isEdit || itemVar.isViewer) ){
var icons = itemVar.icons; var icons = itemVar.icons;
if (item.oldVersion) { // for compatibility with previouse version of server, where plugins.url is used. if (item.oldVersion) { // for compatibility with previouse version of server, where plugins.url is used.
icons = []; icons = [];
@ -1698,19 +1700,19 @@ define([
} }
if ( item.isUICustomizer ) { if ( item.isUICustomizer ) {
arrUI.push(item.baseUrl + itemVar.url); visible && arrUI.push(item.baseUrl + itemVar.url);
} else { } else {
var model = new Common.Models.PluginVariation(itemVar); var model = new Common.Models.PluginVariation(itemVar);
model.set({ model.set({
index: variationsArr.length, index: variationsArr.length,
url: (item.oldVersion) ? (itemVar.url.substring(itemVar.url.lastIndexOf("\/") + 1) ) : itemVar.url, url: (item.oldVersion) ? (itemVar.url.substring(itemVar.url.lastIndexOf("\/") + 1) ) : itemVar.url,
icons: icons icons: icons,
visible: visible
}); });
variationsArr.push(model); variationsArr.push(model);
} }
}
}); });
if (variationsArr.length>0 && !item.isUICustomizer) if (variationsArr.length>0 && !item.isUICustomizer)
arr.push(new Common.Models.Plugin({ arr.push(new Common.Models.Plugin({
@ -1718,7 +1720,8 @@ define([
guid: item.guid, guid: item.guid,
baseUrl : item.baseUrl, baseUrl : item.baseUrl,
variations: variationsArr, variations: variationsArr,
currentVariation: 0 currentVariation: 0,
visible: pluginVisible
})); }));
}); });

18
apps/spreadsheeteditor/main/app/controller/Main.js
View file

@ -1864,11 +1864,12 @@ define([
if (uiCustomize!==undefined && (pluginStore.findWhere({baseUrl : item.baseUrl}) || pluginStore.findWhere({guid : item.guid}))) return; if (uiCustomize!==undefined && (pluginStore.findWhere({baseUrl : item.baseUrl}) || pluginStore.findWhere({guid : item.guid}))) return;
var variations = item.variations, var variations = item.variations,
variationsArr = []; variationsArr = [],
pluginVisible = false;
variations.forEach(function(itemVar){ variations.forEach(function(itemVar){
if ((isEdit || itemVar.isViewer) && var visible = (isEdit || itemVar.isViewer) && itemVar.EditorsSupport.includes('cell');
itemVar.EditorsSupport.includes('cell') ) if ( visible ) pluginVisible = true;
{
var icons = itemVar.icons; var icons = itemVar.icons;
if (item.oldVersion) { // for compatibility with previouse version of server, where plugins.url is used. if (item.oldVersion) { // for compatibility with previouse version of server, where plugins.url is used.
icons = []; icons = [];
@ -1878,19 +1879,19 @@ define([
} }
if ( item.isUICustomizer ) { if ( item.isUICustomizer ) {
arrUI.push(item.baseUrl + itemVar.url); visible && arrUI.push(item.baseUrl + itemVar.url);
} else { } else {
var model = new Common.Models.PluginVariation(itemVar); var model = new Common.Models.PluginVariation(itemVar);
model.set({ model.set({
index: variationsArr.length, index: variationsArr.length,
url: (item.oldVersion) ? (itemVar.url.substring(itemVar.url.lastIndexOf("\/") + 1)) : itemVar.url, url: (item.oldVersion) ? (itemVar.url.substring(itemVar.url.lastIndexOf("\/") + 1)) : itemVar.url,
icons: icons icons: icons,
visible: visible
}); });
variationsArr.push(model); variationsArr.push(model);
} }
}
}); });
if (variationsArr.length>0 && !item.isUICustomizer) if (variationsArr.length>0 && !item.isUICustomizer)
arr.push(new Common.Models.Plugin({ arr.push(new Common.Models.Plugin({
@ -1898,7 +1899,8 @@ define([
guid: item.guid, guid: item.guid,
baseUrl : item.baseUrl, baseUrl : item.baseUrl,
variations: variationsArr, variations: variationsArr,
currentVariation: 0 currentVariation: 0,
visible: pluginVisible
})); }));
}); });