[DE PE SSE] Add headers for Print, Open recent, Access Rights panels

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

@@ -1061,7 +1061,8 @@ define([
         menu: undefined,
 
         template: _.template([
-            '<div id="id-recent-view" style="margin: 20px 0;"></div>'
+            '<div class="header"><%= scope.txtOpenRecent %></div>',
+            '<div id="id-recent-view"></div>'
         ].join('')),
 
         initialize: function(options) {
@@ -1072,7 +1073,7 @@ define([
         },
 
         render: function() {
-            this.$el.html(this.template());
+            this.$el.html(this.template({scope: this}));
 
             this.viewRecentPicker = new Common.UI.DataView({
                 el: $('#id-recent-view'),
@@ -1111,7 +1112,9 @@ define([
         onRecentFileClick: function(view, itemview, record){
             if ( this.menu )
                 this.menu.fireEvent('recent:open', [this.menu, record.get('url')]);
-        }
+        },
+
+        txtOpenRecent: 'Open Recent'
     });
 
     DE.Views.FileMenuPanels.CreateNew = Common.UI.BaseView.extend(_.extend({
@@ -1937,7 +1940,8 @@ define([
             this.rendered = false;
 
             this.template = _.template([
-                '<table class="main" style="margin: 30px 0;">',
+                '<div class="header">' + this.txtAccessRights + '</div>',
+                '<table class="main">',
                     '<tr class="rights">',
                         '<td class="left" style="vertical-align: top;"><label>' + this.txtRights + '</label></td>',
                         '<td class="right"><div id="id-info-rights"></div></td>',
@@ -2052,7 +2056,8 @@ define([
         },
 
         txtRights: 'Persons who have rights',
-        txtBtnAccessRights: 'Change access rights'
+        txtBtnAccessRights: 'Change access rights',
+        txtAccessRights: 'Access Rights'
     }, DE.Views.FileMenuPanels.DocumentRights || {}));
 
     DE.Views.FileMenuPanels.Help = Common.UI.BaseView.extend({

apps/documenteditor/main/resources/less/filemenu.less

@@ -336,6 +336,15 @@
 }
 
 #panel-recentfiles {
+  #id-recent-view {
+    margin: 0 0 20px 10px;
+  }
+
+  .header {
+    margin: 30px 0 20px 10px;
+    font-size: 16px;
+  }
+
   .item {
     border: none;
     width: 100%;
@@ -437,14 +446,22 @@
   #file-menu-panel & {
     padding: 0 30px;
   }
+
+  .header {
+    margin: 30px 0 20px 0;
+    font-size: 16px;
+  }
 }
 
-#panel-info,
+#panel-info {
-#panel-rights {
   .header {
     margin: 30px 0 20px 30px;
     font-size: 16px;
   }
+}
+
+#panel-info,
+#panel-rights {
   table {
     tr {
       td {

apps/presentationeditor/main/app/view/FileMenuPanels.js

@@ -845,7 +845,8 @@ define([
         menu: undefined,
 
         template: _.template([
-            '<div id="id-recent-view" style="margin: 20px 0;"></div>'
+            '<div class="header"><%= scope.txtOpenRecent %></div>',
+            '<div id="id-recent-view"></div>'
         ].join('')),
 
         initialize: function(options) {
@@ -856,7 +857,7 @@ define([
         },
 
         render: function() {
-            this.$el.html(this.template());
+            this.$el.html(this.template({scope: this}));
 
             this.viewRecentPicker = new Common.UI.DataView({
                 el: $('#id-recent-view'),
@@ -895,7 +896,9 @@ define([
         onRecentFileClick: function(view, itemview, record){
             if ( this.menu )
                 this.menu.fireEvent('recent:open', [this.menu, record.get('url')]);
-        }
+        },
+
+        txtOpenRecent: 'Open Recent'
     });
 
     PE.Views.FileMenuPanels.CreateNew = Common.UI.BaseView.extend(_.extend({
@@ -1440,7 +1443,8 @@ define([
             this.rendered = false;
 
             this.template = _.template([
-                '<table class="main" style="margin: 30px 0;">',
+                '<div class="header">' + this.txtAccessRights + '</div>',
+                '<table class="main">',
                     '<tr class="rights">',
                         '<td class="left" style="vertical-align: top;"><label>' + this.txtRights + '</label></td>',
                         '<td class="right"><div id="id-info-rights"></div></td>',
@@ -1552,7 +1556,8 @@ define([
         },
 
         txtRights: 'Persons who have rights',
-        txtBtnAccessRights: 'Change access rights'
+        txtBtnAccessRights: 'Change access rights',
+        txtAccessRights: 'Access Rights'
     }, PE.Views.FileMenuPanels.DocumentRights || {}));
 
     PE.Views.FileMenuPanels.Help = Common.UI.BaseView.extend({

apps/presentationeditor/main/resources/less/leftmenu.less

@@ -347,6 +347,15 @@
         }
 
         #panel-recentfiles {
+            #id-recent-view {
+                margin: 0 0 20px 10px;
+            }
+
+            .header {
+                margin: 30px 0 20px 10px;
+                font-size: 16px;
+            }
+
             .dataview {
                 & > div:not([class^=ps-scrollbar]) {
                     border: none;
@@ -447,15 +456,22 @@
 
         #panel-rights {
             padding: 0 30px;
+
+            .header {
+                margin: 30px 0 20px 0;
+                font-size: 16px;
+            }
         }
 
-        #panel-info,
+        #panel-info {
-        #panel-rights {
             .header {
                 margin: 30px 0 20px 30px;
                 font-size: 16px;
             }
+        }
 
+        #panel-info,
+        #panel-rights {
             table {
                 tr {
                     td {

apps/spreadsheeteditor/main/app/view/FileMenuPanels.js

@@ -1234,7 +1234,8 @@ SSE.Views.FileMenuPanels.RecentFiles = Common.UI.BaseView.extend({
         menu: undefined,
 
         template: _.template([
-            '<div id="id-recent-view" style="margin: 20px 0;"></div>'
+            '<div class="header"><%= scope.txtOpenRecent %></div>',
+            '<div id="id-recent-view"></div>'
         ].join('')),
 
         initialize: function(options) {
@@ -1245,7 +1246,7 @@ SSE.Views.FileMenuPanels.RecentFiles = Common.UI.BaseView.extend({
         },
 
         render: function() {
-            this.$el.html(this.template());
+            this.$el.html(this.template({scope: this}));
 
             this.viewRecentPicker = new Common.UI.DataView({
                 el: $('#id-recent-view'),
@@ -1284,7 +1285,9 @@ SSE.Views.FileMenuPanels.RecentFiles = Common.UI.BaseView.extend({
         onRecentFileClick: function(view, itemview, record){
             if ( this.menu )
                 this.menu.fireEvent('recent:open', [this.menu, record.get('url')]);
-        }
+        },
+
+        txtOpenRecent: 'Open Recent'
     });
 
     SSE.Views.FileMenuPanels.CreateNew = Common.UI.BaseView.extend(_.extend({
@@ -1824,7 +1827,8 @@ SSE.Views.FileMenuPanels.RecentFiles = Common.UI.BaseView.extend({
             this.rendered = false;
 
             this.template = _.template([
-                '<table class="main" style="margin: 30px 0;">',
+                '<div class="header">' + this.txtAccessRights + '</div>',
+                '<table class="main">',
                     '<tr class="rights">',
                         '<td class="left" style="vertical-align: top;"><label>' + this.txtRights + '</label></td>',
                         '<td class="right"><div id="id-info-rights"></div></td>',
@@ -1934,7 +1938,8 @@ SSE.Views.FileMenuPanels.RecentFiles = Common.UI.BaseView.extend({
         },
 
         txtRights: 'Persons who have rights',
-        txtBtnAccessRights: 'Change access rights'
+        txtBtnAccessRights: 'Change access rights',
+        txtAccessRights: 'Access Rights'
     }, SSE.Views.FileMenuPanels.DocumentRights || {}));
 
     SSE.Views.FileMenuPanels.Help = Common.UI.BaseView.extend({
@@ -2302,6 +2307,7 @@ SSE.Views.FileMenuPanels.RecentFiles = Common.UI.BaseView.extend({
                 '<div id="id-print-settings" class="no-padding">',
                     '<div class="print-settings">',
                         '<div class="flex-settings ps-container oo settings-container">',
+                            '<div class="main-header"><%= scope.txtPrint %></div>',
                             '<table style="width: 100%;">',
                                 '<tbody>',
                                     '<tr><td><label class="header"><%= scope.txtPrintRange %></label></td></tr>',

apps/spreadsheeteditor/main/resources/less/leftmenu.less

@@ -214,6 +214,11 @@
             padding: 0;
             display: flex;
             flex-direction: column;
+
+            .header {
+                margin: 30px 0 20px 30px;
+                font-size: 16px;
+            }
         }
 
         #panel-settings {
@@ -402,6 +407,15 @@
         }
 
         #panel-recentfiles {
+            #id-recent-view {
+                margin: 0 0 20px 10px;
+            }
+
+            .header {
+                margin: 30px 0 20px 10px;
+                font-size: 16px;
+            }
+
             .dataview {
                 & > div:not([class^=ps-scrollbar]) {
                     border: none;
@@ -502,14 +516,15 @@
 
         #panel-rights {
             padding: 0 30px;
+
+            .header {
+                margin: 30px 0 20px 0;
+                font-size: 16px;
+            }
         }
 
         #panel-info,
         #panel-rights {
-            .header {
-                margin: 30px 0 20px 30px;
-                font-size: 16px;
-            }
             table {
                 tr {
                     td {
@@ -598,6 +613,10 @@
         }
 
         #panel-print {
+            .main-header {
+                font-size: 16px;
+                margin: 18px 0 20px 0;
+            }
             padding: 0;
             #print-preview-empty {
                 padding: 14px;