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

[DE] Add format string for list settings

Browse source
This commit is contained in:
Julia Radzhabova 2022-09-21 12:39:25 +03:00
parent 5c40d8f3d1
commit 23ad33a06f
1 changed files with 101 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

104
apps/documenteditor/main/app/view/ListSettingsDialog.js
View file

@ -55,7 +55,7 @@ define([
options: { options: {
type: 0, // 0 - markers, 1 - numbers, 2 - multilevel type: 0, // 0 - markers, 1 - numbers, 2 - multilevel
width: 300, width: 300,
height: 424, height: 460,
style: 'min-width: 240px;', style: 'min-width: 240px;',
cls: 'modal-dlg', cls: 'modal-dlg',
split: false, split: false,
@ -68,7 +68,7 @@ define([
_.extend(this.options, { _.extend(this.options, {
title: this.txtTitle, title: this.txtTitle,
height: (this.type==2) ? 376 : 424, height: (this.type==2) ? 376 : 424,
width: (this.type==2) ? 430 : 300 width: (this.type==2) ? 460 : 300
}, options || {}); }, options || {});
this.template = [ this.template = [
@ -93,6 +93,16 @@ define([
'<div id="id-dlg-bullet-color" style="margin-bottom: 10px;"></div>', '<div id="id-dlg-bullet-color" style="margin-bottom: 10px;"></div>',
'</td>', '</td>',
'</tr>', '</tr>',
'<tr>',
'<td colspan="2" style="padding-right: 5px;">',
'<label class="input-label">' + this.txtNumFormatString + '</label>',
'<div id="id-dlg-numbering-format-str" style="width: 100%;height:22px;margin-bottom: 10px;"></div>',
'</td>',
'<td colspan="2" style="padding-left: 5px;">',
'<label class="input-label">' + this.txtInclcudeLevel + '</label>',
'<div id="id-dlg-numbering-format-lvl" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
'</td>',
'</tr>',
'</table>', '</table>',
'<% } else {%>', '<% } else {%>',
'<table cols="2" style="width: 100%;">', '<table cols="2" style="width: 100%;">',
@ -345,6 +355,25 @@ define([
}); });
this.levelsList.on('item:select', _.bind(this.onSelectLevel, this)); this.levelsList.on('item:select', _.bind(this.onSelectLevel, this));
this.txtNumFormat = new Common.UI.InputField({
el : $window.find('#id-dlg-numbering-format-str'),
allowBlank : true,
value : ''
});
var $formatInput = this.txtNumFormat.$el.find('input');
// $captionInput.on('mouseup', _.bind(this.checkStartPosition, this, 'mouse'));
// $captionInput.on('keydown', _.bind(this.checkStartPosition, this, 'key'));
this.cmbLevel = new Common.UI.ComboBox({
el : $window.find('#id-dlg-numbering-format-lvl'),
menuStyle : 'min-width: 100%;',
editable : false,
cls : 'input-group-nr',
data : [],
takeFocusOnClose: true
});
this.cmbLevel.on('selected', _.bind(this.onIncludeLevelSelected, this));
this.on('animate:after', _.bind(this.onAnimateAfter, this)); this.on('animate:after', _.bind(this.onAnimateAfter, this));
this.afterRender(); this.afterRender();
@ -570,6 +599,73 @@ define([
} else } else
this.cmbFormat.setValue((format!==undefined) ? format : ''); this.cmbFormat.setValue((format!==undefined) ? format : '');
} }
if (this.type===1) {
} else if (this.type===2) {
this.txtNumFormat.setDisabled(format == Asc.c_oAscNumberingFormat.Bullet);
this.cmbLevel.setDisabled(format == Asc.c_oAscNumberingFormat.Bullet);
this.cmbLevel.setDisabled(this.level===0);
var arr = [];
var me = this;
for (var lvl=0; lvl<this.level; lvl++) {
var lvlprops = this.props.get_Lvl(lvl),
lvltext = lvlprops.get_Format();
if (this.props.get_Lvl(lvl).get_Format() !== Asc.c_oAscNumberingFormat.None)
arr.push({ displayValue: me.textLevel + ' ' + (lvl+1), value: this.props.get_Lvl(lvl).get_Format() });
}
this.cmbLevel.setData(arr);
this.cmbLevel.setValue('');
}
},
makeFormatStr: function() {
if (this._changedProps) {
var text = this._changedProps.get_Text();
var arr = [];
'перед'.split('').forEach(function (el) {
var t = new Asc.CAscNumberingLvlText(Asc.c_oAscNumberingLvlTextType.Text, el);
arr.push(t);
});
arr.push(new Asc.CAscNumberingLvlText(Asc.c_oAscNumberingLvlTextType.Num, 0));
'после'.split('').forEach(function (el) {
var t = new Asc.CAscNumberingLvlText(Asc.c_oAscNumberingLvlTextType.Text, el);
arr.push(t);
});
// if (!this._changedProps.get_TextPr()) this._changedProps.put_TextPr(new AscCommonWord.CTextPr());
// this._changedProps.get_TextPr().put_FontSize((record.value>0) ? record.value : undefined);
}
},
onIncludeLevelSelected: function (combo, record) {
var $txt, end, start;
var $txt = this.txtNumFormat.$el.find('input'),
start = $txt[0].selectionStart,
end = $txt[0].selectionEnd,
newVal = AscCommon.IntToNumberFormat(1, record.value);
$txt.val($txt.val().substring(0, start) + newVal + $txt.val().substring(end));
this.selectionStart = this.selectionEnd = start + newVal.length;
var text = this._changedProps.get_Text();
if (this._changedProps) {
var arr = [];
'перед'.split('').forEach(function (el) {
var t = new Asc.CAscNumberingLvlText(Asc.c_oAscNumberingLvlTextType.Text, el);
arr.push(t);
});
arr.push(new Asc.CAscNumberingLvlText(Asc.c_oAscNumberingLvlTextType.Num, 0));
'после'.split('').forEach(function (el) {
var t = new Asc.CAscNumberingLvlText(Asc.c_oAscNumberingLvlTextType.Text, el);
arr.push(t);
});
// if (!this._changedProps.get_TextPr()) this._changedProps.put_TextPr(new AscCommonWord.CTextPr());
// this._changedProps.get_TextPr().put_FontSize((record.value>0) ? record.value : undefined);
}
if (this.api) {
this.api.SetDrawImagePreviewBullet('bulleted-list-preview', this.props, this.level, this.type==2);
}
}, },
txtTitle: 'List Settings', txtTitle: 'List Settings',
@ -588,6 +684,8 @@ define([
textLevel: 'Level', textLevel: 'Level',
txtNone: 'None', txtNone: 'None',
txtNewBullet: 'New bullet', txtNewBullet: 'New bullet',
txtSymbol: 'Symbol' txtSymbol: 'Symbol',
txtNumFormatString: 'Number format',
txtInclcudeLevel: 'Include level number from'
}, DE.Views.ListSettingsDialog || {})) }, DE.Views.ListSettingsDialog || {}))
}); });