From 41221d0bf14411250ebd11a43726f653b1948a35 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <julia.radzhabova@onlyoffice.com>
Date: Wed, 5 Oct 2022 21:25:40 +0300
Subject: [PATCH] [DE] Add start number for list

---
 .../main/app/view/ListSettingsDialog.js       | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/apps/documenteditor/main/app/view/ListSettingsDialog.js b/apps/documenteditor/main/app/view/ListSettingsDialog.js
index dc1cc8fca..f3ade193a 100644
--- a/apps/documenteditor/main/app/view/ListSettingsDialog.js
+++ b/apps/documenteditor/main/app/view/ListSettingsDialog.js
@@ -98,10 +98,14 @@ define([
                                 '<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;">',
+                            '<td style="padding-left: 5px;padding-right: 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>',
+                            '<td style="padding-left: 5px;">',
+                                '<label class="input-label">' + this.txtStart + '</label>',
+                                '<div id="id-dlg-numbering-spin-start" style="margin-bottom: 10px;"></div>',
+                            '</td>',
                         '</tr>',
                     '</table>',
                 '<% } else {%>',
@@ -377,6 +381,26 @@ define([
             });
             this.cmbLevel.on('selected', _.bind(this.onIncludeLevelSelected, this));
 
+            this.spnStart = new Common.UI.MetricSpinner({
+                el: $window.find('#id-dlg-numbering-spin-start'),
+                step: 1,
+                width: 45,
+                defaultUnit : "",
+                value: 1,
+                maxValue: 16383,
+                minValue: 1,
+                allowDecimal: false
+            });
+            this.spnStart.on('change', _.bind(function(field, newValue, oldValue, eOpts){
+                if (this._changedProps) {
+                    this._changedProps.put_Start(field.getNumberValue());
+                    this.makeFormatStr(this._changedProps);
+                }
+                if (this.api) {
+                    this.api.SetDrawImagePreviewBullet('bulleted-list-preview', this.props, this.level, this.type==2);
+                }
+            }, this));
+
             this.on('animate:after', _.bind(this.onAnimateAfter, this));
 
             this.afterRender();
@@ -560,6 +584,7 @@ define([
             if (!levelProps) return;
 
             this.cmbAlign.setValue((levelProps.get_Align()!==undefined) ? levelProps.get_Align() : '');
+            this.spnStart.setValue(levelProps.get_Start(), true);
             var format = levelProps.get_Format(),
                 textPr = levelProps.get_TextPr(),
                 text = levelProps.get_Text();
@@ -694,6 +719,7 @@ define([
         txtNewBullet: 'New bullet',
         txtSymbol: 'Symbol',
         txtNumFormatString: 'Number format',
-        txtInclcudeLevel: 'Include level number from'
+        txtInclcudeLevel: 'Include level number',
+        txtStart: 'Start at'
     }, DE.Views.ListSettingsDialog || {}))
 });
\ No newline at end of file