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

[DE] Watermark settings: disable non-active controls

Browse source
This commit is contained in:
Julia Radzhabova 2019-05-06 14:41:58 +03:00
parent a982f24fba
commit 82c4adf441
1 changed files with 36 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
apps/documenteditor/main/app/view/WatermarkSettingsDialog.js
View file

@ -80,6 +80,8 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
this.props = options.props;
this.fontStore = options.fontStore;
this.api = options.api;
this.textControls = [];
this.imageControls = [];
Common.Views.AdvancedSettingsWindow.prototype.initialize.call(this, this.options);
},
@ -92,11 +94,12 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
el: $('#watermark-radio-none'),
name: 'asc-radio-watermark-type',
labelText: this.textNone,
checked: true
checked: false
});
this.radioNone.on('change', _.bind(function(field, newValue, eOpts) {
if (newValue) {
// disable text and image
this.disableControls(0);
}
}, this));
@ -104,11 +107,12 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
el: $('#watermark-radio-image'),
name: 'asc-radio-watermark-type',
labelText: this.textImageW,
checked: true
checked: false
});
this.radioImage.on('change', _.bind(function(field, newValue, eOpts) {
if (newValue) {
// disable text
this.disableControls(2);
}
}, this));
@ -121,6 +125,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
this.radioText.on('change', _.bind(function(field, newValue, eOpts) {
if (newValue) {
// disable image
this.disableControls(1);
}
}, this));
@ -131,11 +136,13 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
this.btnFromFile.on('click', _.bind(function(btn){
// if (this.api) this.api.ChangeShapeImageFromFile(this.BlipFillType);
}, this));
this.imageControls.push(this.btnFromFile);
this.btnFromUrl = new Common.UI.Button({
el: $('#watermark-from-url')
});
// this.btnFromUrl.on('click', _.bind(this.insertFromUrl, this));
this.imageControls.push(this.btnFromUrl);
this._arrScale = [
{displayValue: this.textAuto, value: -1},
@ -154,6 +161,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
}).on('selected', _.bind(function(combo, record) {
}, this));
this.cmbScale.setValue(this._arrScale[0].value);
this.imageControls.push(this.cmbScale);
// Text watermark
this.cmbText = new Common.UI.ComboBox({
@ -163,6 +171,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
data : []
}).on('selected', _.bind(function(combo, record) {
}, this));
this.textControls.push(this.cmbText);
this.cmbFonts = new Common.UI.ComboBoxFonts({
el : $('#watermark-fonts'),
@ -175,6 +184,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
hint : this.tipFontName
});
// this.cmbFonts.on('selected', _.bind(this.onFontSelect, this));
this.textControls.push(this.cmbFonts);
var data = [
{ value: -1, displayValue: this.textAuto },
@ -206,6 +216,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
});
// this.cmbFontSize.on('selected', _.bind(this.onFontSizeSelect, this));
this.cmbFontSize.setValue(-1);
this.textControls.push(this.cmbFontSize);
this.btnBold = new Common.UI.Button({
cls: 'btn-toolbar',
@ -215,6 +226,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
});
this.btnBold.render($('#watermark-bold')) ;
// this.btnBold.on('click', _.bind(this.onBoldClick, this));
this.textControls.push(this.btnBold);
this.btnItalic = new Common.UI.Button({
cls: 'btn-toolbar',
@ -224,6 +236,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
});
this.btnItalic.render($('#watermark-italic')) ;
// this.btnItalic.on('click', _.bind(this.onItalicClick, this));
this.textControls.push(this.btnItalic);
this.btnUnderline = new Common.UI.Button({
cls : 'btn-toolbar',
@ -233,6 +246,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
});
this.btnUnderline.render($('#watermark-underline')) ;
// this.btnUnderline.on('click', _.bind(this.onUnderlineClick, this));
this.textControls.push(this.btnUnderline);
this.btnStrikeout = new Common.UI.Button({
cls: 'btn-toolbar',
@ -242,6 +256,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
});
this.btnStrikeout.render($('#watermark-strikeout')) ;
// this.btnStrikeout.on('click',_.bind(this.onStrikeoutClick, this));
this.textControls.push(this.btnStrikeout);
var initNewColor = function(btn, picker_el) {
if (btn && btn.cmpEl) {
@ -281,7 +296,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
// this.btnTextColor.on('click', _.bind(this.onTextColor, this));
this.mnuTextColorPicker = initNewColor(this.btnTextColor, "#watermark-menu-textcolor");
$('#watermark-auto-color').on('click', _.bind(this.onAutoColor, this));
this.textControls.push(this.btnTextColor);
this.numTransparency = new Common.UI.MetricSpinner({
el: $('#watermark-spin-opacity'),
@ -293,6 +308,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
minValue: 0
});
this.numTransparency.on('change', _.bind(this.onNumTransparencyChange, this));
this.textControls.push(this.numTransparency);
this.sldrTransparency = new Common.UI.SingleSlider({
el: $('#watermark-slider-opacity'),
@ -302,6 +318,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
value: 100
});
this.sldrTransparency.on('change', _.bind(this.onTransparencyChange, this));
this.textControls.push(this.sldrTransparency);
this.lblTransparencyStart = $(this.el).find('#watermark-lbl-opacity-start');
this.lblTransparencyEnd = $(this.el).find('#watermark-lbl-opacity-end');
@ -312,11 +329,14 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
labelText: this.textDiagonal,
checked: true
});
this.textControls.push(this.radioDiag);
this.radioHor = new Common.UI.RadioBox({
el: $('#watermark-radio-hor'),
name: 'asc-radio-watermark-layout',
labelText: this.textHor
});
this.textControls.push(this.radioHor);
this.afterRender();
},
@ -401,6 +421,7 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
this.chLockDelete.setValue(val==Asc.c_oAscSdtLockType.SdtContentLocked || val==Asc.c_oAscSdtLockType.SdtLocked);
this.chLockEdit.setValue(val==Asc.c_oAscSdtLockType.SdtContentLocked || val==Asc.c_oAscSdtLockType.ContentLocked);
}
this.disableControls(this.radioNone.getValue() ? 0 : (this.radioImage.getValue() ? 2 : 1));
},
getSettings: function () {
@ -429,6 +450,18 @@ define(['text!documenteditor/main/app/template/WatermarkSettings.template',
return props;
},
disableControls: function(type) {// 0 - none, 1 - text, 2 - image
var disable = (type!=2);
_.each(this.imageControls, function(item) {
item.setDisabled(disable);
});
disable = (type!=1);
_.each(this.textControls, function(item) {
item.setDisabled(disable);
});
},
onDlgBtnClick: function(event) {
var me = this;
var state = (typeof(event) == 'object') ? event.currentTarget.attributes['result'].value : event;