diff --git a/apps/common/main/lib/component/Button.js b/apps/common/main/lib/component/Button.js
index fe696a818..5db926d15 100644
--- a/apps/common/main/lib/component/Button.js
+++ b/apps/common/main/lib/component/Button.js
@@ -218,7 +218,7 @@ define([
style : me.style
}));
- if (me.menu && _.isFunction(me.menu.render))
+ if (me.menu && _.isObject(me.menu) && _.isFunction(me.menu.render))
me.menu.render(me.cmpEl);
parentEl.html(me.cmpEl);
@@ -491,6 +491,13 @@ define([
}
}
}
+
+ , setMenu: function (m) {
+ if (m && _.isObject(m) && _.isFunction(m.render)){
+ this.menu = m;
+ this.menu.render(this.cmpEl);
+ }
+ }
});
});
diff --git a/apps/documenteditor/main/app/controller/Main.js b/apps/documenteditor/main/app/controller/Main.js
index 7df6d5b15..b8aea01ff 100644
--- a/apps/documenteditor/main/app/controller/Main.js
+++ b/apps/documenteditor/main/app/controller/Main.js
@@ -850,7 +850,7 @@ define([
if (window.styles_loaded) {
clearInterval(timer_sl);
- toolbarController.getView('Toolbar').createDelayedElements();
+ toolbarController.createDelayedElements();
documentHolderController.getView('DocumentHolder').createDelayedElements();
me.loadLanguages();
diff --git a/apps/documenteditor/main/app/controller/Toolbar.js b/apps/documenteditor/main/app/controller/Toolbar.js
index b6ee10f33..53aa0c365 100644
--- a/apps/documenteditor/main/app/controller/Toolbar.js
+++ b/apps/documenteditor/main/app/controller/Toolbar.js
@@ -166,7 +166,7 @@ define([
// Create toolbar view
this.toolbar = this.createView('Toolbar');
- this.toolbar.on('render:after', _.bind(this.onToolbarAfterRender, this));
+ // this.toolbar.on('render:after', _.bind(this.onToolbarAfterRender, this));
},
onToolbarAfterRender: function(toolbar) {
@@ -2627,6 +2627,11 @@ define([
me._mailMergeDlg.show();
},
+ createDelayedElements: function() {
+ this.toolbar.createDelayedElements();
+ this.onToolbarAfterRender(this.toolbar);
+ },
+
textEmptyImgUrl : 'You need to specify image URL.',
textWarning : 'Warning',
textFontSizeErr : 'The entered value is incorrect.
Please enter a numeric value between 1 and 100',
diff --git a/apps/documenteditor/main/app/view/Toolbar.js b/apps/documenteditor/main/app/view/Toolbar.js
index 9293e92fb..aa3014717 100644
--- a/apps/documenteditor/main/app/view/Toolbar.js
+++ b/apps/documenteditor/main/app/view/Toolbar.js
@@ -416,11 +416,7 @@ define([
enableToggle: true,
toggleGroup : 'markersGroup',
split : true,
- menu : new Common.UI.Menu({
- items: [
- { template: _.template('') }
- ]
- })
+ menu : true
});
this.paragraphControls.push(this.btnMarkers);
this.textOnlyControls.push(this.btnMarkers);
@@ -432,11 +428,7 @@ define([
enableToggle: true,
toggleGroup : 'markersGroup',
split : true,
- menu : new Common.UI.Menu({
- items: [
- { template: _.template('') }
- ]
- })
+ menu : true
});
this.paragraphControls.push(this.btnNumbers);
this.textOnlyControls.push(this.btnNumbers);
@@ -445,15 +437,20 @@ define([
id : 'id-toolbar-btn-multilevels',
cls : 'btn-toolbar',
iconCls : 'btn-multilevels',
- menu : new Common.UI.Menu({
- items: [
- { template: _.template('') }
- ]
- })
+ menu : true
});
this.paragraphControls.push(this.btnMultilevels);
this.textOnlyControls.push(this.btnMultilevels);
+ this.mnuMarkersPicker = {
+ conf: {index:0},
+ selectByIndex: function (idx) {
+ this.conf.index = idx;
+ }
+ };
+ this.mnuNumbersPicker = _.clone(this.mnuMarkersPicker);
+ this.mnuMultilevelPicker = _.clone(this.mnuMarkersPicker);
+
this.btnInsertTable = new Common.UI.Button({
id : 'id-toolbar-btn-inserttable',
cls : 'btn-toolbar',
@@ -556,27 +553,19 @@ define([
id : 'id-toolbar-btn-editheader',
cls : 'btn-toolbar',
iconCls : 'btn-editheader',
- menu : new Common.UI.Menu({
- items: [
- { caption: this.mniEditHeader, value: 'header' },
- { caption: this.mniEditFooter, value: 'footer' },
- { caption: '--' },
- me.mnuInsertPageNum = new Common.UI.MenuItem({
- caption: this.textInsertPageNumber,
- menu: new Common.UI.Menu({
- menuAlign: 'tl-tr',
- items: [
- { template: _.template('') },
- me.mnuPageNumCurrentPos = new Common.UI.MenuItem({
- caption: this.textToCurrent,
- value: 'current'
- })
- ]
- })
- })
- ]
- })
+ menu : true
});
+ this.mnuPageNumberPosPicker = {
+ conf:{disabled:false},
+ isDisabled: function () {
+ return this.conf.disabled;
+ },
+ setDisabled: function (val) {
+ this.conf.disabled = val;
+ }
+ };
+ this.mnuPageNumCurrentPos = _.clone(this.mnuPageNumberPosPicker);
+ this.mnuInsertPageNum = _.clone(this.mnuPageNumberPosPicker);
this.paragraphControls.push(this.mnuPageNumCurrentPos);
this.toolbarControls.push(this.btnEditHeader);
@@ -767,63 +756,17 @@ define([
id : 'id-toolbar-btn-hidebars',
cls : 'btn-toolbar',
iconCls : 'btn-hidebars no-mask',
- menu : new Common.UI.Menu({
- cls: 'pull-right',
- style: 'min-width: 180px;',
- items: [
- this.mnuitemCompactToolbar = new Common.UI.MenuItem({
- caption : this.textCompactView,
- checkable : true
- }),
- this.mnuitemHideTitleBar = new Common.UI.MenuItem({
- caption : this.textHideTitleBar,
- checkable : true
- }),
- this.mnuitemHideStatusBar = new Common.UI.MenuItem({
- caption : this.textHideStatusBar,
- checkable : true
- }),
- this.mnuitemHideRulers = new Common.UI.MenuItem({
- caption : this.textHideLines,
- checkable : true
- }),
- { caption: '--' },
- this.btnFitPage = new Common.UI.MenuItem({
- caption: this.textFitPage,
- checkable: true
- }),
- this.btnFitWidth = new Common.UI.MenuItem({
- caption: this.textFitWidth,
- checkable: true
- }),
- (new Common.UI.MenuItem({
- template: _.template([
- ''
- ].join('')),
- stopPropagation: true
- }))
- ]
- })
- }).on('render:after', _.bind(function(cmp){
- me.mnuZoomOut = new Common.UI.Button({
- el : $('#id-menu-zoom-out'),
- cls : 'btn-toolbar'
- });
- me.mnuZoomIn = new Common.UI.Button({
- el : $('#id-menu-zoom-in'),
- cls : 'btn-toolbar'
- });
- }), me);
+ menu : true
+ });
this.toolbarControls.push(this.btnHide);
+ this.btnFitPage = {
+ conf: {checked:false}
+ , setChecked: function(val) { this.conf.checked = val;}
+ , isChecked: function () { return this.conf.checked; }
+ };
+ this.btnFitWidth = _.clone(this.btnFitPage);
+
this.btnAdvSettings = new Common.UI.Button({
id : 'id-toolbar-btn-settings',
cls : 'btn-toolbar',
@@ -847,72 +790,6 @@ define([
// DataView and pickers
//
- this.btnMarkers.on('render:after', function(btn) {
- me.mnuMarkersPicker = new Common.UI.DataView({
- el: $('#id-toolbar-menu-markers'),
- parentMenu: btn.menu,
- restoreHeight: 92,
- allowScrollbar: false,
- store: new Common.UI.DataViewStore([
- { offsety:0, data:{type:0, subtype:-1} },
- { offsety:38, data:{type:0, subtype:1} },
- { offsety:76, data:{type:0, subtype:2} },
- { offsety:114, data:{type:0, subtype:3} },
- { offsety:152, data:{type:0, subtype:4} },
- { offsety:190, data:{type:0, subtype:5} },
- { offsety:228, data:{type:0, subtype:6} },
- { offsety:266, data:{type:0, subtype:7} }
- ]),
- itemTemplate: _.template('')
- });
- });
-
- this.btnNumbers.on('render:after', function(btn) {
- me.mnuNumbersPicker = new Common.UI.DataView({
- el: $('#id-toolbar-menu-numbering'),
- parentMenu: btn.menu,
- restoreHeight: 164,
- allowScrollbar: false,
- store: new Common.UI.DataViewStore([
- { offsety:0, data:{type:1, subtype:-1} },
- { offsety:518, data:{type:1, subtype:4} },
- { offsety:592, data:{type:1, subtype:5} },
- { offsety:666, data:{type:1, subtype:6} },
- { offsety:296, data:{type:1, subtype:1} },
- { offsety:370, data:{type:1, subtype:2} },
- { offsety:444, data:{type:1, subtype:3} },
- { offsety:740, data:{type:1, subtype:7} }
- ]),
- itemTemplate: _.template('')
- });
- });
-
- this.btnMultilevels.on('render:after', function(btn) {
- me.mnuMultilevelPicker = new Common.UI.DataView({
- el: $('#id-toolbar-menu-multilevels'),
- parentMenu: btn.menu,
- restoreHeight: 164,
- allowScrollbar: false,
- store: new Common.UI.DataViewStore([
- { offsety:0, data:{type:2, subtype:-1} },
- { offsety:74, data:{type:2, subtype:1} },
- { offsety:148, data:{type:2, subtype:2} },
- { offsety:222, data:{type:2, subtype:3} }
- ]),
- itemTemplate: _.template('')
- });
- });
-
- this.btnInsertTable.on('render:after', function(btn) {
- me.mnuTablePicker = new Common.UI.DimensionPicker({
- el : $('#id-toolbar-menu-tablepicker'),
- minRows : 8,
- minColumns : 10,
- maxRows : 8,
- maxColumns : 10
- });
- });
-
this.btnHighlightColor.on('render:after', function(btn) {
var colorVal = $('');
$('button:first-child', btn.cmpEl).append(colorVal);
@@ -989,68 +866,6 @@ define([
});
});
- this.btnInsertChart.on('render:after', function(btn) {
- me.mnuInsertChartPicker = new Common.UI.DataView({
- el: $('#id-toolbar-menu-insertchart'),
- parentMenu: btn.menu,
- showLast: false,
- restoreHeight: 411,
- groups: new Common.UI.DataViewGroupStore([
- { id: 'menu-chart-group-bar', caption: me.textColumn },
- { id: 'menu-chart-group-line', caption: me.textLine },
- { id: 'menu-chart-group-pie', caption: me.textPie },
- { id: 'menu-chart-group-hbar', caption: me.textBar },
- { id: 'menu-chart-group-area', caption: me.textArea },
- { id: 'menu-chart-group-scatter', caption: me.textPoint },
- { id: 'menu-chart-group-stock', caption: me.textStock }
- ]),
- store: new Common.UI.DataViewStore([
- { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal, allowSelected: true, iconCls: 'column-normal', selected: true},
- { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStacked, allowSelected: true, iconCls: 'column-stack'},
- { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStackedPer, allowSelected: true, iconCls: 'column-pstack'},
- { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal3d, allowSelected: true, iconCls: 'column-3d-normal'},
- { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStacked3d, allowSelected: true, iconCls: 'column-3d-stack'},
- { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStackedPer3d, allowSelected: true, iconCls: 'column-3d-pstack'},
- { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal3dPerspective, allowSelected: true, iconCls: 'column-3d-normal-per'},
- { group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineNormal, allowSelected: true, iconCls: 'line-normal'},
- { group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineStacked, allowSelected: true, iconCls: 'line-stack'},
- { group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineStackedPer, allowSelected: true, iconCls: 'line-pstack'},
- { group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.line3d, allowSelected: true, iconCls: 'line-3d'},
- { group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.pie, allowSelected: true, iconCls: 'pie-normal'},
- { group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.doughnut, allowSelected: true, iconCls: 'pie-doughnut'},
- { group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.pie3d, allowSelected: true, iconCls: 'pie-3d-normal'},
- { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarNormal, allowSelected: true, iconCls: 'bar-normal'},
- { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStacked, allowSelected: true, iconCls: 'bar-stack'},
- { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStackedPer, allowSelected: true, iconCls: 'bar-pstack'},
- { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarNormal3d, allowSelected: true, iconCls: 'bar-3d-normal'},
- { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStacked3d, allowSelected: true, iconCls: 'bar-3d-stack'},
- { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStackedPer3d, allowSelected: true, iconCls: 'bar-3d-pstack'},
- { group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaNormal, allowSelected: true, iconCls: 'area-normal'},
- { group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaStacked, allowSelected: true, iconCls: 'area-stack'},
- { group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaStackedPer, allowSelected: true, iconCls: 'area-pstack'},
- { group: 'menu-chart-group-scatter', type: Asc.c_oAscChartTypeSettings.scatter, allowSelected: true, iconCls: 'point-normal'},
- { group: 'menu-chart-group-stock', type: Asc.c_oAscChartTypeSettings.stock, allowSelected: true, iconCls: 'stock-normal'}
- ]),
- itemTemplate: _.template('')
- })
- });
-
- this.btnEditHeader.on('render:after', function(btn) {
- me.mnuPageNumberPosPicker = new Common.UI.DataView({
- el: $('#id-toolbar-menu-pageposition'),
- allowScrollbar: false,
- store: new Common.UI.DataViewStore([
- { offsety: 132, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_TOP, subtype:c_pageNumPosition.PAGE_NUM_POSITION_LEFT} },
- { offsety: 99, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_TOP, subtype:c_pageNumPosition.PAGE_NUM_POSITION_CENTER} },
- { offsety: 66, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_TOP, subtype:c_pageNumPosition.PAGE_NUM_POSITION_RIGHT} },
- { offsety: 33, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, subtype:c_pageNumPosition.PAGE_NUM_POSITION_LEFT} },
- { offsety: 0, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, subtype:c_pageNumPosition.PAGE_NUM_POSITION_CENTER} },
- { offsety: 165, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, subtype:c_pageNumPosition.PAGE_NUM_POSITION_RIGHT} }
- ]),
- itemTemplate: _.template('')
- })
- });
-
this.cmbFontSize = new Common.UI.ComboBox({
cls: 'input-group-nr',
menuStyle: 'min-width: 55px;',
@@ -1203,24 +1018,6 @@ define([
this.trigger('render:before', this);
- var value = Common.localStorage.getItem("de-compact-toolbar");
- var valueCompact = (mode.isLightVersion || value !== null && parseInt(value) == 1);
-
- value = Common.localStorage.getItem("de-hidden-title");
- var valueTitle = (value !== null && parseInt(value) == 1);
-
- value = Common.localStorage.getItem("de-hidden-status");
- var valueStatus = (value !== null && parseInt(value) == 1);
-
- value = Common.localStorage.getItem("de-hidden-rulers");
- var valueRulers = (value !== null && parseInt(value) == 1);
-
- this.mnuitemCompactToolbar.setVisible(!mode.isLightVersion);
- this.mnuitemCompactToolbar.setChecked(valueCompact, true);
- this.mnuitemHideTitleBar.setChecked(valueTitle, true);
- this.mnuitemHideStatusBar.setChecked(valueStatus, true);
- this.mnuitemHideRulers.setChecked(valueRulers, true);
-
var top = Common.localStorage.getItem("de-pgmargins-top"),
left = Common.localStorage.getItem("de-pgmargins-left"),
bottom = Common.localStorage.getItem("de-pgmargins-bottom"),
@@ -1233,6 +1030,9 @@ define([
} else
this.btnPageMargins.menu.items[0].setVisible(false);
+ var value = Common.localStorage.getItem("de-compact-toolbar");
+ var valueCompact = (mode.isLightVersion || value !== null && parseInt(value) == 1);
+
me.$el.html(this.template({
isCompactView: valueCompact
}));
@@ -1240,8 +1040,6 @@ define([
me.rendererComponents(valueCompact ? 'short' : 'full');
me.isCompactView = valueCompact;
- this.mnuitemCompactToolbar.on('toggle', _.bind(this.changeViewMode, this));
-
this.trigger('render:after', this);
/** coauthoring begin **/
@@ -1338,6 +1136,60 @@ define([
this.updateMetricUnit();
}
+
+ var me = this;
+ this.mnuInsertChartPicker = new Common.UI.DataView({
+ el: $('#id-toolbar-menu-insertchart'),
+ parentMenu: this.btnInsertChart.menu,
+ showLast: false,
+ restoreHeight: 411,
+ groups: new Common.UI.DataViewGroupStore([
+ { id: 'menu-chart-group-bar', caption: me.textColumn },
+ { id: 'menu-chart-group-line', caption: me.textLine },
+ { id: 'menu-chart-group-pie', caption: me.textPie },
+ { id: 'menu-chart-group-hbar', caption: me.textBar },
+ { id: 'menu-chart-group-area', caption: me.textArea },
+ { id: 'menu-chart-group-scatter', caption: me.textPoint },
+ { id: 'menu-chart-group-stock', caption: me.textStock }
+ ]),
+ store: new Common.UI.DataViewStore([
+ { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal, allowSelected: true, iconCls: 'column-normal', selected: true},
+ { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStacked, allowSelected: true, iconCls: 'column-stack'},
+ { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStackedPer, allowSelected: true, iconCls: 'column-pstack'},
+ { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal3d, allowSelected: true, iconCls: 'column-3d-normal'},
+ { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStacked3d, allowSelected: true, iconCls: 'column-3d-stack'},
+ { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStackedPer3d, allowSelected: true, iconCls: 'column-3d-pstack'},
+ { group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal3dPerspective, allowSelected: true, iconCls: 'column-3d-normal-per'},
+ { group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineNormal, allowSelected: true, iconCls: 'line-normal'},
+ { group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineStacked, allowSelected: true, iconCls: 'line-stack'},
+ { group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineStackedPer, allowSelected: true, iconCls: 'line-pstack'},
+ { group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.line3d, allowSelected: true, iconCls: 'line-3d'},
+ { group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.pie, allowSelected: true, iconCls: 'pie-normal'},
+ { group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.doughnut, allowSelected: true, iconCls: 'pie-doughnut'},
+ { group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.pie3d, allowSelected: true, iconCls: 'pie-3d-normal'},
+ { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarNormal, allowSelected: true, iconCls: 'bar-normal'},
+ { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStacked, allowSelected: true, iconCls: 'bar-stack'},
+ { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStackedPer, allowSelected: true, iconCls: 'bar-pstack'},
+ { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarNormal3d, allowSelected: true, iconCls: 'bar-3d-normal'},
+ { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStacked3d, allowSelected: true, iconCls: 'bar-3d-stack'},
+ { group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStackedPer3d, allowSelected: true, iconCls: 'bar-3d-pstack'},
+ { group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaNormal, allowSelected: true, iconCls: 'area-normal'},
+ { group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaStacked, allowSelected: true, iconCls: 'area-stack'},
+ { group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaStackedPer, allowSelected: true, iconCls: 'area-pstack'},
+ { group: 'menu-chart-group-scatter', type: Asc.c_oAscChartTypeSettings.scatter, allowSelected: true, iconCls: 'point-normal'},
+ { group: 'menu-chart-group-stock', type: Asc.c_oAscChartTypeSettings.stock, allowSelected: true, iconCls: 'stock-normal'}
+ ]),
+ itemTemplate: _.template('')
+ });
+
+ this.mnuTablePicker = new Common.UI.DimensionPicker({
+ el : $('#id-toolbar-menu-tablepicker'),
+ minRows : 8,
+ minColumns : 10,
+ maxRows : 8,
+ maxColumns : 10
+ });
+
this.btnNewDocument.updateHint(this.tipNewDocument);
this.btnOpenDocument.updateHint(this.tipOpenDocument);
this.btnPrint.updateHint(this.tipPrint + Common.Utils.String.platformKey('Ctrl+P'));
@@ -1388,6 +1240,210 @@ define([
this.btnMailRecepients.updateHint(this.tipMailRecepients);
this.btnHide.updateHint(this.tipViewSettings);
this.btnAdvSettings.updateHint(this.tipAdvSettings);
+
+ this.btnHide.setMenu(new Common.UI.Menu({
+ cls: 'pull-right',
+ style: 'min-width: 180px;',
+ items: [
+ this.mnuitemCompactToolbar = new Common.UI.MenuItem({
+ caption : this.textCompactView,
+ checkable : true
+ }),
+ this.mnuitemHideTitleBar = new Common.UI.MenuItem({
+ caption : this.textHideTitleBar,
+ checkable : true
+ }),
+ this.mnuitemHideStatusBar = new Common.UI.MenuItem({
+ caption : this.textHideStatusBar,
+ checkable : true
+ }),
+ this.mnuitemHideRulers = new Common.UI.MenuItem({
+ caption : this.textHideLines,
+ checkable : true
+ }),
+ { caption: '--' },
+ this.btnFitPage = new Common.UI.MenuItem({
+ caption: this.textFitPage,
+ checkable: true
+ , checked: this.btnFitPage.isChecked()
+ }),
+ this.btnFitWidth = new Common.UI.MenuItem({
+ caption: this.textFitWidth,
+ checkable: true
+ , checked: this.btnFitWidth.isChecked()
+ }),
+ (new Common.UI.MenuItem({
+ template: _.template([
+ ''
+ ].join('')),
+ stopPropagation: true
+ }))
+ ]
+ })
+ );
+
+ this.btnMarkers.setMenu(
+ new Common.UI.Menu({
+ items: [
+ { template: _.template('') }
+ ]
+ })
+ );
+
+ this.btnNumbers.setMenu(
+ new Common.UI.Menu({
+ items: [
+ { template: _.template('') }
+ ]
+ })
+ );
+
+ this.btnMultilevels.setMenu(
+ new Common.UI.Menu({
+ items: [
+ { template: _.template('') }
+ ]
+ })
+ );
+
+ this.btnEditHeader.setMenu(
+ new Common.UI.Menu({
+ items: [
+ { caption: this.mniEditHeader, value: 'header' },
+ { caption: this.mniEditFooter, value: 'footer' },
+ { caption: '--' },
+ this.mnuInsertPageNum = new Common.UI.MenuItem({
+ caption: this.textInsertPageNumber,
+ disabled: this.mnuInsertPageNum.isDisabled(),
+ menu: new Common.UI.Menu({
+ menuAlign: 'tl-tr',
+ items: [
+ { template: _.template('') },
+ this.mnuPageNumCurrentPos = new Common.UI.MenuItem({
+ caption: this.textToCurrent,
+ disabled: this.mnuPageNumCurrentPos.isDisabled(),
+ value: 'current'
+ })
+ ]
+ })
+ })
+ ]
+ })
+ );
+
+ /**/
+
+ this.mnuZoomOut = new Common.UI.Button({
+ el : $('#id-menu-zoom-out'),
+ cls : 'btn-toolbar'
+ });
+ this.mnuZoomIn = new Common.UI.Button({
+ el : $('#id-menu-zoom-in'),
+ cls : 'btn-toolbar'
+ });
+
+ var _conf = this.mnuMarkersPicker.conf;
+ this.mnuMarkersPicker = new Common.UI.DataView({
+ el: $('#id-toolbar-menu-markers'),
+ parentMenu: this.btnMarkers.menu,
+ restoreHeight: 92,
+ allowScrollbar: false,
+ store: new Common.UI.DataViewStore([
+ { offsety:0, data:{type:0, subtype:-1} },
+ { offsety:38, data:{type:0, subtype:1} },
+ { offsety:76, data:{type:0, subtype:2} },
+ { offsety:114, data:{type:0, subtype:3} },
+ { offsety:152, data:{type:0, subtype:4} },
+ { offsety:190, data:{type:0, subtype:5} },
+ { offsety:228, data:{type:0, subtype:6} },
+ { offsety:266, data:{type:0, subtype:7} }
+ ]),
+ itemTemplate: _.template('')
+ });
+ _conf && this.mnuMarkersPicker.selectByIndex(_conf.index, true);
+
+ _conf = this.mnuNumbersPicker.conf;
+ this.mnuNumbersPicker = new Common.UI.DataView({
+ el: $('#id-toolbar-menu-numbering'),
+ parentMenu: this.btnNumbers.menu,
+ restoreHeight: 164,
+ allowScrollbar: false,
+ store: new Common.UI.DataViewStore([
+ {offsety: 0, data: {type: 1, subtype: -1}},
+ {offsety: 518, data: {type: 1, subtype: 4}},
+ {offsety: 592, data: {type: 1, subtype: 5}},
+ {offsety: 666, data: {type: 1, subtype: 6}},
+ {offsety: 296, data: {type: 1, subtype: 1}},
+ {offsety: 370, data: {type: 1, subtype: 2}},
+ {offsety: 444, data: {type: 1, subtype: 3}},
+ {offsety: 740, data: {type: 1, subtype: 7}}
+ ]),
+ itemTemplate: _.template('')
+ });
+ _conf && this.mnuNumbersPicker.selectByIndex(_conf.index, true);
+
+ _conf = this.mnuMultilevelPicker.conf;
+ this.mnuMultilevelPicker = new Common.UI.DataView({
+ el: $('#id-toolbar-menu-multilevels'),
+ parentMenu: this.btnMultilevels.menu,
+ restoreHeight: 164,
+ allowScrollbar: false,
+ store: new Common.UI.DataViewStore([
+ { offsety:0, data:{type:2, subtype:-1} },
+ { offsety:74, data:{type:2, subtype:1} },
+ { offsety:148, data:{type:2, subtype:2} },
+ { offsety:222, data:{type:2, subtype:3} }
+ ]),
+ itemTemplate: _.template('')
+ });
+ _conf && this.mnuMultilevelPicker.selectByIndex(_conf.index, true);
+
+ _conf = this.mnuPageNumberPosPicker ? this.mnuPageNumberPosPicker.conf : undefined;
+ this.mnuPageNumberPosPicker = new Common.UI.DataView({
+ el: $('#id-toolbar-menu-pageposition'),
+ allowScrollbar: false,
+ store: new Common.UI.DataViewStore([
+ { offsety: 132, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_TOP, subtype:c_pageNumPosition.PAGE_NUM_POSITION_LEFT} },
+ { offsety: 99, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_TOP, subtype:c_pageNumPosition.PAGE_NUM_POSITION_CENTER} },
+ { offsety: 66, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_TOP, subtype:c_pageNumPosition.PAGE_NUM_POSITION_RIGHT} },
+ { offsety: 33, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, subtype:c_pageNumPosition.PAGE_NUM_POSITION_LEFT} },
+ { offsety: 0, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, subtype:c_pageNumPosition.PAGE_NUM_POSITION_CENTER} },
+ { offsety: 165, allowSelected: false, data:{ type:c_pageNumPosition.PAGE_NUM_POSITION_BOTTOM, subtype:c_pageNumPosition.PAGE_NUM_POSITION_RIGHT} }
+ ]),
+ itemTemplate: _.template('')
+ })
+ _conf && this.mnuPageNumberPosPicker.setDisabled(_conf.disabled);
+
+ /**/
+ var mode = this.mode;
+ var value = Common.localStorage.getItem("de-compact-toolbar");
+ var valueCompact = (mode.isLightVersion || value !== null && parseInt(value) == 1);
+
+ value = Common.localStorage.getItem("de-hidden-title");
+ var valueTitle = (value !== null && parseInt(value) == 1);
+
+ value = Common.localStorage.getItem("de-hidden-status");
+ var valueStatus = (value !== null && parseInt(value) == 1);
+
+ value = Common.localStorage.getItem("de-hidden-rulers");
+ var valueRulers = (value !== null && parseInt(value) == 1);
+
+ this.mnuitemCompactToolbar.setVisible(!mode.isLightVersion);
+ this.mnuitemCompactToolbar.setChecked(valueCompact, true);
+ this.mnuitemCompactToolbar.on('toggle', _.bind(this.changeViewMode, this));
+
+ this.mnuitemHideTitleBar.setChecked(valueTitle, true);
+ this.mnuitemHideStatusBar.setChecked(valueStatus, true);
+ this.mnuitemHideRulers.setChecked(valueRulers, true);
+ /**/
},
updateMetricUnit: function() {