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

[DE] Add lock property for controls

Browse source
This commit is contained in:
Julia Radzhabova 2020-10-06 19:25:49 +03:00
parent 9a1310bee3
commit 80d3f5f026
3 changed files with 27 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
apps/documenteditor/main/app/controller/RightMenu.js
View file

@ -125,7 +125,8 @@ define([
this._settings[Common.Utils.documentSettingsType.Signature].locked = false; this._settings[Common.Utils.documentSettingsType.Signature].locked = false;
var isChart = false; var isChart = false;
var control_props = this.api.asc_IsContentControl() ? this.api.asc_GetContentControlProperties() : null; var control_props = this.api.asc_IsContentControl() ? this.api.asc_GetContentControlProperties() : null,
control_lock = false;
for (i=0; i<SelectedObjects.length; i++) for (i=0; i<SelectedObjects.length; i++)
{ {
var content_locked = false; var content_locked = false;
@ -154,9 +155,11 @@ define([
this._settings[Common.Utils.documentSettingsType.TextArt].locked = value.get_Locked() || content_locked; this._settings[Common.Utils.documentSettingsType.TextArt].locked = value.get_Locked() || content_locked;
} }
} }
control_lock = control_lock || value.get_Locked();
} else if (settingsType == Common.Utils.documentSettingsType.Paragraph) { } else if (settingsType == Common.Utils.documentSettingsType.Paragraph) {
this._settings[settingsType].panel.isChart = isChart; this._settings[settingsType].panel.isChart = isChart;
can_add_table = value.get_CanAddTable(); can_add_table = value.get_CanAddTable();
control_lock = control_lock || value.get_Locked();
} }
this._settings[settingsType].props = value; this._settings[settingsType].props = value;
this._settings[settingsType].hidden = 0; this._settings[settingsType].hidden = 0;
@ -173,7 +176,7 @@ define([
spectype==Asc.c_oAscContentControlSpecificType.ComboBox || spectype==Asc.c_oAscContentControlSpecificType.DropDownList || spectype==Asc.c_oAscContentControlSpecificType.None) { spectype==Asc.c_oAscContentControlSpecificType.ComboBox || spectype==Asc.c_oAscContentControlSpecificType.DropDownList || spectype==Asc.c_oAscContentControlSpecificType.None) {
settingsType = Common.Utils.documentSettingsType.Form; settingsType = Common.Utils.documentSettingsType.Form;
this._settings[settingsType].props = control_props; this._settings[settingsType].props = control_props;
this._settings[settingsType].locked = false; this._settings[settingsType].locked = control_lock;
this._settings[settingsType].hidden = 0; this._settings[settingsType].hidden = 0;
} }
} }

5
apps/documenteditor/main/app/template/FormSettings.template
View file

@ -45,11 +45,6 @@
<div id="form-spin-width" style="display: inline-block; float: right;"></div> <div id="form-spin-width" style="display: inline-block; float: right;"></div>
</td> </td>
</tr> </tr>
<tr class="form-checkbox">
<td class="padding-large">
<div id="form-chb-selected"></div>
</td>
</tr>
</table> </table>
<table cols="2" class="form-list"> <table cols="2" class="form-list">
<tr> <tr>

70
apps/documenteditor/main/app/view/FormSettings.js
View file

