1271 lines
59 KiB
JavaScript
1271 lines
59 KiB
JavaScript
/*
|
|
*
|
|
* (c) Copyright Ascensio System SIA 2010-2019
|
|
*
|
|
* This program is a free software product. You can redistribute it and/or
|
|
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
|
* version 3 as published by the Free Software Foundation. In accordance with
|
|
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
|
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
|
* of any third-party rights.
|
|
*
|
|
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
|
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
|
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
|
*
|
|
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
|
|
* street, Riga, Latvia, EU, LV-1050.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of the Program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU AGPL version 3.
|
|
*
|
|
* Pursuant to Section 7(b) of the License you must retain the original Product
|
|
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
|
* grant you any rights under trademark law for use of our trademarks.
|
|
*
|
|
* All the Product's GUI elements, including illustrations and icon sets, as
|
|
* well as technical writing content are licensed under the terms of the
|
|
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
|
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
|
*
|
|
*/
|
|
/**
|
|
* StatusBar View
|
|
*
|
|
* Created by Maxim Kadushkin on 27 March 2014
|
|
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
|
|
*
|
|
*/
|
|
|
|
define([
|
|
'text!spreadsheeteditor/main/app/template/StatusBar.template',
|
|
'tip',
|
|
'common/main/lib/component/TabBar',
|
|
'common/main/lib/component/Menu',
|
|
'common/main/lib/component/Window',
|
|
'common/main/lib/component/ThemeColorPalette'
|
|
],
|
|
function(template){
|
|
'use strict';
|
|
|
|
if (SSE.Views.Statusbar) {
|
|
var RenameDialog = SSE.Views.Statusbar.RenameDialog;
|
|
var CopyDialog = SSE.Views.Statusbar.CopyDialog;
|
|
}
|
|
|
|
SSE.Views.Statusbar = Common.UI.BaseView.extend(_.extend({
|
|
el: '#statusbar',
|
|
template: _.template(template),
|
|
|
|
events: function() {
|
|
return {
|
|
'click #status-btn-tabback': _.bind(this.onBtnTabScroll, this, 'backward'),
|
|
'click #status-btn-tabnext': _.bind(this.onBtnTabScroll, this, 'forward')
|
|
};
|
|
},
|
|
|
|
api: undefined,
|
|
|
|
initialize: function (options) {
|
|
_.extend(this, options);
|
|
},
|
|
|
|
render: function () {
|
|
var me = this;
|
|
$(this.el).html(this.template({
|
|
scope: this
|
|
}));
|
|
|
|
this.cntStatusbar = $('.statusbar', this.el);
|
|
this.isCompact = Common.localStorage.getBool('sse-compact-statusbar', true);
|
|
if (!this.isCompact) {
|
|
this.cntStatusbar.addClass('no-compact');
|
|
}
|
|
|
|
this.editMode = false;
|
|
this.rangeSelectionMode = Asc.c_oAscSelectionDialogType.None;
|
|
|
|
this.btnZoomDown = new Common.UI.Button({
|
|
el: $('#status-btn-zoomdown',this.el),
|
|
hint: this.tipZoomOut+' (Ctrl+-)',
|
|
hintAnchor: 'top'
|
|
});
|
|
|
|
this.btnZoomUp = new Common.UI.Button({
|
|
el: $('#status-btn-zoomup',this.el),
|
|
hint: this.tipZoomIn+' (Ctrl++)',
|
|
hintAnchor: 'top-right'
|
|
});
|
|
|
|
this.btnScrollBack = new Common.UI.Button({
|
|
el: $('#status-btn-tabback',this.el),
|
|
hint: this.tipPrev,
|
|
disabled: true,
|
|
hintAnchor: 'top'
|
|
});
|
|
|
|
this.btnScrollNext = new Common.UI.Button({
|
|
el: $('#status-btn-tabnext',this.el),
|
|
hint: this.tipNext,
|
|
disabled: true,
|
|
hintAnchor: 'top'
|
|
});
|
|
|
|
this.btnAddWorksheet = new Common.UI.Button({
|
|
el: $('#status-btn-addtab',this.el),
|
|
hint: this.tipAddTab,
|
|
disabled: true,
|
|
hintAnchor: 'top'
|
|
});
|
|
|
|
this.cntSheetList = new Common.UI.Button({
|
|
el: $('.cnt-tabslist', this.el),
|
|
hint: this.tipListOfSheets,
|
|
hintAnchor: 'top'
|
|
});
|
|
this.btnSheetList = $('#status-btn-tabslist',this.$el);
|
|
this.sheetListMenu = new Common.UI.Menu({
|
|
style: 'margin-top:-3px;',
|
|
menuAlign: 'bl-tl',
|
|
maxHeight: 300
|
|
});
|
|
this.sheetListMenu.on('item:click', function(obj,item) {
|
|
me.fireEvent('show:tab', [item.value]);
|
|
});
|
|
this.cntSheetList.cmpEl.on({
|
|
'show.bs.dropdown': function () {
|
|
_.defer(function(){
|
|
me.cntSheetList.cmpEl.find('ul').focus();
|
|
}, 100);
|
|
},
|
|
'hide.bs.dropdown': function () {
|
|
_.defer(function(){
|
|
me.api.asc_enableKeyEvents(true);
|
|
}, 100);
|
|
}
|
|
});
|
|
this.sheetListMenu.render($('.cnt-tabslist',this.el));
|
|
this.sheetListMenu.cmpEl.attr({tabindex: -1});
|
|
|
|
this.cntZoom = new Common.UI.Button({
|
|
el: $('.cnt-zoom',this.el),
|
|
hint: this.tipZoomFactor,
|
|
hintAnchor: 'top'
|
|
});
|
|
this.cntZoom.cmpEl.on({
|
|
'show.bs.dropdown': function () {
|
|
_.defer(function(){
|
|
me.cntZoom.cmpEl.find('ul').focus();
|
|
}, 100);
|
|
},
|
|
'hide.bs.dropdown': function () {
|
|
_.defer(function(){
|
|
me.api.asc_enableKeyEvents(true);
|
|
}, 100);
|
|
}
|
|
});
|
|
|
|
this.zoomMenu = new Common.UI.Menu({
|
|
style: 'margin-top:-5px;',
|
|
menuAlign: 'bl-tl',
|
|
items: [
|
|
{ caption: "50%", value: 50 },
|
|
{ caption: "75%", value: 75 },
|
|
{ caption: "100%", value: 100 },
|
|
{ caption: "125%", value: 125 },
|
|
{ caption: "150%", value: 150 },
|
|
{ caption: "175%", value: 175 },
|
|
{ caption: "200%", value: 200 },
|
|
{ caption: "300%", value: 300 },
|
|
{ caption: "400%", value: 400 },
|
|
{ caption: "500%", value: 500 }
|
|
]
|
|
});
|
|
this.zoomMenu.render($('.cnt-zoom',this.el));
|
|
this.zoomMenu.cmpEl.attr({tabindex: -1});
|
|
|
|
this.labelZoom = $('#status-label-zoom',this.$el);
|
|
|
|
this.tabBarBox = $('#status-sheets-bar-box', this.el);
|
|
this.tabbar = new Common.UI.TabBar({
|
|
el: '#status-sheets-bar',
|
|
placement: 'bottom',
|
|
draggable: false
|
|
}).render();
|
|
|
|
this.tabbar.on({
|
|
'tab:invisible' : _.bind(this.onTabInvisible, this),
|
|
'tab:changed' : _.bind(this.onSheetChanged, this),
|
|
//'tab:manual' : _.bind(this.onAddTabClick, this),
|
|
'tab:contextmenu' : _.bind(this.onTabMenu, this),
|
|
'tab:dblclick' : _.bind(function () {
|
|
if (me.editMode && !(me.mode && me.mode.isDisconnected) && (me.rangeSelectionMode !== Asc.c_oAscSelectionDialogType.Chart) &&
|
|
(me.rangeSelectionMode !== Asc.c_oAscSelectionDialogType.FormatTable)&&
|
|
(me.rangeSelectionMode !== Asc.c_oAscSelectionDialogType.PrintTitles)) {
|
|
me.fireEvent('sheet:changename');
|
|
}
|
|
}, this),
|
|
'tab:dragstart': _.bind(function (dataTransfer, selectTabs) {
|
|
Common.Utils.isIE && (this.isDrop = false);
|
|
Common.UI.Menu.Manager.hideAll();
|
|
this.api.asc_closeCellEditor();
|
|
var arrTabs = [],
|
|
arrName = [],
|
|
me = this;
|
|
var wc = me.api.asc_getWorksheetsCount(), items = [], i = -1;
|
|
while (++i < wc) {
|
|
if (!this.api.asc_isWorksheetHidden(i)) {
|
|
items.push({
|
|
value: me.api.asc_getWorksheetName(i),
|
|
inindex: i
|
|
});
|
|
}
|
|
}
|
|
var arrSelectIndex = [];
|
|
selectTabs.forEach(function (item) {
|
|
arrSelectIndex.push(item.sheetindex);
|
|
});
|
|
items.forEach(function (item) {
|
|
if (arrSelectIndex.indexOf(item.inindex) !== -1) {
|
|
arrTabs.push(item.inindex);
|
|
arrName.push(item.value);
|
|
}
|
|
});
|
|
var stringSheet, arr = [];
|
|
stringSheet = this.api.asc_StartMoveSheet(_.clone(arrTabs));
|
|
arr.push({type: 'onlyoffice', value: stringSheet});
|
|
arr.push({type: 'indexes', value: arrTabs});
|
|
arr.push({type: 'names', value: arrName});
|
|
arr.push({type: 'key', value: Common.Utils.InternalSettings.get("sse-doc-info-key")});
|
|
var json = JSON.stringify(arr);
|
|
if (!Common.Utils.isIE) {
|
|
dataTransfer.setData('onlyoffice', json);
|
|
} else {
|
|
dataTransfer.setData('text', 'sheet');
|
|
this.dataTransfer = json;
|
|
}
|
|
this.dropTabs = selectTabs;
|
|
}, this),
|
|
'tab:drop': _.bind(function (dataTransfer, index, copy) {
|
|
if (this.isEditFormula || (Common.Utils.isIE && this.dataTransfer === undefined)) return;
|
|
Common.Utils.isIE && (this.isDrop = true);
|
|
var data = !Common.Utils.isIE ? dataTransfer.getData('onlyoffice') : this.dataTransfer;
|
|
if (data) {
|
|
var arrData = JSON.parse(data);
|
|
if (arrData) {
|
|
var key = _.findWhere(arrData, {type: 'key'}).value;
|
|
if (Common.Utils.InternalSettings.get("sse-doc-info-key") === key) {
|
|
this.fireEvent('sheet:move', [_.findWhere(arrData, {type: 'indexes'}).value, !copy, true, _.isNumber(index) ? index : this.api.asc_getWorksheetsCount()]);
|
|
Common.NotificationCenter.trigger('tabs:dragend', this);
|
|
} else {
|
|
var names = [], wc = this.api.asc_getWorksheetsCount();
|
|
while (wc--) {
|
|
names.push(this.api.asc_getWorksheetName(wc).toLowerCase());
|
|
}
|
|
var newNames = [];
|
|
var arrNames = _.findWhere(arrData, {type: 'names'}).value;
|
|
arrNames.forEach(function (name) {
|
|
var ind = 1,
|
|
name = name;
|
|
var re = /^(.*)\((\d)\)$/.exec(name);
|
|
var first = re ? re[1] : name + ' ';
|
|
var arr = [];
|
|
newNames.length > 0 && newNames.forEach(function (item) {
|
|
arr.push(item.toLowerCase());
|
|
});
|
|
while (names.indexOf(name.toLowerCase()) !== -1 || arr.indexOf(name.toLowerCase()) !== -1) {
|
|
ind++;
|
|
name = first + '(' + ind + ')';
|
|
}
|
|
newNames.push(name);
|
|
});
|
|
var index = _.isNumber(index) ? index : this.api.asc_getWorksheetsCount();
|
|
this.api.asc_EndMoveSheet(index, newNames, _.findWhere(arrData, {type: 'onlyoffice'}).value);
|
|
}
|
|
}
|
|
}
|
|
}, this),
|
|
'tab:dragend': _.bind(function (cut) {
|
|
if (cut && !(Common.Utils.isIE && this.isDrop === false)) {
|
|
if (this.dropTabs.length > 0) {
|
|
var arr = [];
|
|
this.dropTabs.forEach(function (tab) {
|
|
arr.push(tab.sheetindex);
|
|
});
|
|
me.api.asc_deleteWorksheet(arr);
|
|
}
|
|
}
|
|
this.dropTabs = undefined;
|
|
if (Common.Utils.isIE) {
|
|
this.isDrop = undefined;
|
|
this.dataTransfer = undefined;
|
|
}
|
|
Common.NotificationCenter.trigger('tabs:dragend', this);
|
|
}, this)
|
|
});
|
|
|
|
var menuHiddenItems = new Common.UI.Menu({
|
|
maxHeight: 267,
|
|
menuAlign: 'tl-tr'
|
|
}).on('show:after', function () {
|
|
this.scroller.update({alwaysVisibleY: true});
|
|
});
|
|
menuHiddenItems.on('item:click', function(obj,item,e) {
|
|
me.fireEvent('show:hidden', [me, item.value]);
|
|
});
|
|
|
|
var menuColorItems = new Common.UI.Menu({
|
|
menuAlign: 'tl-tr',
|
|
cls: 'color-tab',
|
|
items: [
|
|
{ template: _.template('<div id="id-tab-menu-color" style="width: 164px;display: inline-block;"></div>') },
|
|
{caption: '--'},
|
|
{
|
|
id: "id-tab-menu-new-color",
|
|
template: _.template('<a tabindex="-1" type="menuitem" style="padding-left:12px;">' + me.textNewColor + '</a>')
|
|
}
|
|
]
|
|
});
|
|
|
|
function dummyCmp() {
|
|
return {
|
|
isDummy : true,
|
|
on : function() {}
|
|
}
|
|
}
|
|
|
|
me.mnuTabColor = dummyCmp();
|
|
this.tabMenu = new Common.UI.Menu({
|
|
menuAlign: 'bl-tl',
|
|
items: [
|
|
{caption: this.itemInsert, value: 'ins'},
|
|
{caption: this.itemDelete, value: 'del'},
|
|
{caption: this.itemRename, value: 'ren'},
|
|
{caption: this.itemCopy, value: 'copy'},
|
|
{caption: this.itemMove, value: 'move'},
|
|
{caption: this.itemHide, value: 'hide'},
|
|
{
|
|
caption: this.itemHidden,
|
|
menu: menuHiddenItems
|
|
},
|
|
{caption: this.itemProtect, value: 'protect'},
|
|
{
|
|
caption: this.itemTabColor,
|
|
menu: menuColorItems
|
|
},
|
|
{ caption: '--' },
|
|
{caption: this.selectAllSheets, value: 'selectall'},
|
|
{caption: this.ungroupSheets, value: 'noselect'}
|
|
]
|
|
}).on('render:after', function(btn) {
|
|
me.mnuTabColor = new Common.UI.ThemeColorPalette({
|
|
el: $('#id-tab-menu-color'),
|
|
outerMenu: {menu: menuColorItems, index: 0, focusOnShow: true},
|
|
transparent: true
|
|
});
|
|
menuColorItems.setInnerMenu([{menu: me.mnuTabColor, index: 0}]);
|
|
me.mnuTabColor.on('select', function(picker, color) {
|
|
me.fireEvent('sheet:setcolor', [color]);
|
|
setTimeout(function(){
|
|
me.tabMenu.hide();
|
|
}, 1);
|
|
});
|
|
});
|
|
|
|
var customizeStatusBarMenuTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem">'+
|
|
'<div style="position: relative;">'+
|
|
'<div class="item-caption"><%= caption %></div>' +
|
|
'<label class="item-value"><%= options.exampleval ? options.exampleval : "" %></label>' +
|
|
'</div></a>');
|
|
|
|
this.customizeStatusBarMenu = new Common.UI.Menu({
|
|
menuAlign: 'bl-tl',
|
|
menuAlignEl: $(this.el),
|
|
items: [
|
|
//{template: _.template('<div style="padding-left: 6px; padding-top: 2px;">' + this.textCustomizeStatusBar + '</div>')},
|
|
//{caption: '--'},
|
|
{
|
|
id: 'saved-status',
|
|
caption: this.itemStatus,
|
|
value: 'status',
|
|
checkable: true,
|
|
checked: true,
|
|
template: customizeStatusBarMenuTemplate,
|
|
exampleval: ''
|
|
},
|
|
{caption: '--'},
|
|
{
|
|
id: 'math-item-average',
|
|
caption: this.itemAverage,
|
|
value: 'average',
|
|
checkable: true,
|
|
checked: true,
|
|
template: customizeStatusBarMenuTemplate,
|
|
exampleval: ''
|
|
},
|
|
{
|
|
id: 'math-item-count',
|
|
caption: this.itemCount,
|
|
value: 'count',
|
|
checkable: true,
|
|
checked: true,
|
|
template: customizeStatusBarMenuTemplate,
|
|
exampleval: ''
|
|
},
|
|
{
|
|
id: 'math-item-min',
|
|
caption: this.itemMinimum,
|
|
value: 'min',
|
|
checkable: true,
|
|
checked: true,
|
|
template: customizeStatusBarMenuTemplate,
|
|
exampleval: ''
|
|
},
|
|
{
|
|
id: 'math-item-max',
|
|
caption: this.itemMaximum,
|
|
value: 'max',
|
|
checkable: true,
|
|
checked: true,
|
|
template: customizeStatusBarMenuTemplate,
|
|
exampleval: ''
|
|
},
|
|
{
|
|
id: 'math-item-sum',
|
|
caption: this.itemSum,
|
|
value: 'sum',
|
|
checkable: true,
|
|
checked: true,
|
|
template: customizeStatusBarMenuTemplate,
|
|
exampleval: ''
|
|
}
|
|
]
|
|
});
|
|
|
|
this.tabbar.$el.append('<div class="dropdown-toggle" data-toggle="dropdown" style="width:0; height:0;"></div>');
|
|
this.tabMenu.render(this.tabbar.$el);
|
|
this.tabMenu.cmpEl.attr({tabindex: -1});
|
|
this.tabMenu.on('show:after', _.bind(this.onTabMenuAfterShow, this));
|
|
this.tabMenu.on('hide:after', _.bind(this.onTabMenuAfterHide, this));
|
|
this.tabMenu.on('item:click', _.bind(this.onTabMenuClick, this));
|
|
|
|
this.boxMath = $('#status-math-box', this.el);
|
|
this.labelSum = $('#status-math-sum', this.boxMath);
|
|
this.labelCount = $('#status-math-count', this.boxMath);
|
|
this.labelAverage = $('#status-math-average', this.boxMath);
|
|
this.labelMin = $('#status-math-min', this.boxMath);
|
|
this.labelMax = $('#status-math-max', this.boxMath);
|
|
this.boxMath.hide();
|
|
|
|
this.boxFiltered = $('#status-filtered-box', this.el);
|
|
this.labelFiltered = $('#status-filtered-records', this.boxFiltered);
|
|
this.boxFiltered.hide();
|
|
|
|
this.boxZoom = $('#status-zoom-box', this.el);
|
|
this.boxZoom.find('.separator').css('border-left-color','transparent');
|
|
|
|
this.boxNumberSheets = $('#status-number-of-sheet', this.el);
|
|
this.isCompact && this.boxNumberSheets.hide();
|
|
this.labelNumberSheets = $('#label-sheets', this.boxNumberSheets);
|
|
|
|
this.boxAction = $('#status-action', this.el);
|
|
this.boxAction.hide();
|
|
this.labelAction = $('#label-action', this.boxAction);
|
|
|
|
this.$el.append('<div id="statusbar-menu" style="width:0; height:0;"></div>');
|
|
this.$customizeStatusBarMenu = this.$el.find('#statusbar-menu');
|
|
this.$customizeStatusBarMenu.on({
|
|
'show.bs.dropdown': function () {
|
|
_.defer(function(){
|
|
me.$customizeStatusBarMenu.find('ul').focus();
|
|
}, 100);
|
|
},
|
|
'hide.bs.dropdown': function () {
|
|
_.defer(function(){
|
|
me.api.asc_enableKeyEvents(true);
|
|
}, 100);
|
|
}
|
|
});
|
|
this.$customizeStatusBarMenu.append('<div class="dropdown-toggle" data-toggle="dropdown" style="width:0; height:0;"></div>');
|
|
this.customizeStatusBarMenu.render(this.$customizeStatusBarMenu);
|
|
this.customizeStatusBarMenu.cmpEl.attr({tabindex: -1});
|
|
this.customizeStatusBarMenu.on('show:after', _.bind(this.onCustomizeStatusBarAfterShow, this));
|
|
this.customizeStatusBarMenu.on('hide:after', _.bind(this.onCustomizeStatusBarAfterHide, this));
|
|
this.customizeStatusBarMenu.on('item:click', _.bind(this.onCustomizeStatusBarClick, this));
|
|
this.$el.on('contextmenu', _.bind(this.showCustomizeStatusBar, this));
|
|
|
|
return this;
|
|
},
|
|
|
|
setApi: function(api) {
|
|
this.api = api;
|
|
this.api.asc_registerCallback('asc_onSheetsChanged', _.bind(this.update, this));
|
|
return this;
|
|
},
|
|
|
|
setMode: function(mode) {
|
|
this.mode = _.extend({}, this.mode, mode);
|
|
// this.$el.find('.el-edit')[mode.isEdit?'show':'hide']();
|
|
//this.btnAddWorksheet.setVisible(this.mode.isEdit);
|
|
$('#status-addtabs-box')[(this.mode.isEdit) ? 'show' : 'hide']();
|
|
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.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');
|
|
this.cntSheetList.$el.find('button').removeAttr('data-hint-title'); // 'v' hint is used for paste
|
|
this.cntZoom.$el.find('.dropdown-toggle').attr('data-hint', '1');
|
|
}
|
|
this.updateTabbarBorders();
|
|
},
|
|
|
|
setVisible: function(visible) {
|
|
visible ? this.show(): this.hide();
|
|
},
|
|
|
|
isVisible: function() {
|
|
return this.$el && this.$el.is(':visible');
|
|
},
|
|
|
|
update: function() {
|
|
var me = this;
|
|
|
|
this.tabbar.empty(true);
|
|
this.tabMenu.items[6].menu.removeAll();
|
|
this.tabMenu.items[6].hide();
|
|
this.btnAddWorksheet.setDisabled(true);
|
|
this.sheetListMenu.removeAll();
|
|
|
|
if (this.api) {
|
|
var wc = this.api.asc_getWorksheetsCount(), i = -1;
|
|
var hidentems = [], items = [], allItems = [], tab, locked, name;
|
|
var sindex = this.api.asc_getActiveWorksheetIndex();
|
|
var wbprotected = this.api.asc_isProtectedWorkbook();
|
|
|
|
while (++i < wc) {
|
|
locked = me.api.asc_isWorksheetLockedOrDeleted(i);
|
|
name = me.api.asc_getActiveNamedSheetView ? me.api.asc_getActiveNamedSheetView(i) || '' : '';
|
|
tab = {
|
|
sheetindex : i,
|
|
index : items.length,
|
|
active : sindex == i,
|
|
label : me.api.asc_getWorksheetName(i),
|
|
// reorderable : !locked,
|
|
cls : locked ? 'coauth-locked':'',
|
|
isLockTheDrag : locked || me.mode.isDisconnected || wbprotected,
|
|
iconCls : 'btn-sheet-view',
|
|
iconTitle : name,
|
|
iconVisible : name!==''
|
|
};
|
|
this.api.asc_isWorksheetHidden(i)? hidentems.push(tab) : items.push(tab);
|
|
allItems.push(tab);
|
|
}
|
|
|
|
if (hidentems.length) {
|
|
hidentems.forEach(function(item){
|
|
me.tabMenu.items[6].menu.addItem(new Common.UI.MenuItem({
|
|
style: 'white-space: pre-wrap',
|
|
caption: Common.Utils.String.htmlEncode(item.label),
|
|
value: item.sheetindex
|
|
}));
|
|
});
|
|
this.tabMenu.items[6].show();
|
|
}
|
|
|
|
this.tabbar.add(items);
|
|
|
|
allItems.forEach(function(item){
|
|
var hidden = me.api.asc_isWorksheetHidden(item.sheetindex);
|
|
me.sheetListMenu.addItem(new Common.UI.MenuItem({
|
|
style: 'white-space: pre',
|
|
caption: Common.Utils.String.htmlEncode(item.label),
|
|
value: item.sheetindex,
|
|
checkable: true,
|
|
checked: item.active,
|
|
hidden: hidden,
|
|
visible: !hidden || !wbprotected,
|
|
textHidden: me.itemHidden,
|
|
template: _.template([
|
|
'<a id="<%= id %>" style="<%= style %>" tabindex="-1" type="menuitem" <% if (options.hidden) { %> data-hidden="true" <% } %>>',
|
|
'<div class="color"></div>',
|
|
'<span class="name"><%= caption %></span>',
|
|
'<% if (options.hidden) { %>',
|
|
'<span class="hidden-mark"><%= options.textHidden %></span>',
|
|
'<% } %>',
|
|
'</a>'
|
|
].join(''))
|
|
}));
|
|
});
|
|
|
|
if (!_.isUndefined(this.tabBarScroll)) {
|
|
this.tabbar.$bar.scrollLeft(this.tabBarScroll.scrollLeft);
|
|
this.tabBarScroll = undefined;
|
|
}
|
|
if (!this.tabbar.isTabVisible(sindex))
|
|
this.tabbar.setTabVisible(sindex);
|
|
|
|
this.btnAddWorksheet.setDisabled(me.mode.isDisconnected || me.api.asc_isWorkbookLocked() || wbprotected || me.api.isCellEdited);
|
|
if (this.mode.isEdit) {
|
|
this.tabbar.addDataHint(_.findIndex(items, function (item) {
|
|
return item.sheetindex === sindex;
|
|
}), this.mode.isEditOle ? '1' : '0');
|
|
}
|
|
|
|
$('#status-label-zoom').text(Common.Utils.String.format(this.zoomText, Math.floor((this.api.asc_getZoom() +.005)*100)));
|
|
|
|
this.updateNumberOfSheet(sindex, wc);
|
|
this.updateTabbarBorders();
|
|
|
|
me.fireEvent('sheet:changed', [me, sindex]);
|
|
me.fireEvent('sheet:updateColors', [true]);
|
|
Common.NotificationCenter.trigger('comments:updatefilter', ['doc', 'sheet' + me.api.asc_getActiveWorksheetId()], false);
|
|
}
|
|
},
|
|
|
|
setMathInfo: function(info) {
|
|
if (info.count>1) {
|
|
if (!this.boxMath.is(':visible')) this.boxMath.show();
|
|
this.labelCount.text(this.textCount + ': ' + info.count);
|
|
this.labelMin.text((info.min && info.min.length) ? (this.textMin + ': ' + info.min) : '');
|
|
this.labelMax.text((info.max && info.max.length) ? (this.textMax + ': ' + info.max) : '');
|
|
this.labelSum.text((info.sum && info.sum.length) ? (this.textSum + ': ' + info.sum) : '');
|
|
this.labelAverage.text((info.average && info.average.length) ? (this.textAverage + ': ' + info.average) : '');
|
|
|
|
this.labelMin[info.min && info.min.length > 0 ? 'show' : 'hide']();
|
|
this.labelMax[info.max && info.max.length > 0 ? 'show' : 'hide']();
|
|
this.labelSum[info.sum && info.sum.length > 0 ? 'show' : 'hide']();
|
|
this.labelAverage[info.average && info.average.length > 0 ? 'show' : 'hide']();
|
|
|
|
this.customizeStatusBarMenu.items.forEach(function (item) {
|
|
if (item.options.id === 'math-item-average') {
|
|
item.options.exampleval = (info.average && info.average.length) ? info.average : '';
|
|
} else if (item.options.id === 'math-item-min') {
|
|
item.options.exampleval = (info.min && info.min.length) ? info.min : '';
|
|
} else if (item.options.id === 'math-item-max') {
|
|
item.options.exampleval = (info.max && info.max.length) ? info.max : '';
|
|
} else if (item.options.id === 'math-item-count') {
|
|
item.options.exampleval = (info.count) ? String(info.count) : '';
|
|
} else if (item.options.id === 'math-item-sum') {
|
|
item.options.exampleval = (info.sum && info.sum.length) ? info.sum : '';
|
|
}
|
|
$(item.el).find('label').text(item.options.exampleval);
|
|
});
|
|
} else {
|
|
this.customizeStatusBarMenu.items.forEach(function (item) {
|
|
item.options.exampleval = '';
|
|
$(item.el).find('label').text('');
|
|
});
|
|
if (this.boxMath.is(':visible')) this.boxMath.hide();
|
|
}
|
|
|
|
var me = this;
|
|
_.delay(function(){
|
|
me.updateVisibleItemsBoxMath();
|
|
me.updateTabbarBorders();
|
|
me.onTabInvisible(undefined, me.tabbar.checkInvisible(true));
|
|
},30);
|
|
},
|
|
|
|
setFilteredInfo: function(countFilter, countRecords) {
|
|
if (countFilter>0 && countRecords>0) {//filter is applied
|
|
if (!this.boxFiltered.is(':visible')) this.boxFiltered.show();
|
|
this.labelFiltered.text(Common.Utils.String.format(this.filteredRecordsText, countFilter, countRecords));
|
|
} else if (countFilter) {// filter mode
|
|
if (!this.boxFiltered.is(':visible')) this.boxFiltered.show();
|
|
this.labelFiltered.text(this.filteredText);
|
|
} else if (countFilter !== undefined && countFilter !== null){
|
|
if (this.boxFiltered.is(':visible')) this.boxFiltered.hide();
|
|
} else {
|
|
var filterInfo = this.api.asc_getCellInfo().asc_getAutoFilterInfo(),
|
|
need_disable = !filterInfo || (filterInfo.asc_getIsApplyAutoFilter()!==true);
|
|
this.setFilteredInfo(!need_disable);
|
|
}
|
|
|
|
var me = this;
|
|
_.delay(function(){
|
|
me.onTabInvisible(undefined, me.tabbar.checkInvisible(true));
|
|
},30);
|
|
},
|
|
|
|
onSheetChanged: function(o, index, tab) {
|
|
this.api.asc_showWorksheet(tab.sheetindex);
|
|
|
|
this.updateNumberOfSheet(tab.sheetindex, this.api.asc_getWorksheetsCount());
|
|
|
|
if (this.hasTabInvisible && !this.tabbar.isTabVisible(index)) {
|
|
this.tabbar.setTabVisible(index);
|
|
}
|
|
|
|
if (this.mode.isEdit) {
|
|
this.tabbar.addDataHint(index, this.mode.isEditOle ? '1' : '0');
|
|
}
|
|
|
|
this.fireEvent('sheet:changed', [this, tab.sheetindex]);
|
|
this.fireEvent('sheet:updateColors', [true]);
|
|
|
|
// Common.NotificationCenter.trigger('comments:updatefilter', ['doc', 'sheet' + this.api.asc_getActiveWorksheetId()], false); // hide popover
|
|
},
|
|
|
|
onTabMenu: function (o, index, tab, select) {
|
|
var me = this;
|
|
if (this.mode.isEdit && !this.isEditFormula && (this.rangeSelectionMode !== Asc.c_oAscSelectionDialogType.Chart) &&
|
|
(this.rangeSelectionMode !== Asc.c_oAscSelectionDialogType.FormatTable) &&
|
|
(this.rangeSelectionMode !== Asc.c_oAscSelectionDialogType.PrintTitles) &&
|
|
!this.mode.isDisconnected ) {
|
|
if (tab && tab.sheetindex >= 0) {
|
|
var rect = tab.$el.get(0).getBoundingClientRect(),
|
|
childPos = tab.$el.offset(),
|
|
parentPos = tab.$el.parent().offset();
|
|
|
|
if (!tab.isActive()) this.tabbar.setActive(tab);
|
|
|
|
if (!_.isUndefined(select)) {
|
|
var issheetlocked = false;
|
|
select.forEach(function (item) {
|
|
if (me.api.asc_isWorksheetLockedOrDeleted(item.sheetindex)) {
|
|
issheetlocked = true;
|
|
}
|
|
});
|
|
} else {
|
|
var issheetlocked = me.api.asc_isWorksheetLockedOrDeleted(tab.sheetindex);
|
|
}
|
|
|
|
var isdoclocked = this.api.asc_isWorkbookLocked();
|
|
var isdocprotected = this.api.asc_isProtectedWorkbook();
|
|
|
|
this.tabMenu.items[0].setDisabled(isdoclocked || isdocprotected);
|
|
this.tabMenu.items[1].setDisabled(issheetlocked || isdocprotected);
|
|
this.tabMenu.items[2].setDisabled(issheetlocked || isdocprotected);
|
|
this.tabMenu.items[3].setDisabled(issheetlocked || isdocprotected);
|
|
this.tabMenu.items[4].setDisabled(issheetlocked || isdocprotected);
|
|
this.tabMenu.items[5].setDisabled(issheetlocked || isdocprotected);
|
|
this.tabMenu.items[6].setDisabled(isdoclocked || isdocprotected);
|
|
this.tabMenu.items[7].setDisabled(select.length>1);
|
|
this.tabMenu.items[8].setDisabled(issheetlocked || isdocprotected);
|
|
|
|
this.tabMenu.items[7].setVisible(!this.mode.isEditOle);
|
|
this.tabMenu.items[7].setCaption(this.api.asc_isProtectedSheet() ? this.itemUnProtect : this.itemProtect);
|
|
|
|
if (select.length === 1) {
|
|
this.tabMenu.items[11].hide();
|
|
} else {
|
|
this.tabMenu.items[11].show();
|
|
}
|
|
|
|
this.tabMenu.items[10].setDisabled(issheetlocked || isdocprotected);
|
|
this.tabMenu.items[11].setDisabled(issheetlocked || isdocprotected);
|
|
|
|
this.api.asc_closeCellEditor();
|
|
this.api.asc_enableKeyEvents(false);
|
|
|
|
this.tabMenu.atposition = (function () {
|
|
return {
|
|
top : rect.top,
|
|
left: rect.left - parentPos.left - 2
|
|
};
|
|
})();
|
|
|
|
this.tabMenu.hide();
|
|
this.tabMenu.show();
|
|
var menu = this.tabMenu;
|
|
_.defer(function(){
|
|
menu.cmpEl.focus();
|
|
}, 10);
|
|
}
|
|
}
|
|
},
|
|
|
|
onTabMenuAfterShow: function (obj) {
|
|
if (obj.atposition) {
|
|
obj.setOffset(obj.atposition.left);
|
|
}
|
|
|
|
this.enableKeyEvents = true;
|
|
},
|
|
|
|
onTabMenuAfterHide: function () {
|
|
if (!_.isUndefined(this.enableKeyEvents)) {
|
|
if (this.api) {
|
|
this.api.asc_enableKeyEvents(this.enableKeyEvents);
|
|
}
|
|
|
|
this.enableKeyEvents = undefined;
|
|
}
|
|
},
|
|
|
|
onTabMenuClick: function (o, item) {
|
|
if (item && this.api) {
|
|
this.enableKeyEvents = (item.value === 'ins' || item.value === 'hide');
|
|
if (item.value === 'selectall') {
|
|
this.tabbar.setSelectAll(true);
|
|
} else if (item.value === 'noselect') {
|
|
this.tabbar.setSelectAll(false);
|
|
}
|
|
}
|
|
},
|
|
|
|
onTabInvisible: function(obj, opts) {
|
|
if (this.btnScrollBack.isDisabled() !== (!opts.first)) {
|
|
this.btnScrollBack.setDisabled(!opts.first);
|
|
}
|
|
if (this.btnScrollNext.isDisabled() !== (!opts.last)) {
|
|
this.btnScrollNext.setDisabled(!opts.last);
|
|
}
|
|
this.hasTabInvisible = opts.first || opts.last;
|
|
},
|
|
|
|
onBtnTabScroll: function(action, e) {
|
|
this.tabbar.setTabVisible(action);
|
|
},
|
|
|
|
updateTabbarBorders: function() {
|
|
var visible = false;
|
|
var right = parseInt(this.boxZoom.css('width'));
|
|
if (this.boxMath.is(':visible')) {
|
|
this.boxMath.css({'right': right + 'px'});
|
|
right += parseInt(this.boxMath.css('width'));
|
|
visible = true;
|
|
}
|
|
if (this.boxFiltered.is(':visible')) {
|
|
this.boxFiltered.css({'right': right + 'px'});
|
|
right += parseInt(this.boxFiltered.css('width'));
|
|
visible = true;
|
|
}
|
|
|
|
if (this.isCompact) {
|
|
if (this.boxAction.is(':visible')) {
|
|
var tabsWidth = this.tabbar.getWidth();
|
|
var actionWidth = this.actionWidth || 140;
|
|
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 {
|
|
this.boxAction.css({'right': right + 'px', 'left': 'auto', 'width': actionWidth + 'px'});
|
|
this.boxAction.find('.separator').css('border-left-color', '');
|
|
visible = true;
|
|
}
|
|
right += parseInt(this.boxAction.css('width'));
|
|
}
|
|
|
|
this.boxMath.is(':visible') && this.boxMath.css({'top': '0px', 'bottom': 'auto'});
|
|
this.boxFiltered.is(':visible') && this.boxFiltered.css({'top': '0px', 'bottom': 'auto'});
|
|
this.boxZoom.css({'top': '0px', 'bottom': 'auto'});
|
|
this.tabBarBox.css('right', right + 'px');
|
|
} else {
|
|
if (this.boxAction.is(':visible')) {
|
|
this.boxAction.css({'right': right + 'px', 'left': '135px', 'width': 'auto'});
|
|
this.boxAction.find('.separator').css('border-left-color', 'transparent');
|
|
}
|
|
this.boxMath.is(':visible') && this.boxMath.css({'top': 'auto', 'bottom': '0px'});
|
|
this.boxFiltered.is(':visible') && this.boxFiltered.css({'top': 'auto', 'bottom': '0px'});
|
|
this.boxZoom.css({'top': 'auto', 'bottom': '0px'});
|
|
this.tabBarBox.css('right', '0px');
|
|
}
|
|
this.boxZoom.find('.separator').css('border-left-color', visible ? '' : 'transparent');
|
|
|
|
if (this.statusMessage) {
|
|
var status = this.getStatusMessage(this.statusMessage);
|
|
if (status !== this.boxAction.text().trim()) {
|
|
this.labelAction.text(status);
|
|
}
|
|
}
|
|
},
|
|
|
|
updateVisibleItemsBoxMath: function () {
|
|
var widthStatusbar = parseInt(this.$el.css('width'));
|
|
var width = parseInt(this.boxZoom.css('width')) + parseInt($('#status-tabs-scroll').css('width')) + parseInt($('#status-addtabs-box').css('width'));
|
|
if (this.boxFiltered.is(':visible')) {
|
|
width += parseInt(this.boxFiltered.css('width'));
|
|
}
|
|
this.$el.find('.over-box').removeClass('over-box');
|
|
while (width + parseInt(this.boxMath.css('width')) + 100 > widthStatusbar) {
|
|
var items = this.boxMath.find('label:not(.hide, .over-box)');
|
|
(items.length>0) && $(items[items.length - 1]).addClass('over-box');
|
|
if (items.length<=1)
|
|
break;
|
|
}
|
|
},
|
|
|
|
changeViewMode: function (mode) {
|
|
var edit = mode.isEdit;
|
|
if (edit) {
|
|
this.tabBarBox.css('left', '129px');
|
|
} else {
|
|
this.tabBarBox.css('left', '');
|
|
}
|
|
|
|
this.tabbar.options.draggable = edit;
|
|
this.editMode = edit;
|
|
},
|
|
|
|
showCustomizeStatusBar: function (e) {
|
|
var el = $(e.target);
|
|
if ($('#status-zoom-box').find(el).length > 0
|
|
|| $(e.target).closest('.statusbar .list-item').length>0
|
|
|| $('#status-tabs-scroll').find(el).length > 0
|
|
|| $('#status-addtabs-box').find(el).length > 0) return;
|
|
this.customizeStatusBarMenu.hide();
|
|
this.customizeStatusBarMenu.atposition = {
|
|
left: e.clientX*Common.Utils.zoom(),
|
|
top: e.clientY*Common.Utils.zoom()
|
|
};
|
|
this.customizeStatusBarMenu.show();
|
|
},
|
|
|
|
onCustomizeStatusBarAfterShow: function (obj) {
|
|
if (obj.atposition) {
|
|
var statusHeight = $(this.el).height(),
|
|
offsetTop = !this.isCompact && (obj.atposition.top - $(this.el).offset().top > statusHeight/2) ? statusHeight/2 : 0;
|
|
obj.setOffset(obj.atposition.left, offsetTop);
|
|
}
|
|
this.enableKeyEvents = true;
|
|
},
|
|
|
|
onCustomizeStatusBarAfterHide: function () {
|
|
if (!_.isUndefined(this.enableKeyEvents)) {
|
|
if (this.api) {
|
|
this.api.asc_enableKeyEvents(this.enableKeyEvents);
|
|
}
|
|
|
|
this.enableKeyEvents = undefined;
|
|
}
|
|
},
|
|
|
|
onCustomizeStatusBarClick: function (o, item, event) {
|
|
var value = item.value,
|
|
checked = item.checked;
|
|
if (value === 'status') {
|
|
this.boxAction[checked ? 'removeClass' : 'addClass']('hide');
|
|
} else {
|
|
this.boxMath.find('#status-math-' + value)[checked ? 'removeClass' : 'addClass']('hide');
|
|
if (this.boxMath.find('label').length === this.boxMath.find('label.hide').length) {
|
|
this.boxMath.find('.separator').hide();
|
|
} else {
|
|
if (this.boxMath.find('.separator').is(":hidden")) {
|
|
this.boxMath.find('.separator').show();
|
|
}
|
|
}
|
|
}
|
|
this.updateVisibleItemsBoxMath();
|
|
this.updateTabbarBorders();
|
|
this.onTabInvisible(undefined, this.tabbar.checkInvisible(true));
|
|
event.stopPropagation();
|
|
item.$el.find('a').blur();
|
|
},
|
|
|
|
onChangeCompact: function (compact) {
|
|
this.isCompact = compact;
|
|
if (compact) {
|
|
this.cntStatusbar.removeClass('no-compact');
|
|
this.boxNumberSheets.hide();
|
|
//this.boxAction.hide();
|
|
} else {
|
|
this.cntStatusbar.addClass('no-compact');
|
|
this.boxNumberSheets.show();
|
|
//this.boxAction.show();
|
|
}
|
|
this.updateTabbarBorders();
|
|
(this.tabbar.getCount()>0) && this.onTabInvisible(undefined, this.tabbar.checkInvisible(true));
|
|
},
|
|
|
|
updateNumberOfSheet: function (active, count) {
|
|
this.labelNumberSheets.text(
|
|
Common.Utils.String.format(this.sheetIndexText, active + 1, count)
|
|
);
|
|
},
|
|
|
|
getStatusMessage: function (message) {
|
|
var _message;
|
|
if (this.isCompact && message.length > 23 && this.boxAction.width() < 180) {
|
|
_message = message.substr(0, 23).trim() + '...'
|
|
} else {
|
|
_message = message;
|
|
}
|
|
return _message;
|
|
},
|
|
|
|
showStatusMessage: function(message, callback) {
|
|
this.statusMessage = message;
|
|
if (!this.actionWidth) {
|
|
this.actionWidth = message.length > 22 ? 166 : 140;
|
|
}
|
|
this.labelAction.text(this.getStatusMessage(message));
|
|
this.customizeStatusBarMenu.items.forEach(function (item) {
|
|
if (item.options.id === 'saved-status') {
|
|
item.options.exampleval = message;
|
|
}
|
|
$(item.el).find('label').text(item.options.exampleval);
|
|
});
|
|
if (!this.boxAction.is(':visible')) {
|
|
this.boxAction.show();
|
|
}
|
|
var me = this;
|
|
_.delay(function(){
|
|
me.updateTabbarBorders();
|
|
me.onTabInvisible(undefined, me.tabbar.checkInvisible(true));
|
|
callback && callback();
|
|
},30);
|
|
},
|
|
|
|
clearStatusMessage: function() {
|
|
this.labelAction.text('');
|
|
this.statusMessage = undefined;
|
|
},
|
|
|
|
getStatusLabel: function() {
|
|
return this.labelAction;
|
|
},
|
|
|
|
sheetIndexText : 'Sheet {0} of {1}',
|
|
tipZoomIn : 'Zoom In',
|
|
tipZoomOut : 'Zoom Out',
|
|
tipZoomFactor : 'Magnification',
|
|
tipPrev : 'Previous Sheet',
|
|
tipNext : 'Next Sheet',
|
|
tipAddTab : 'Add Worksheet',
|
|
tipListOfSheets : 'List of Sheets',
|
|
itemInsert : 'Insert',
|
|
itemDelete : 'Delete',
|
|
itemRename : 'Rename',
|
|
itemCopy : 'Copy',
|
|
itemMove : 'Move',
|
|
itemHide : 'Hide',
|
|
itemHidden : 'Hidden',
|
|
itemTabColor : 'Tab Color',
|
|
textNoColor : 'No Color',
|
|
textNewColor : 'Add New Custom Color',
|
|
zoomText : 'Zoom {0}%',
|
|
textSum : 'Sum',
|
|
textCount : 'Count',
|
|
textAverage : 'Average',
|
|
textMin : 'Min',
|
|
textMax : 'Max',
|
|
filteredRecordsText : '{0} of {1} records filtered',
|
|
filteredText : 'Filter mode',
|
|
selectAllSheets : 'Select All Sheets',
|
|
ungroupSheets : 'Ungroup Sheets',
|
|
//textCustomizeStatusBar: 'Customize status bar',
|
|
itemAverage : 'Average',
|
|
itemCount : 'Count',
|
|
itemMinimum : 'Minimum',
|
|
itemMaximum : 'Maximum',
|
|
itemSum : 'Sum',
|
|
itemStatus : 'Saving status',
|
|
itemProtect : 'Protect',
|
|
itemUnProtect : 'Unprotect'
|
|
}, SSE.Views.Statusbar || {}));
|
|
|
|
SSE.Views.Statusbar.RenameDialog = Common.UI.Window.extend(_.extend({
|
|
options: {
|
|
header: false,
|
|
width: 280,
|
|
cls: 'modal-dlg',
|
|
buttons: ['ok', 'cancel']
|
|
},
|
|
|
|
template: '<div class="box">' +
|
|
'<div class="input-row">' +
|
|
'<label><%= label %></label>' +
|
|
'</div>' +
|
|
'<div class="input-row" id="txt-sheet-name"></div>' +
|
|
'</div>',
|
|
|
|
initialize : function(options) {
|
|
_.extend(this.options, options || {}, {
|
|
label: this.labelSheetName
|
|
});
|
|
this.options.tpl = _.template(this.template)(this.options);
|
|
|
|
Common.UI.Window.prototype.initialize.call(this, this.options);
|
|
},
|
|
|
|
render: function() {
|
|
Common.UI.Window.prototype.render.call(this);
|
|
|
|
var $window = this.getChild();
|
|
$window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this));
|
|
|
|
this.txtName = new Common.UI.InputField({
|
|
el: $window.find('#txt-sheet-name'),
|
|
style: 'width:100%;',
|
|
value: Common.Utils.String.htmlEncode(this.options.current),
|
|
allowBlank: false,
|
|
maxLength: 31,
|
|
validation: _.bind(this.nameValidator, this)
|
|
});
|
|
},
|
|
|
|
show: function(x,y) {
|
|
Common.UI.Window.prototype.show.apply(this, arguments);
|
|
var edit = this.txtName.$el.find('input');
|
|
_.delay(function(me){
|
|
edit.focus();
|
|
edit.select();
|
|
}, 100, this);
|
|
},
|
|
|
|
onBtnClick: function(event) {
|
|
this.doClose(event.currentTarget.attributes['result'].value);
|
|
},
|
|
|
|
doClose: function(res) {
|
|
if (res == 'ok') {
|
|
if (this.txtName.checkValidate() !== true) {
|
|
_.delay(function(me){
|
|
me.txtName.focus();
|
|
}, 100, this);
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (this.options.handler) {
|
|
this.options.handler.call(this, res, this.txtName.getValue());
|
|
}
|
|
|
|
this.close();
|
|
},
|
|
|
|
onPrimary: function(e) {
|
|
this.doClose('ok');
|
|
return false;
|
|
},
|
|
|
|
nameValidator: function(value) {
|
|
var items = this.options.names;
|
|
if (!items && this.options.api) {
|
|
var api = this.options.api,
|
|
sindex = api.asc_getActiveWorksheetIndex(),
|
|
wc = api.asc_getWorksheetsCount();
|
|
items = [];
|
|
while (wc--) {
|
|
if (sindex !== wc) {
|
|
items.push(api.asc_getWorksheetName(wc).toLowerCase());
|
|
}
|
|
}
|
|
}
|
|
if (items) {
|
|
var testval = value.toLowerCase();
|
|
for (var i = items.length - 1; i >= 0; --i) {
|
|
if (items[i] === testval) {
|
|
return this.errNameExists;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (value.length > 2 && value[0]=='"' && value[value.length-1]=='"') return true;
|
|
if (!/[:\\\/\*\?\[\]\']/.test(value)) return true;
|
|
|
|
return this.errNameWrongChar;
|
|
},
|
|
|
|
errNameExists : 'Worksheet with such name already exist.',
|
|
errNameWrongChar: 'A sheet name cannot contains characters: \\, \/, *, ?, [, ], :',
|
|
labelSheetName : 'Sheet Name'
|
|
}, RenameDialog||{}));
|
|
|
|
SSE.Views.Statusbar.CopyDialog = Common.UI.Window.extend(_.extend({
|
|
options: {
|
|
width: 270,
|
|
cls: 'modal-dlg',
|
|
buttons: ['ok', 'cancel']
|
|
},
|
|
|
|
template: '<div class="box">' +
|
|
'<div class="input-row">' +
|
|
'<label><%= label %></label>' +
|
|
'</div>' +
|
|
'<div id="status-list-names" style="height: 162px;"></div>' +
|
|
'</div>',
|
|
|
|
initialize : function(options) {
|
|
_.extend(this.options, options || {}, {
|
|
label: options.ismove ? this.textMoveBefore : this.textCopyBefore
|
|
});
|
|
this.options.tpl = _.template(this.template)(this.options);
|
|
|
|
Common.UI.Window.prototype.initialize.call(this, this.options);
|
|
},
|
|
|
|
render: function() {
|
|
Common.UI.Window.prototype.render.call(this);
|
|
|
|
var $window = this.getChild();
|
|
$window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this));
|
|
|
|
var pages = [];
|
|
this.options.names.forEach(function(item){
|
|
pages.push(new Common.UI.DataViewModel(item));
|
|
}, this);
|
|
|
|
if (pages.length) {
|
|
pages.push(new Common.UI.DataViewModel({
|
|
value : this.options.ismove ? this.itemMoveToEnd : this.itemCopyToEnd,
|
|
inindex : -255
|
|
}));
|
|
}
|
|
|
|
this.listNames = new Common.UI.ListView({
|
|
el: $('#status-list-names', $window),
|
|
store: new Common.UI.DataViewStore(pages),
|
|
cls: 'dbl-clickable',
|
|
itemTemplate: _.template('<div id="<%= id %>" class="list-item"><%= Common.Utils.String.htmlEncode(value) %></div>')
|
|
});
|
|
|
|
this.listNames.selectByIndex(0);
|
|
this.listNames.on('entervalue', _.bind(this.onPrimary, this));
|
|
this.listNames.on('item:dblclick', _.bind(this.onPrimary, this));
|
|
|
|
this.mask = $('.modals-mask');
|
|
this.mask.on('mousedown',_.bind(this.onUpdateFocus, this));
|
|
},
|
|
|
|
show: function(x,y) {
|
|
Common.UI.Window.prototype.show.apply(this, arguments);
|
|
|
|
_.delay(function(me){
|
|
me.listNames.focus();
|
|
}, 100, this);
|
|
},
|
|
|
|
hide: function () {
|
|
Common.UI.Window.prototype.hide.apply(this, arguments);
|
|
|
|
this.mask.off('mousedown',_.bind(this.onUpdateFocus, this));
|
|
},
|
|
|
|
onBtnClick: function(event) {
|
|
var active = this.listNames.getSelectedRec();
|
|
|
|
if (this.options.handler) {
|
|
this.options.handler.call(this,
|
|
event.currentTarget.attributes['result'].value, active.get('inindex'));
|
|
}
|
|
|
|
this.close();
|
|
},
|
|
|
|
onPrimary: function() {
|
|
if (this.options.handler) {
|
|
this.options.handler.call(this, 'ok', this.listNames.getSelectedRec().get('inindex'));
|
|
}
|
|
|
|
this.close();
|
|
},
|
|
|
|
onUpdateFocus: function () {
|
|
_.delay(function(me){
|
|
me.listNames.focus();
|
|
}, 100, this);
|
|
},
|
|
|
|
itemCopyToEnd : '(Copy to end)',
|
|
itemMoveToEnd : '(Move to end)',
|
|
textCopyBefore : 'Copy before sheet',
|
|
textMoveBefore : 'Move before sheet'
|
|
}, CopyDialog||{}));
|
|
|
|
}
|
|
); |