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

[SSE] Remove First sheet and Last sheet buttons in statusbar

Browse source
This commit is contained in:
JuliaSvinareva 2022-05-11 19:55:52 +03:00
parent 936d7d4c50
commit 3e2782e12f
4 changed files with 9 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/main/lib/component/TabBar.js
View file

@ -513,10 +513,10 @@ define([
},
setTabVisible: function(index, suppress) {
if (index <= 0 || index == 'first') {
if (index <= 0) {
this.$bar.scrollLeft(0);
this.checkInvisible(suppress);
} else if ( index >= (this.tabs.length - 1) || index == 'last') {
} else if ( index >= (this.tabs.length - 1)) {
var tab = this.tabs[this.tabs.length-1].$el;
if (this.$bar.find('.separator-item').length === 0) {
this.$bar.append('<li class="separator-item"><span></span></li>');

2
apps/spreadsheeteditor/main/app/template/StatusBar.template
View file

@ -1,10 +1,8 @@
<div class="statusbar">
<div id="status-tabs-scroll" class="status-group">
<button id="status-btn-tabfirst" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="Q"><i class="icon toolbar__icon btn-firstitem">&nbsp;</i></button>
<button id="status-btn-tabback" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="G"><i class="icon toolbar__icon btn-previtem">&nbsp;</i></button>
<button id="status-btn-tabnext" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="J"><i class="icon toolbar__icon btn-nextitem">&nbsp;</i></button>
<button id="status-btn-tablast" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="K"><i class="icon toolbar__icon btn-lastitem">&nbsp;</i></button>
</div>
<div id="status-addtabs-box" class="status-group">
<button id="status-btn-addtab" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small" data-hint-title="X"><i class="icon toolbar__icon btn-zoomup">&nbsp;</i></button>

32
apps/spreadsheeteditor/main/app/view/Statusbar.js
View file

@ -60,10 +60,8 @@ define([
events: function() {
return {
'click #status-btn-tabfirst': _.bind(this.onBtnTabScroll, this, 'first'),
'click #status-btn-tabback': _.bind(this.onBtnTabScroll, this, 'backward'),
'click #status-btn-tabnext': _.bind(this.onBtnTabScroll, this, 'forward'),
'click #status-btn-tablast': _.bind(this.onBtnTabScroll, this, 'last')
'click #status-btn-tabnext': _.bind(this.onBtnTabScroll, this, 'forward')
};
},
@ -100,13 +98,6 @@ define([
hintAnchor: 'top-right'
});
this.btnScrollFirst = new Common.UI.Button({
el: $('#status-btn-tabfirst',this.el),
hint: this.tipFirst,
disabled: true,
hintAnchor: 'top'
});
this.btnScrollBack = new Common.UI.Button({
el: $('#status-btn-tabback',this.el),
hint: this.tipPrev,
@ -121,13 +112,6 @@ define([
hintAnchor: 'top'
});
this.btnScrollLast = new Common.UI.Button({
el: $('#status-btn-tablast',this.el),
hint: this.tipLast,
disabled: true,
hintAnchor: 'top'
});
this.btnAddWorksheet = new Common.UI.Button({
el: $('#status-btn-addtab',this.el),
hint: this.tipAddTab,
@ -528,8 +512,6 @@ define([
this.btnAddWorksheet.setDisabled(this.mode.isDisconnected || this.api && (this.api.asc_isWorkbookLocked() || this.api.isCellEdited) || this.rangeSelectionMode!=Asc.c_oAscSelectionDialogType.None);
if (this.mode.isEditOle) { // change hints order
this.btnAddWorksheet.$el.find('button').addBack().filter('button').attr('data-hint', '1');
this.btnScrollFirst.$el.find('button').addBack().filter('button').attr('data-hint', '1');
this.btnScrollLast.$el.find('button').addBack().filter('button').attr('data-hint', '1');
this.btnScrollBack.$el.find('button').addBack().filter('button').attr('data-hint', '1');
this.btnScrollNext.$el.find('button').addBack().filter('button').attr('data-hint', '1');
this.cntSheetList.$el.find('button').attr('data-hint', '1');
@ -825,13 +807,11 @@ define([
},
onTabInvisible: function(obj, opts) {
if (this.btnScrollFirst.isDisabled() !== (!opts.first)) {
this.btnScrollFirst.setDisabled(!opts.first);
if (this.btnScrollBack.isDisabled() !== (!opts.first)) {
this.btnScrollBack.setDisabled(!opts.first);
}
if (this.btnScrollNext.isDisabled() !== (!opts.last)) {
this.btnScrollNext.setDisabled(!opts.last);
this.btnScrollLast.setDisabled(!opts.last);
}
this.hasTabInvisible = opts.first || opts.last;
},
@ -858,8 +838,8 @@ define([
if (this.boxAction.is(':visible')) {
var tabsWidth = this.tabbar.getWidth();
var actionWidth = this.actionWidth || 140;
if (Common.Utils.innerWidth() - right - 175 - actionWidth - tabsWidth > 0) { // docWidth - right - left - this.boxAction.width
var left = tabsWidth + 175;
if (Common.Utils.innerWidth() - right - 129 - actionWidth - tabsWidth > 0) { // docWidth - right - left - this.boxAction.width
var left = tabsWidth + 129;
this.boxAction.css({'right': right + 'px', 'left': left + 'px', 'width': 'auto'});
this.boxAction.find('.separator').css('border-left-color', 'transparent');
} else {
@ -912,7 +892,7 @@ define([
changeViewMode: function (mode) {
var edit = mode.isEdit;
if (edit) {
this.tabBarBox.css('left', '175px');
this.tabBarBox.css('left', '129px');
} else {
this.tabBarBox.css('left', '');
}
@ -1043,8 +1023,6 @@ define([
tipZoomIn : 'Zoom In',
tipZoomOut : 'Zoom Out',
tipZoomFactor : 'Magnification',
tipFirst : 'First Sheet',
tipLast : 'Last Sheet',
tipPrev : 'Previous Sheet',
tipNext : 'Next Sheet',
tipAddTab : 'Add Worksheet',

4
apps/spreadsheeteditor/main/resources/less/statusbar.less
View file

@ -3,7 +3,7 @@
z-index: 500;
#status-tabs-scroll {
width: 112px;
width: 66px;
float: left;
padding: 3px 12px 0 10px;
height: 25px;
@ -159,7 +159,7 @@
position: absolute;
overflow: hidden;
height: 25px;
left: 112px;
left: 66px;
right: 160px;
//margin-right: 3px;
}