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

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

Browse source
This commit is contained in:
JuliaSvinareva 2022-11-23 16:15:14 +03:00
parent 575adb8540
commit 0c4f046278
6 changed files with 91 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/documenteditor/main/app/view/FileMenuPanels.js
View file

@ -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({

21
apps/documenteditor/main/resources/less/filemenu.less
View file

@ -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-rights {
#panel-info {
.header {
margin: 30px 0 20px 30px;
font-size: 16px;
}
}
#panel-info,
#panel-rights {
table {
tr {
td {

15
apps/presentationeditor/main/app/view/FileMenuPanels.js
View file

@ -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({

20
apps/presentationeditor/main/resources/less/leftmenu.less
View file

@ -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-rights {
#panel-info {
.header {
margin: 30px 0 20px 30px;
font-size: 16px;
}
}
#panel-info,
#panel-rights {
table {
tr {
td {

16
apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
View file

@ -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>',

27
apps/spreadsheeteditor/main/resources/less/leftmenu.less
View file

@ -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;