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

[DE] Show count of connected values for form settings

Browse source
This commit is contained in:
Julia Radzhabova 2020-11-10 21:46:20 +03:00
parent 30273d17c0
commit dc696c5afb
3 changed files with 27 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -10,6 +10,12 @@
<div id="form-combo-key" style="width: 100%;"></div>
</td>
</tr>
<tr class="form-connected">
<td class="padding-small">
<label style="opacity: 0.5; margin-right: 5px;" id="form-settings-connected"><%= scope.textConnected %></label>
<label class="link-solid" id="form-settings-disconnect"><%= scope.textDisconnect %></label>
</td>
</tr>
<tr class="form-radiobox">
<td class="padding-small">
<label class="input-label"><%= scope.textGroupKey %></label>

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

@ -92,10 +92,12 @@ define([
this.TextOnlySettings = el.find('.form-textfield');
this.PlaceholderSettings = el.find('.form-placeholder');
this.KeySettings = el.find('.form-keyfield');
this.KeySettingsTd = this.KeySettings.find('td');
this.CheckOnlySettings = el.find('.form-checkbox');
this.RadioOnlySettings = el.find('.form-radiobox');
this.ListOnlySettings = el.find('.form-list');
this.ImageOnlySettings = el.find('.form-image');
this.ConnectedSettings = el.find('.form-connected');
},
createDelayedElements: function() {
@ -106,6 +108,8 @@ define([
var me = this;
this.labelFormName = $markup.findById('#form-settings-name');
this.labelConnectedFields = $markup.findById('#form-settings-connected');
$markup.findById('#form-settings-disconnect').on('click', _.bind(this.onDisconnect, this));
// Common props
this.cmbKey = new Common.UI.ComboBox({
@ -575,7 +579,8 @@ define([
}
this.disableControls(this._locked);
var type = props.get_SpecificType();
var type = props.get_SpecificType(),
connected = false;
var specProps;
//for list controls
if (type == Asc.c_oAscContentControlSpecificType.ComboBox || type == Asc.c_oAscContentControlSpecificType.DropDownList) {
@ -635,6 +640,10 @@ define([
val = formPr.get_Key();
this.cmbKey.setValue(val ? val : '');
val = 1;//formPr.get_Connected();
connected = (val>1);
connected && this.labelConnectedFields.text(this.textConnected + ': ' + val);
val = formPr.get_HelpText();
if (this._state.help!==val) {
this.textareaHelp.setValue(val ? val : '');
@ -717,6 +726,8 @@ define([
this._noApply = false;
this.KeySettingsTd.toggleClass('padding-small', !connected);
this.ConnectedSettings.toggleClass('hidden', !connected);
if (this.type !== type || type == Asc.c_oAscContentControlSpecificType.CheckBox)
this.showHideControls(type, formTextPr, specProps);
this.type = type;
@ -811,6 +822,10 @@ define([
this.disableListButtons(false);
},
onDisconnect: function() {
this.onKeyChanged(this.cmbKey, {value: ""});
},
disableListButtons: function(disabled) {
if (disabled===undefined)
disabled = !this.list.getSelectedRec();
@ -844,7 +859,9 @@ define([
textFromUrl: 'From URL',
textFromFile: 'From File',
textFromStorage: 'From Storage',
textColor: 'Border color'
textColor: 'Border color',
textConnected: 'Fields connected',
textDisconnect: 'Disconnect'
}, DE.Views.FormSettings || {}));
});

2
apps/documenteditor/main/locale/en.json
View file

@ -1683,6 +1683,8 @@
"DE.Views.FormSettings.textFromFile": "From File",
"DE.Views.FormSettings.textFromStorage": "From Storage",
"DE.Views.FormSettings.textColor": "Border color",
"DE.Views.FormSettings.textConnected": "Fields connected",
"DE.Views.FormSettings.textDisconnect": "Disconnect",
"DE.Views.FormsTab.capBtnText": "Text Field",
"DE.Views.FormsTab.capBtnComboBox": "Combo Box",
"DE.Views.FormsTab.capBtnDropDown": "Dropdown",