[DE] Изменения в расширенных настройках таблиц в соответствии с макетами...

[DE] Изменения в расширенных настройках таблиц в соответствии с макетами https://nct.onlyoffice.com/products/files/#preview/50110.

apps/documenteditor/main/app/template/TableSettingsAdvanced.template

 <div id="id-adv-table-width" class="settings-panel active">
     <div class="inner-content">
-        <table cols="1" style="width: 100%;">
+        <table cols="3">
             <tr>
-                <td class="padding-small" width="125px">
-                    <div id="tableadv-checkbox-width"></div>
+                <td colspan="3" class="padding-small">
+                    <label class="header"><%= scope.textTableSize %></label>
                 </td>
             </tr>
             <tr>
-                <td class="padding-large">
-                    <div id="tableadv-number-width" style="display: inline-block; margin-right: 10px;"></div>
-                    <div id="tableadv-cmb-unit" style="display: inline-block;"></div>
+                <td style="vertical-align: bottom; padding-bottom: 18px;">
+                    <div id="tableadv-checkbox-width"></div>
                 </td>
-            </tr>
-            <tr>
-                <td class="padding-small">
-                    <div id="tableadv-checkbox-spacing"></div>
+                <td class="padding-large">
+                    <label class="input-label"><%= scope.textWidth %></label>
+                    <div id="tableadv-number-width" style="margin-right: 10px;"></div>
                 </td>
-            </tr>
-            <tr>
                 <td class="padding-large">
-                    <div id="tableadv-number-spacing"></div>
+                    <label class="input-label"><%= scope.textMeasure %></label>
+                    <div id="tableadv-cmb-unit" style="width: 115px;"></div>
                 </td>
             </tr>
             <tr>
-                <td colspan="2" class="padding-large">
+                <td colspan="3" class="padding-large">
                     <div id="tableadv-checkbox-autofit"></div>
                 </td>
             </tr>
         </table>
-    </div>
-    <div class="separator horizontal padding-large"></div>
-    <div class="inner-content">
+        <div class="padding-small"></div>
         <table cols="2" style="width: 100%;">
             <tr>
                 <td colspan=2 class="padding-small">
@@ -58,11 +53,30 @@
                 </td>
             </tr>
         </table>
+        <div class="padding-small"></div>
+        <table cols="2">
+            <tr>
+                <td colspan="2" class="padding-small">
+                    <label class="header"><%= scope.textOptions %></label>
+                </td>
+            </tr>
+            <tr>
+                <td style="vertical-align: bottom; padding-bottom: 18px;">
+                    <div id="tableadv-checkbox-spacing"></div>
+                </td>
+                <td class="padding-large">
+                    <label class="input-label"><%= scope.textAllowSpacing %></label>
+                    <div id="tableadv-number-spacing"></div>
+                </td>
+            </tr>
+        </table>
+    </div>
+    <div class="inner-content">
     </div>
 </div>
 <div id="id-adv-table-cell-props" class="settings-panel">
     <div class="inner-content">
-        <table cols="3" style="width: 100%;">
+        <table cols="3">
             <tr>
                 <td colspan="3" class="padding-small">
                     <label class="header"><%= scope.textCellSize %></label>
@@ -74,7 +88,7 @@
                 </td>
                 <td class="padding-large">
                     <label class="input-label"><%= scope.textPrefWidth %></label>
-                    <div id="tableadv-number-prefwidth"></div>
+                    <div id="tableadv-number-prefwidth" style="margin-right: 10px;"></div>
                 </td>
                 <td class="padding-large">
                     <label class="input-label"><%= scope.textMeasure %></label>

apps/documenteditor/main/app/view/TableSettingsAdvanced.js