@ -68,7 +68,8 @@ define([
this._initSettings = true; this._initSettings = true;
this._state = { this._state = {
DisabledControls: true DisabledControls: undefined,
LockDelete: undefined
}; };
this.spinners = []; this.spinners = [];
this.lockedControls = []; this.lockedControls = [];
@ -77,7 +78,6 @@ define([
this._originalTextFormProps = null; this._originalTextFormProps = null;
this._originalFormProps = null; this._originalFormProps = null;
this._originalProps = null; this._originalProps = null;
this._lockedControl = false;
this.render(); this.render();
}, },
@ -112,8 +112,7 @@ define([
cls: 'input-group-nr', cls: 'input-group-nr',
menuStyle: 'min-width: 100%;', menuStyle: 'min-width: 100%;',
editable: true, editable: true,
data: [], data: []
disabled: this._locked
}); });
this.cmbKey.setValue(''); this.cmbKey.setValue('');
this.lockedControls.push(this.cmbKey); this.lockedControls.push(this.cmbKey);
@ -184,22 +183,13 @@ define([
this.spnWidth.on('change', this.onWidthChange.bind(this)); this.spnWidth.on('change', this.onWidthChange.bind(this));
this.spnWidth.on('inputleave', function(){ me.fireEvent('editcomplete', me);}); this.spnWidth.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
// Check/Radio props
this.chSelected = new Common.UI.CheckBox({
el: $markup.findById('#form-chb-selected'),
labelText: this.textChecked
});
this.chSelected.on('change', this.onChSelectedChanged.bind(this));
this.lockedControls.push(this.chSelected);
// Radio props // Radio props
this.cmbGroupKey = new Common.UI.ComboBox({ this.cmbGroupKey = new Common.UI.ComboBox({
el: $markup.findById('#form-combo-group-key'), el: $markup.findById('#form-combo-group-key'),
cls: 'input-group-nr', cls: 'input-group-nr',
menuStyle: 'min-width: 100%;', menuStyle: 'min-width: 100%;',
editable: true, editable: true,
data: [], data: []
disabled: this._locked
}); });
this.cmbGroupKey.setValue(''); this.cmbGroupKey.setValue('');
this.lockedControls.push(this.cmbGroupKey); this.lockedControls.push(this.cmbGroupKey);
@ -231,6 +221,7 @@ define([
].join('')) ].join(''))
}); });
this.list.on('item:select', _.bind(this.onSelectItem, this)); this.list.on('item:select', _.bind(this.onSelectItem, this));
this.lockedControls.push(this.list);
this.btnListAdd = new Common.UI.Button({ this.btnListAdd = new Common.UI.Button({
parentEl: $markup.findById('#form-list-add'), parentEl: $markup.findById('#form-list-add'),
@ -239,6 +230,7 @@ define([
hint: this.textTipAdd hint: this.textTipAdd
}); });
this.btnListAdd.on('click', _.bind(this.onAddItem, this)); this.btnListAdd.on('click', _.bind(this.onAddItem, this));
this.lockedControls.push(this.btnListAdd);
this.btnListDelete = new Common.UI.Button({ this.btnListDelete = new Common.UI.Button({
parentEl: $markup.findById('#form-list-delete'), parentEl: $markup.findById('#form-list-delete'),
@ -247,6 +239,7 @@ define([
hint: this.textTipDelete hint: this.textTipDelete
}); });
this.btnListDelete.on('click', _.bind(this.onDeleteItem, this)); this.btnListDelete.on('click', _.bind(this.onDeleteItem, this));
this.lockedControls.push(this.btnListDelete);
this.btnListUp = new Common.UI.Button({ this.btnListUp = new Common.UI.Button({
parentEl: $markup.findById('#form-list-up'), parentEl: $markup.findById('#form-list-up'),
@ -255,6 +248,7 @@ define([
hint: this.textTipUp hint: this.textTipUp
}); });
this.btnListUp.on('click', _.bind(this.onMoveItem, this, true)); this.btnListUp.on('click', _.bind(this.onMoveItem, this, true));
this.lockedControls.push(this.btnListUp);
this.btnListDown = new Common.UI.Button({ this.btnListDown = new Common.UI.Button({
parentEl: $markup.findById('#form-list-down'), parentEl: $markup.findById('#form-list-down'),
@ -263,6 +257,7 @@ define([
hint: this.textTipDown hint: this.textTipDown
}); });
this.btnListDown.on('click', _.bind(this.onMoveItem, this, false)); this.btnListDown.on('click', _.bind(this.onMoveItem, this, false));
this.lockedControls.push(this.btnListDown);
this.btnRemForm = new Common.UI.Button({ this.btnRemForm = new Common.UI.Button({
parentEl: $markup.findById('#form-btn-delete'), parentEl: $markup.findById('#form-btn-delete'),
@ -286,11 +281,10 @@ define([
this.btnLockForm.on('click', _.bind(function(btn){ this.btnLockForm.on('click', _.bind(function(btn){
if (this.api && !this._noApply) { if (this.api && !this._noApply) {
var props = this._originalProps || new AscCommon.CContentControlPr(); var props = this._originalProps || new AscCommon.CContentControlPr();
props.put_Lock(!this._lockedControl ? Asc.c_oAscSdtLockType.SdtContentLocked : Asc.c_oAscSdtLockType.Unlocked); props.put_Lock(!this._state.LockDelete ? Asc.c_oAscSdtLockType.SdtLocked : Asc.c_oAscSdtLockType.Unlocked);
this.api.asc_SetContentControlProperties(props, this.internalId); this.api.asc_SetContentControlProperties(props, this.internalId);
} }
}, this)); }, this));
this.lockedControls.push(this.btnLockForm);
this.updateMetricUnit(); this.updateMetricUnit();
}, },
@ -400,17 +394,6 @@ define([
} }
}, },
onChSelectedChanged: function(field, newValue, oldValue, eOpts){
if (this.api && !this._noApply) {
var props = this._originalProps || new AscCommon.CContentControlPr();
var specProps = this._originalCheckProps || new AscCommon.CSdtCheckBoxPr();
specProps.put_Checked(field.getValue()=='checked');
props.put_CheckBoxPr(specProps);
this.api.asc_SetContentControlProperties(props, this.internalId);
this.fireEvent('editcomplete', this);
}
},
onGroupKeyChanged: function(combo, record) { onGroupKeyChanged: function(combo, record) {
if (this.api && !this._noApply) { if (this.api && !this._noApply) {
var props = this._originalProps || new AscCommon.CContentControlPr(); var props = this._originalProps || new AscCommon.CContentControlPr();
@ -474,8 +457,6 @@ define([
if (this._initSettings) if (this._initSettings)
this.createDelayedElements(); this.createDelayedElements();
this.disableControls(this._locked);
if (props) { if (props) {
this._originalProps = props; this._originalProps = props;
@ -491,11 +472,11 @@ define([
val = props.get_Lock(); val = props.get_Lock();
(val===undefined) && (val = Asc.c_oAscSdtLockType.Unlocked); (val===undefined) && (val = Asc.c_oAscSdtLockType.Unlocked);
if (this._lockedControl !== val) { if (this._state.LockDelete !== (val==Asc.c_oAscSdtLockType.SdtContentLocked || val==Asc.c_oAscSdtLockType.SdtLocked)) {
this._lockedControl = (val==Asc.c_oAscSdtLockType.SdtContentLocked || val==Asc.c_oAscSdtLockType.SdtLocked || val==Asc.c_oAscSdtLockType.ContentLocked); this._state.LockDelete = (val==Asc.c_oAscSdtLockType.SdtContentLocked || val==Asc.c_oAscSdtLockType.SdtLocked);
this.btnLockForm.setCaption(this._lockedControl ? this.textUnlock : this.textLock); this.btnLockForm.setCaption(this._state.LockDelete ? this.textUnlock : this.textLock);
this.btnRemForm.setDisabled(this._lockedControl || this._locked);
} }
this.disableControls(this._locked);
var type = props.get_SpecificType(); var type = props.get_SpecificType();
var specProps; var specProps;
@ -562,12 +543,6 @@ define([
} }
this.labelFormName.text(ischeckbox ? this.textCheckbox : this.textRadiobox); this.labelFormName.text(ischeckbox ? this.textCheckbox : this.textRadiobox);
this.chSelected.setCaption(ischeckbox ? this.textChecked : this.textSelected);
val = specProps.get_Checked();
if ( this._state.Selected!==val ) {
this.chSelected.setValue(!!val, true);
this._state.Selected=val;
}
} }
} }
@ -621,13 +596,14 @@ define([
}, },
disableControls: function(disable) { disableControls: function(disable) {
if (this._state.DisabledControls!==disable) { var me = this;
this._state.DisabledControls = disable; if (this._state.DisabledControls!==(this._state.LockDelete || disable)) {
this._state.DisabledControls = this._state.LockDelete || disable;
_.each(this.lockedControls, function(item) { _.each(this.lockedControls, function(item) {
item.setDisabled(disable); item.setDisabled(me._state.DisabledControls);
}); });
} }
this.btnRemForm.setDisabled(this._lockedControl || disable); this.btnLockForm.setDisabled(disable);
}, },
showHideControls: function(type, textProps, specProps) { showHideControls: function(type, textProps, specProps) {
@ -665,9 +641,9 @@ define([
disableListButtons: function(disabled) { disableListButtons: function(disabled) {
if (disabled===undefined) if (disabled===undefined)
disabled = !this.list.getSelectedRec(); disabled = !this.list.getSelectedRec();
this.btnListDelete.setDisabled(disabled); this.btnListDelete.setDisabled(disabled || this._state.DisabledControls);
this.btnListUp.setDisabled(disabled); this.btnListUp.setDisabled(disabled || this._state.DisabledControls);
this.btnListDown.setDisabled(disabled); this.btnListDown.setDisabled(disabled || this._state.DisabledControls);
}, },
textField: 'Text field', textField: 'Text field',
@ -685,8 +661,6 @@ define([
textCombobox: 'Combo box', textCombobox: 'Combo box',
textDropDown: 'Dropdown', textDropDown: 'Dropdown',
textImage: 'Image', textImage: 'Image',
textChecked: 'Checked by default',
textSelected: 'Selected by default',
textGroupKey: 'Group key', textGroupKey: 'Group key',
textTipAdd: 'Add new value', textTipAdd: 'Add new value',
textTipDelete: 'Delete value', textTipDelete: 'Delete value',