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

[DE] Insert inline or fixed text field

Browse source
This commit is contained in:
Julia Radzhabova 2022-12-01 18:05:24 +03:00
parent 62c8531dc1
commit a5cf901aa0
2 changed files with 61 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/documenteditor/main/app/controller/FormsTab.js
View file

@ -196,6 +196,8 @@ define([
oPr.put_MaskFormat(options.mask); oPr.put_MaskFormat(options.mask);
if (options.placeholder) if (options.placeholder)
props.put_PlaceholderText(options.placeholder); props.put_PlaceholderText(options.placeholder);
if (options.fixed!==undefined)
oFormPr.put_Fixed && oFormPr.put_Fixed(options.fixed);
} }
props.put_TextFormPr(oPr); props.put_TextFormPr(oPr);
props.put_FormPr(oFormPr); props.put_FormPr(oFormPr);

63
apps/documenteditor/main/app/view/FormsTab.js
View file

@ -81,7 +81,22 @@ define([
function setEvents() { function setEvents() {
var me = this; var me = this;
this.btnTextField && this.btnTextField.on('click', function (b, e) { this.btnTextField && this.btnTextField.on('click', function (b, e) {
me.fireEvent('forms:insert', ['text']); me.fireEvent('forms:insert', ['text', {fixed: b.options.fieldType==='fixed'}]);
});
this.btnTextField && this.btnTextField.menu.on('item:click', function (menu, item) {
var oldType = me.btnTextField.options.fieldType;
var newType = item.value;
if(newType !== oldType){
me.btnTextField.changeIcon({
next: item.options.iconClsForMainBtn,
curr: me.btnTextField.menu.items.filter(function(mnu){return mnu.value === oldType})[0].options.iconClsForMainBtn
});
me.btnTextField.updateHint(item.options.hintForMainBtn);
me.btnTextField.options.fieldType = newType;
Common.localStorage.setBool("de-text-form-fixed", newType==='fixed')
}
me.fireEvent('forms:insert', ['text', {fixed: newType==='fixed'}]);
}); });
this.btnComboBox && this.btnComboBox.on('click', function (b, e) { this.btnComboBox && this.btnComboBox.on('click', function (b, e) {
me.fireEvent('forms:insert', ['combobox']); me.fireEvent('forms:insert', ['combobox']);
@ -167,11 +182,15 @@ define([
if (this.appConfig.isRestrictedEdit && this.appConfig.canFillForms) { if (this.appConfig.isRestrictedEdit && this.appConfig.canFillForms) {
} else { } else {
var isfixed = Common.localStorage.getBool("de-text-form-fixed", true);
this.btnTextField = new Common.UI.Button({ this.btnTextField = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top', cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-text-field', iconCls: 'toolbar__icon ' + (isfixed ? 'btn-text' : 'btn-text-field'),
lock: [_set.paragraphLock, _set.headerLock, _set.controlPlain, _set.contentLock, _set.previewReviewMode, _set.viewFormMode, _set.lostConnect, _set.disableOnStart, _set.docLockView, _set.docLockForms, _set.docLockComments], lock: [_set.paragraphLock, _set.headerLock, _set.controlPlain, _set.contentLock, _set.previewReviewMode, _set.viewFormMode, _set.lostConnect, _set.disableOnStart, _set.docLockView, _set.docLockForms, _set.docLockComments],
caption: this.capBtnText, caption: this.capBtnText,
fieldType: isfixed ? 'fixed' : 'inline',
split: true,
menu: true,
dataHint: '1', dataHint: '1',
dataHintDirection: 'bottom', dataHintDirection: 'bottom',
dataHintOffset: 'small' dataHintOffset: 'small'
@ -407,8 +426,38 @@ define([
// } else { // } else {
// me.btnHighlight.cmpEl.parents('.group').hide().prev('.separator').hide(); // me.btnHighlight.cmpEl.parents('.group').hide().prev('.separator').hide();
// } // }
var menuTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem">'+
'<% if (!_.isEmpty(iconCls)) { %>'+
'<span class="menu-item-icon <%= iconCls %>"></span>'+
'<% } %>'+
'<div><%= caption %></div>' +
'<% if (options.description !== null) { %><label style="display: block;cursor: pointer;white-space: normal;"><%= options.description %></label>' +
'<% } %></a>');
me.btnTextField.setMenu(new Common.UI.Menu({
items: [
{
caption: me.txtInlineText,
template: menuTemplate,
description: me.txtInlineDesc,
iconCls : 'menu__icon page-landscape',
value: 'inline',
iconClsForMainBtn: 'btn-text-field',
hintForMainBtn: [me.tipInlineText, me.tipTextField]
},
{
caption: me.txtFixedText,
template: menuTemplate,
description: me.txtFixedDesc,
iconCls : 'menu__icon btn-text',
value: 'fixed',
iconClsForMainBtn: 'btn-text',
hintForMainBtn: [me.tipFixedText, me.tipTextField]
}
]
}));
me.btnTextField.updateHint([Common.localStorage.getBool("de-text-form-fixed", true) ? me.tipFixedText : me.tipInlineText, me.tipTextField]);
me.btnTextField.updateHint(me.tipTextField);
me.btnComboBox.updateHint(me.tipComboBox); me.btnComboBox.updateHint(me.tipComboBox);
me.btnDropDown.updateHint(me.tipDropDown); me.btnDropDown.updateHint(me.tipDropDown);
me.btnCheckBox.updateHint(me.tipCheckBox); me.btnCheckBox.updateHint(me.tipCheckBox);
@ -569,7 +618,13 @@ define([
tipEmailField: 'Insert email address', tipEmailField: 'Insert email address',
tipPhoneField: 'Insert phone number', tipPhoneField: 'Insert phone number',
tipComplexField: 'Insert complex field', tipComplexField: 'Insert complex field',
textAnyone: 'Anyone' textAnyone: 'Anyone',
txtInlineText: 'Inline',
txtInlineDesc: 'Insert inline text field',
txtFixedText: 'Fixed',
txtFixedDesc: 'Insert fixed text field',
tipInlineText: 'Insert inline text field',
tipFixedText: 'Insert fixed text field'
} }
}()), DE.Views.FormsTab || {})); }()), DE.Views.FormsTab || {}));
}); });