@@ -63,11 +63,11 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
             _.extend(this.options, {
                 title: this.textTitle,
                 items: [
-                    {panelId: 'id-adv-table-width',      panelCaption: this.textWidthSpaces},
-                    {panelId: 'id-adv-table-wrap',       panelCaption: this.textWrap},
+                    {panelId: 'id-adv-table-width',      panelCaption: this.textTable},
+                    {panelId: 'id-adv-table-cell-props', panelCaption: this.textCellProps},
                     {panelId: 'id-adv-table-borders',    panelCaption: this.textBordersBackgroung},
-                    {panelId: 'id-adv-table-position',   panelCaption: this.textPosition},
-                    {panelId: 'id-adv-table-cell-props', panelCaption: this.textCellProps}
+                    {panelId: 'id-adv-table-position',   panelCaption: this.textTablePosition},
+                    {panelId: 'id-adv-table-wrap',       panelCaption: this.textWrap}
                 ],
                 contentTemplate: _.template(contentTemplate)({
                     scope: this
@@ -143,7 +143,7 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
             this.chWidth = new Common.UI.CheckBox({
                 el: $('#tableadv-checkbox-width'),
                 value: true,
-                labelText: this.textWidth
+                labelText: ''
             });
             this.chWidth.on('change', _.bind(function(field, newValue, oldValue, eOpts){
                 var value = (newValue=='checked');
@@ -160,7 +160,7 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
             this.nfWidth = new Common.UI.MetricSpinner({
                 el: $('#tableadv-number-width'),
                 step: .1,
-                width: 85,
+                width: 115,
                 defaultUnit : "cm",
                 value: '10 cm',
                 maxValue: 55.88,
@@ -174,8 +174,8 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
             var currmetric = Common.Utils.Metric.getCurrentMetric();
             this.cmbUnit = new Common.UI.ComboBox({
                 el          : $('#tableadv-cmb-unit'),
-                style       : 'width: 85px;',
-                menuStyle   : 'min-width: 85px;',
+                style       : 'width: 115px;',
+                menuStyle   : 'min-width: 115px;',
                 editable    : false,
                 cls         : 'input-group-nr',
                 data        : [
@@ -197,7 +197,7 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
             this.chAllowSpacing = new Common.UI.CheckBox({
                 el: $('#tableadv-checkbox-spacing'),
                 value: true,
-                labelText: this.textAllowSpacing
+                labelText: ''
             });
             this.chAllowSpacing.on('change', _.bind(function(field, newValue, oldValue, eOpts){
                 var value = (newValue=='checked');
@@ -217,7 +217,7 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
             this.nfSpacing = new Common.UI.MetricSpinner({
                 el: $('#tableadv-number-spacing'),
                 step: .1,
-                width: 85,
+                width: 115,
                 defaultUnit : "cm",
                 value: '0.5 cm',
                 maxValue: 2.14,
@@ -1065,7 +1065,7 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
             this.CellBackContainer = $('#tableadv-panel-cell-back');
             this.TableBackContainer = $('#tableadv-panel-table-back');
 
-            this.btnsCategory[4].on('click', _.bind(this.onCellCategoryClick, this));
+            this.btnsCategory[1].on('click', _.bind(this.onCellCategoryClick, this));
             this.afterRender();
         },
 
@@ -2106,7 +2106,7 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
         },
 
         textWidth:          'Width',
-        textAllowSpacing:   'Allow spacing between cells',
+        textAllowSpacing:   'Spacing between cells',
         textAlign:          'Alignment',
         textIndLeft:        'Indent from Left',
         textWidthSpaces:    'Width & Spaces',
@@ -2124,7 +2124,7 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
         textRightTooltip:   'Right',
         textCenterTooltip:  'Center',
         textTitle:          'Table - Advanced Settings',
-        textDefaultMargins: 'Default Margins',
+        textDefaultMargins: 'Default Cell Margins',
         textCheckMargins:   'Use default margins',
         textBordersBackgroung: 'Borders & Background',
         textOnlyCells:      'For selected cells only',
@@ -2154,7 +2154,7 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
         textOptions: 'Options',
         textAnchorText: 'Text',
         textAutofit: 'Automatically resize to fit contents',
-        textCellProps: 'Cell Properties',
+        textCellProps: 'Cell',
         tipAll:             'Set Outer Border and All Inner Lines',
         tipNone:            'Set No Borders',
         tipInner:           'Set Inner Lines Only',
@@ -2173,7 +2173,10 @@ define([    'text!documenteditor/main/app/template/TableSettingsAdvanced.templat
         textPrefWidth: 'Preferred width',
         textMeasure: 'Measure in',
         textCellOptions: 'Cell Options',
-        textWrapText: 'Wrap text'
+        textWrapText: 'Wrap text',
+        textTable: 'Table',
+        textTableSize: 'Table Size',
+        textTablePosition: 'Table Position'
 
     }, DE.Views.TableSettingsAdvanced || {}));
 });

apps/documenteditor/main/locale/en.json

@@ -1307,7 +1307,7 @@
   "DE.Views.TableSettingsAdvanced.okButtonText": "OK",
   "DE.Views.TableSettingsAdvanced.textAlign": "Alignment",
   "DE.Views.TableSettingsAdvanced.textAlignment": "Alignment",
-  "DE.Views.TableSettingsAdvanced.textAllowSpacing": "Allow spacing between cells",
+  "DE.Views.TableSettingsAdvanced.textAllowSpacing": "Spacing between cells",
   "DE.Views.TableSettingsAdvanced.textAnchorText": "Text",
   "DE.Views.TableSettingsAdvanced.textAutofit": "Automatically resize to fit contents",
   "DE.Views.TableSettingsAdvanced.textBackColor": "Cell Background",
@@ -1317,11 +1317,11 @@
   "DE.Views.TableSettingsAdvanced.textBordersBackgroung": "Borders & Background",
   "DE.Views.TableSettingsAdvanced.textBorderWidth": "Border Size",
   "DE.Views.TableSettingsAdvanced.textBottom": "Bottom",
-  "DE.Views.TableSettingsAdvanced.textCellProps": "Cell Properties",
+  "DE.Views.TableSettingsAdvanced.textCellProps": "Cell",
   "DE.Views.TableSettingsAdvanced.textCenter": "Center",
   "DE.Views.TableSettingsAdvanced.textCenterTooltip": "Center",
   "DE.Views.TableSettingsAdvanced.textCheckMargins": "Use default margins",
-  "DE.Views.TableSettingsAdvanced.textDefaultMargins": "Default Margins",
+  "DE.Views.TableSettingsAdvanced.textDefaultMargins": "Default Cell Margins",
   "DE.Views.TableSettingsAdvanced.textDistance": "Distance from Text",
   "DE.Views.TableSettingsAdvanced.textHorizontal": "Horizontal",
   "DE.Views.TableSettingsAdvanced.textIndLeft": "Indent from Left",
@@ -1342,7 +1342,10 @@
   "DE.Views.TableSettingsAdvanced.textRightOf": "to the right of",
   "DE.Views.TableSettingsAdvanced.textRightTooltip": "Right",
   "DE.Views.TableSettingsAdvanced.textStandartColors": "Standard Colors",
+  "DE.Views.TableSettingsAdvanced.textTable": "Table",
   "DE.Views.TableSettingsAdvanced.textTableBackColor": "Table Background",
+  "DE.Views.TableSettingsAdvanced.textTablePosition": "Table Position",
+  "DE.Views.TableSettingsAdvanced.textTableSize": "Table Size",
   "DE.Views.TableSettingsAdvanced.textThemeColors": "Theme Colors",
   "DE.Views.TableSettingsAdvanced.textTitle": "Table - Advanced Settings",
   "DE.Views.TableSettingsAdvanced.textTop": "Top",