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

Use customization.layout section for hide statusBar, toolbar (instead of customizaton.statusBar, customizaton.toolbar parameters)

Browse source
This commit is contained in:
Julia Radzhabova 2022-01-11 22:59:57 +03:00
parent aed49ae962
commit 28322d75f8
10 changed files with 32 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
apps/api/documents/api.js
View file

@ -165,7 +165,7 @@
navigation: false/true // navigation button in de navigation: false/true // navigation button in de
} / false / true, // view tab } / false / true, // view tab
save: false/true // save button on toolbar in save: false/true // save button on toolbar in
}, } / false / true, // use instead of customization.toolbar,
header: { header: {
users: false/true // users list button users: false/true // users list button
save: false/true // save button save: false/true // save button
@ -179,7 +179,7 @@
textLang: false/true // text language button in de/pe textLang: false/true // text language button in de/pe
docLang: false/true // document language button in de/pe docLang: false/true // document language button in de/pe
actionStatus: false/true // status of operation actionStatus: false/true // status of operation
} } / false / true, // use instead of customization.statusBar
}, },
features: { // disable feature features: { // disable feature
spellcheck: { spellcheck: {
@ -194,8 +194,8 @@
leftMenu: true, // must be deprecated. use layout.leftMenu instead leftMenu: true, // must be deprecated. use layout.leftMenu instead
rightMenu: true, // must be deprecated. use layout.rightMenu instead rightMenu: true, // must be deprecated. use layout.rightMenu instead
hideRightMenu: false, // hide or show right panel on first loading hideRightMenu: false, // hide or show right panel on first loading
toolbar: true, toolbar: true, // must be deprecated. use layout.toolbar instead
statusBar: true, statusBar: true, // must be deprecated. use layout.statusBar instead
autosave: true, autosave: true,
forcesave: false, forcesave: false,
commentAuthorOnly: false, // must be deprecated. use permissions.editCommentAuthorOnly and permissions.deleteCommentAuthorOnly instead commentAuthorOnly: false, // must be deprecated. use permissions.editCommentAuthorOnly and permissions.deleteCommentAuthorOnly instead

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

@ -2084,6 +2084,10 @@ define([
console.log("Obsolete: The 'leftMenu' parameter of the 'customization' section is deprecated. Please use 'leftMenu' parameter in the 'customization.layout' section instead."); console.log("Obsolete: The 'leftMenu' parameter of the 'customization' section is deprecated. Please use 'leftMenu' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.rightMenu!==undefined) if (this.appOptions.customization.rightMenu!==undefined)
console.log("Obsolete: The 'rightMenu' parameter of the 'customization' section is deprecated. Please use 'rightMenu' parameter in the 'customization.layout' section instead."); console.log("Obsolete: The 'rightMenu' parameter of the 'customization' section is deprecated. Please use 'rightMenu' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.statusBar!==undefined)
console.log("Obsolete: The 'statusBar' parameter of the 'customization' section is deprecated. Please use 'statusBar' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.toolbar!==undefined)
console.log("Obsolete: The 'toolbar' parameter of the 'customization' section is deprecated. Please use 'toolbar' parameter in the 'customization.layout' section instead.");
} }
promise = this.getApplication().getController('Common.Controllers.Plugins').applyUICustomization(); promise = this.getApplication().getController('Common.Controllers.Plugins').applyUICustomization();
} }

6
apps/documenteditor/main/app/controller/Viewport.js
View file

@ -171,7 +171,7 @@ define([
var _intvars = Common.Utils.InternalSettings; var _intvars = Common.Utils.InternalSettings;
var $filemenu = $('.toolbar-fullview-panel'); var $filemenu = $('.toolbar-fullview-panel');
$filemenu.css('top', _intvars.get('toolbar-height-tabs')); $filemenu.css('top', Common.UI.LayoutManager.isElementVisible('toolbar') ? _intvars.get('toolbar-height-tabs') : 0);
me.viewport.$el.attr('applang', me.appConfig.lang.split(/[\-_]/)[0]); me.viewport.$el.attr('applang', me.appConfig.lang.split(/[\-_]/)[0]);
@ -205,7 +205,7 @@ define([
_intvars.set('toolbar-height-compact', _tabs_new_height); _intvars.set('toolbar-height-compact', _tabs_new_height);
_intvars.set('toolbar-height-normal', _tabs_new_height + _intvars.get('toolbar-height-controls')); _intvars.set('toolbar-height-normal', _tabs_new_height + _intvars.get('toolbar-height-controls'));
$filemenu.css('top', _tabs_new_height + _intvars.get('document-title-height')); $filemenu.css('top', (Common.UI.LayoutManager.isElementVisible('toolbar') ? _tabs_new_height : 0) + _intvars.get('document-title-height'));
toolbar = me.getApplication().getController('Toolbar').getView(); toolbar = me.getApplication().getController('Toolbar').getView();
toolbar.btnCollabChanges = me.header.btnSave; toolbar.btnCollabChanges = me.header.btnSave;
@ -246,7 +246,7 @@ define([
value: 'statusbar' value: 'statusbar'
}); });
if ( config.canBrandingExt && config.customization && config.customization.statusBar === false ) if ( config.canBrandingExt && config.customization && config.customization.statusBar === false || !Common.UI.LayoutManager.isElementVisible('statusBar'))
me.header.mnuitemHideStatusBar.hide(); me.header.mnuitemHideStatusBar.hide();
me.header.mnuitemHideRulers = new Common.UI.MenuItem({ me.header.mnuitemHideRulers = new Common.UI.MenuItem({

4
apps/documenteditor/main/app/template/Viewport.template
View file

@ -4,7 +4,7 @@
<div id="file-menu-panel" class="toolbar-fullview-panel hint-section" style="display:none;"></div> <div id="file-menu-panel" class="toolbar-fullview-panel hint-section" style="display:none;"></div>
</section> </section>
<section id="app-title" class="layout-item"></section> <section id="app-title" class="layout-item"></section>
<div id="toolbar" class="layout-item hint-section"></div> <div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar"></div>
<div class="layout-item middle"> <div class="layout-item middle">
<div id="viewport-hbox-layout" class="layout-ct hbox"> <div id="viewport-hbox-layout" class="layout-ct hbox">
<div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div> <div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div>
@ -14,6 +14,6 @@
<div id="left-panel-history" class="layout-item"></div> <div id="left-panel-history" class="layout-item"></div>
</div> </div>
</div> </div>
<div id="statusbar" class="layout-item"></div> <div id="statusbar" class="layout-item" data-layout-name="statusBar"></div>
</div> </div>
</div> </div>

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

@ -1720,6 +1720,10 @@ define([
console.log("Obsolete: The 'leftMenu' parameter of the 'customization' section is deprecated. Please use 'leftMenu' parameter in the 'customization.layout' section instead."); console.log("Obsolete: The 'leftMenu' parameter of the 'customization' section is deprecated. Please use 'leftMenu' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.rightMenu!==undefined) if (this.appOptions.customization.rightMenu!==undefined)
console.log("Obsolete: The 'rightMenu' parameter of the 'customization' section is deprecated. Please use 'rightMenu' parameter in the 'customization.layout' section instead."); console.log("Obsolete: The 'rightMenu' parameter of the 'customization' section is deprecated. Please use 'rightMenu' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.statusBar!==undefined)
console.log("Obsolete: The 'statusBar' parameter of the 'customization' section is deprecated. Please use 'statusBar' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.toolbar!==undefined)
console.log("Obsolete: The 'toolbar' parameter of the 'customization' section is deprecated. Please use 'toolbar' parameter in the 'customization.layout' section instead.");
} }
promise = this.getApplication().getController('Common.Controllers.Plugins').applyUICustomization(); promise = this.getApplication().getController('Common.Controllers.Plugins').applyUICustomization();
} }

6
apps/presentationeditor/main/app/controller/Viewport.js
View file

@ -181,7 +181,7 @@ define([
var _intvars = Common.Utils.InternalSettings; var _intvars = Common.Utils.InternalSettings;
var $filemenu = $('.toolbar-fullview-panel'); var $filemenu = $('.toolbar-fullview-panel');
$filemenu.css('top', _intvars.get('toolbar-height-tabs')); $filemenu.css('top', Common.UI.LayoutManager.isElementVisible('toolbar') ? _intvars.get('toolbar-height-tabs') : 0);
me.viewport.$el.attr('applang', me.appConfig.lang.split(/[\-_]/)[0]); me.viewport.$el.attr('applang', me.appConfig.lang.split(/[\-_]/)[0]);
@ -206,7 +206,7 @@ define([
_intvars.set('toolbar-height-compact', _tabs_new_height); _intvars.set('toolbar-height-compact', _tabs_new_height);
_intvars.set('toolbar-height-normal', _tabs_new_height + _intvars.get('toolbar-height-controls')); _intvars.set('toolbar-height-normal', _tabs_new_height + _intvars.get('toolbar-height-controls'));
$filemenu.css('top', _tabs_new_height + _intvars.get('document-title-height')); $filemenu.css('top', (Common.UI.LayoutManager.isElementVisible('toolbar') ? _tabs_new_height : 0) + _intvars.get('document-title-height'));
toolbar = me.getApplication().getController('Toolbar').getView('Toolbar'); toolbar = me.getApplication().getController('Toolbar').getView('Toolbar');
toolbar.btnCollabChanges = me.header.btnSave; toolbar.btnCollabChanges = me.header.btnSave;
@ -255,7 +255,7 @@ define([
value: 'statusbar' value: 'statusbar'
}); });
if ( config.canBrandingExt && config.customization && config.customization.statusBar === false ) if ( config.canBrandingExt && config.customization && config.customization.statusBar === false || !Common.UI.LayoutManager.isElementVisible('statusBar'))
me.header.mnuitemHideStatusBar.hide(); me.header.mnuitemHideStatusBar.hide();
me.header.mnuitemHideRulers = new Common.UI.MenuItem({ me.header.mnuitemHideRulers = new Common.UI.MenuItem({

4
apps/presentationeditor/main/app/template/Viewport.template
View file

@ -5,7 +5,7 @@
</section> </section>
<div id="viewport-vbox-layout" class="layout-ct vbox"> <div id="viewport-vbox-layout" class="layout-ct vbox">
<section id="app-title" class="layout-item"></section> <section id="app-title" class="layout-item"></section>
<div id="toolbar" class="layout-item hint-section"></div> <div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar"></div>
<div class="layout-item middle"> <div class="layout-item middle">
<div id="viewport-hbox-layout" class="layout-ct hbox"> <div id="viewport-hbox-layout" class="layout-ct hbox">
<div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div> <div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div>
@ -15,6 +15,6 @@
<div id="left-panel-history" class="layout-item"></div> <div id="left-panel-history" class="layout-item"></div>
</div> </div>
</div> </div>
<div id="statusbar" class="layout-item"></div> <div id="statusbar" class="layout-item" data-layout-name="statusBar"></div>
</div> </div>
</div> </div>

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

@ -2090,6 +2090,10 @@ define([
console.log("Obsolete: The 'leftMenu' parameter of the 'customization' section is deprecated. Please use 'leftMenu' parameter in the 'customization.layout' section instead."); console.log("Obsolete: The 'leftMenu' parameter of the 'customization' section is deprecated. Please use 'leftMenu' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.rightMenu!==undefined) if (this.appOptions.customization.rightMenu!==undefined)
console.log("Obsolete: The 'rightMenu' parameter of the 'customization' section is deprecated. Please use 'rightMenu' parameter in the 'customization.layout' section instead."); console.log("Obsolete: The 'rightMenu' parameter of the 'customization' section is deprecated. Please use 'rightMenu' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.statusBar!==undefined)
console.log("Obsolete: The 'statusBar' parameter of the 'customization' section is deprecated. Please use 'statusBar' parameter in the 'customization.layout' section instead.");
if (this.appOptions.customization.toolbar!==undefined)
console.log("Obsolete: The 'toolbar' parameter of the 'customization' section is deprecated. Please use 'toolbar' parameter in the 'customization.layout' section instead.");
} }
promise = this.getApplication().getController('Common.Controllers.Plugins').applyUICustomization(); promise = this.getApplication().getController('Common.Controllers.Plugins').applyUICustomization();
} }

6
apps/spreadsheeteditor/main/app/controller/Viewport.js
View file

@ -152,7 +152,7 @@ define([
var _intvars = Common.Utils.InternalSettings; var _intvars = Common.Utils.InternalSettings;
var $filemenu = $('.toolbar-fullview-panel'); var $filemenu = $('.toolbar-fullview-panel');
$filemenu.css('top', _intvars.get('toolbar-height-tabs')); $filemenu.css('top', Common.UI.LayoutManager.isElementVisible('toolbar') ? _intvars.get('toolbar-height-tabs') : 0);
me.viewport.$el.attr('applang', me.appConfig.lang.split(/[\-_]/)[0]); me.viewport.$el.attr('applang', me.appConfig.lang.split(/[\-_]/)[0]);
@ -180,7 +180,7 @@ define([
_intvars.set('toolbar-height-compact', _tabs_new_height); _intvars.set('toolbar-height-compact', _tabs_new_height);
_intvars.set('toolbar-height-normal', _tabs_new_height + _intvars.get('toolbar-height-controls')); _intvars.set('toolbar-height-normal', _tabs_new_height + _intvars.get('toolbar-height-controls'));
$filemenu.css('top', _tabs_new_height + _intvars.get('document-title-height')); $filemenu.css('top', (Common.UI.LayoutManager.isElementVisible('toolbar') ? _tabs_new_height : 0) + _intvars.get('document-title-height'));
} }
if ( config.customization ) { if ( config.customization ) {
@ -225,6 +225,8 @@ define([
checkable: true, checkable: true,
value: 'statusbar' value: 'statusbar'
}); });
if ( config.canBrandingExt && config.customization && config.customization.statusBar === false || !Common.UI.LayoutManager.isElementVisible('statusBar'))
me.header.mnuitemCompactStatusBar.hide();
me.header.mnuitemHideFormulaBar = new Common.UI.MenuItem({ me.header.mnuitemHideFormulaBar = new Common.UI.MenuItem({
caption : me.textHideFBar, caption : me.textHideFBar,

4
apps/spreadsheeteditor/main/app/template/Viewport.template
View file

@ -4,7 +4,7 @@
<div id="file-menu-panel" class="toolbar-fullview-panel hint-section" style="display:none;"></div> <div id="file-menu-panel" class="toolbar-fullview-panel hint-section" style="display:none;"></div>
</section> </section>
<section id="app-title" class="layout-item"></section> <section id="app-title" class="layout-item"></section>
<div id="toolbar" class="layout-item hint-section"></div> <div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar"></div>
<div class="layout-item"> <div class="layout-item">
<div id="viewport-hbox-layout" class="layout-ct hbox"> <div id="viewport-hbox-layout" class="layout-ct hbox">
<div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div> <div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div>
@ -19,6 +19,6 @@
<div id="left-panel-history" class="layout-item hint-section"></div> <div id="left-panel-history" class="layout-item hint-section"></div>
</div> </div>
</div> </div>
<div id="statusbar" class="layout-item"></div> <div id="statusbar" class="layout-item" data-layout-name="statusBar"></div>
</div> </div>
</div> </div>