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

[SSE] Scale Dialog

Browse source
This commit is contained in:
Julia Svinareva 2019-09-02 10:20:17 +03:00
parent 8c7938565a
commit de1942d1bc
1 changed files with 22 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
apps/spreadsheeteditor/main/app/view/ScaleDialog.js
View file

@ -40,7 +40,7 @@
define([ define([
'common/main/lib/component/Window', 'common/main/lib/component/Window',
'common/main/lib/component/ComboBox' 'common/main/lib/component/MetricSpinner'
], function () { 'use strict'; ], function () { 'use strict';
SSE.Views.ScaleDialog = Common.UI.Window.extend(_.extend({ SSE.Views.ScaleDialog = Common.UI.Window.extend(_.extend({
@ -57,8 +57,8 @@ define([
}, options || {}); }, options || {});
this._state = { this._state = {
width: 'Auto', width: null,
height: 'Auto' height: null
}; };
this.template = [ this.template = [
@ -100,14 +100,14 @@ define([
el : $('#scale-width'), el : $('#scale-width'),
step : 1, step : 1,
width : 80, width : 80,
value : 'Auto', value : '',
defaultUnit : '', defaultUnit : '',
maxValue : 32767, maxValue : 32767,
minValue : 1, minValue : 1,
allowAuto : true allowAuto : true
}); });
this.spnScaleWidth.on('change', _.bind(function (field) { this.spnScaleWidth.on('change', _.bind(function (field) {
this._state.width = field.getValue(); this._state.width = field.getNumberValue();
this.setDisabledScale(); this.setDisabledScale();
}, this)); }, this));
@ -115,14 +115,14 @@ define([
el : $('#scale-height'), el : $('#scale-height'),
step : 1, step : 1,
width : 80, width : 80,
value : 'Auto', value : '',
defaultUnit : '', defaultUnit : '',
maxValue : 32767, maxValue : 32767,
minValue : 1, minValue : 1,
allowAuto : true allowAuto : true
}); });
this.spnScaleHeight.on('change', _.bind(function (field) { this.spnScaleHeight.on('change', _.bind(function (field) {
this._state.height = field.getValue(); this._state.height = field.getNumberValue();
this.setDisabledScale(); this.setDisabledScale();
}, this)); }, this));
@ -130,10 +130,10 @@ define([
el : $('#scale'), el : $('#scale'),
step : 5, step : 5,
width : 80, width : 80,
value : '100 %',
defaultUnit : "%", defaultUnit : "%",
maxValue : 400, maxValue : 400,
minValue : 10 minValue : 10,
defaultValue: '100 %'
}); });
var $window = this.getChild(); var $window = this.getChild();
@ -163,37 +163,35 @@ define([
}, },
setDisabledScale: function() { setDisabledScale: function() {
if (this._state.height !== 'Auto' || this._state.width !== 'Auto') { if ((this._state.height === -1 || this._state.height === null) && (this._state.width === -1 || this._state.width === null)) {
this.spnScale.setValue('100 %');
this.spnScale.setDisabled(true);
} else {
this.spnScale.setDisabled(false); this.spnScale.setDisabled(false);
} else {
this.spnScale.setDisabled(true);
} }
}, },
_setDefaults: function (props) { _setDefaults: function () {
if (this.api) { if (this.api) {
var pageSetup = this.api.asc_getPageOptions().asc_getPageSetup(), var pageSetup = this.api.asc_getPageOptions().asc_getPageSetup(),
width = pageSetup.asc_getFitToWidth(), width = pageSetup.asc_getFitToWidth(),
height = pageSetup.asc_getFitToHeight(), height = pageSetup.asc_getFitToHeight(),
scale = pageSetup.asc_getScale(); scale = pageSetup.asc_getScale();
this._state.width = (width !== null && width !== undefined) ? width : 'Auto'; this.spnScaleWidth.setValue((width !== null && width !== 0) ? width : -1, true);
this._state.height = (height !== null && height !== undefined) ? height : 'Auto'; this.spnScaleHeight.setValue((height !== null && height !== 0) ? height : -1, true);
this.spnScaleWidth.setValue(this._state.width); this.spnScale.setValue((scale !== null) ? scale : '', true);
this.spnScaleHeight.setValue(this._state.height);
this.spnScale.setValue((scale !== null && scale !== undefined) ? scale : '100 %'); this._state.width = (width !== null && width !== 0) ? width : null;
this._state.height = (height !== null && height !== 0) ? height : null;
this.setDisabledScale(); this.setDisabledScale();
} }
}, },
getSettings: function () { getSettings: function () {
var width = this.spnScaleWidth.getValue(),
height = this.spnScaleHeight.getValue();
var props = {}; var props = {};
props.width = (width !== 'Auto') ? width : null; props.width = (this._state.width === null) ? null : ((this._state.width === -1) ? 0 : this._state.width);
props.height = (height !== 'Auto') ? height : null; props.height = (this._state.height === null) ? null : ((this._state.height === -1) ? 0 : this._state.height);
props.scale = !this.spnScale.disabled ? this.spnScale.getNumberValue() : null; props.scale = this.spnScale.getNumberValue();
return props; return props;
}, },