[DE] added localized version of items for TOC menu

apps/common/main/resources/less/toolbar.less

@@ -559,6 +559,10 @@
     .button-normal-icon(btn-sort-down,        5, @toolbar-icon-size);
     .button-normal-icon(btn-sort-up,          6, @toolbar-icon-size);
     .button-normal-icon(btn-currency-style,   7, @toolbar-icon-size);
+
+    .dropdown-menu.toc-menu {
+        --bckgHOffset: -144px;
+    }
 }
 
 

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

@@ -160,11 +160,12 @@ define([
                 (new Promise(function (accept, reject) {
                     accept();
                 })).then(function(){
-                    var contentsTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem" class="item-contents"><div style="background-position: 0 -<%= options.offsety %>px;" ></div></a>');
+                    var contentsTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem" class="item-contents"><div></div></a>');
                     me.btnsContents.forEach( function(btn) {
                         btn.updateHint( me.tipContents );
 
                         var _menu = new Common.UI.Menu({
+                            cls: 'toc-menu',
                             items: [
                                 {template: contentsTemplate, offsety: 0, value: 0},
                                 {template: contentsTemplate, offsety: 72, value: 1},
@@ -177,6 +178,7 @@ define([
                     });
 
                     me.contentsMenu = new Common.UI.Menu({
+                        cls: 'toc-menu',
                         items: [
                             {template: contentsTemplate, offsety: 0, value: 0},
                             {template: contentsTemplate, offsety: 72, value: 1},

apps/documenteditor/main/resources/less/toolbar.less

@@ -39,12 +39,15 @@
     height: 38px;
 }
 
-.dropdown-menu {
+.dropdown-menu.toc-menu {
+    @contents-menu-item-height: 72px;
+    --bckgHOffset: 0px;
+
     > li > a.item-contents {
         div {
             .background-ximage('@{app-image-path}/toolbar/contents.png', '@{app-image-path}/toolbar/contents@2x.png', 246px);
             width: 246px;
-            height: 72px;
+            height: @contents-menu-item-height;
 
             .box-shadow(0 0 0 1px @gray);
 
@@ -62,6 +65,17 @@
             }
         }
     }
+
+    .loop(@counter) when (@counter > 0) {
+        .loop((@counter - 1));
+        li:nth-child(@{counter}) > a.item-contents {
+            div {
+                background-position: 0 calc(~"var(--bckgHOffset) - " (@counter - 1)*@contents-menu-item-height);
+            }
+        }
+    }
+
+    .loop(2);
 }
 
 .color-schemas-menu {