[SSE] Edit view list
This commit is contained in:
Julia Radzhabova
parent
8b94b577d1
commit
ed0860d4d1
127
apps/common/main/lib/view/EditNameDialog.js
Normal file
127
apps/common/main/lib/view/EditNameDialog.js
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
/*
|
||||
*
|
||||
* (c) Copyright Ascensio System SIA 2010-2020
|
||||
*
|
||||
* 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
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* EditNameDialog.js
|
||||
*
|
||||
* Created by Julia Radzhabova on 10.07.2020
|
||||
* Copyright (c) 2020 Ascensio System SIA. All rights reserved.
|
||||
*
|
||||
*/
|
||||
|
||||
define([
|
||||
'common/main/lib/component/Window',
|
||||
'common/main/lib/component/InputField'
|
||||
], function () { 'use strict';
|
||||
|
||||
Common.Views.EditNameDialog = Common.UI.Window.extend(_.extend({
|
||||
options: {
|
||||
width: 330,
|
||||
header: false,
|
||||
cls: 'modal-dlg',
|
||||
buttons: ['ok', 'cancel']
|
||||
},
|
||||
|
||||
initialize : function(options) {
|
||||
_.extend(this.options, options || {});
|
||||
|
||||
this.template = [
|
||||
'<div class="box">',
|
||||
'<div class="input-row">',
|
||||
'<label>' + (this.options.label ? this.options.label : this.textLabel) + '</label>',
|
||||
'</div>',
|
||||
'<div id="id-dlg-label-caption" class="input-row"></div>',
|
||||
'</div>'
|
||||
].join('');
|
||||
|
||||
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 me = this;
|
||||
me.inputLabel = new Common.UI.InputField({
|
||||
el : $('#id-dlg-label-caption'),
|
||||
allowBlank : false,
|
||||
blankError : me.options.error ? me.options.error : me.textLabelError,
|
||||
style : 'width: 100%;',
|
||||
validateOnBlur: false,
|
||||
validation : function(value) {
|
||||
return value ? true : '';
|
||||
}
|
||||
});
|
||||
me.inputLabel.setValue(this.options.value || '' );
|
||||
|
||||
var $window = this.getChild();
|
||||
$window.find('.btn').on('click', _.bind(this.onBtnClick, this));
|
||||
},
|
||||
|
||||
show: function() {
|
||||
Common.UI.Window.prototype.show.apply(this, arguments);
|
||||
|
||||
var me = this;
|
||||
_.delay(function(){
|
||||
me.getChild('input').focus();
|
||||
},50);
|
||||
},
|
||||
|
||||
onPrimary: function(event) {
|
||||
this._handleInput('ok');
|
||||
return false;
|
||||
},
|
||||
|
||||
onBtnClick: function(event) {
|
||||
this._handleInput(event.currentTarget.attributes['result'].value);
|
||||
},
|
||||
|
||||
_handleInput: function(state) {
|
||||
if (this.options.handler) {
|
||||
if (state == 'ok') {
|
||||
if (this.inputLabel.checkValidate() !== true) {
|
||||
this.inputLabel.cmpEl.find('input').focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
this.options.handler.call(this, state, this.inputLabel.getValue());
|
||||
}
|
||||
|
||||
this.close();
|
||||
},
|
||||
|
||||
textLabel: 'Label:',
|
||||
textLabelError: 'Label must not be empty.'
|
||||
}, Common.Views.EditNameDialog || {}));
|
||||
});
|
||||
|
|
@ -39,7 +39,9 @@
|
|||
*
|
||||
*/
|
||||
|
||||
define([ 'common/main/lib/view/AdvancedSettingsWindow',
|
||||
define([
|
||||
'common/main/lib/view/EditNameDialog',
|
||||
'common/main/lib/view/AdvancedSettingsWindow',
|
||||
'common/main/lib/component/ComboBox',
|
||||
'common/main/lib/component/ListView',
|
||||
'common/main/lib/component/InputField'
|
||||
|
|
@ -132,17 +134,17 @@ define([ 'common/main/lib/view/AdvancedSettingsWindow',
|
|||
this.btnNew = new Common.UI.Button({
|
||||
el: $('#view-manager-btn-new')
|
||||
});
|
||||
// this.btnNew.on('click', _.bind(this.onNew, this));
|
||||
this.btnNew.on('click', _.bind(this.onNew, this, false));
|
||||
|
||||
this.btnRename = new Common.UI.Button({
|
||||
el: $('#view-manager-btn-rename')
|
||||
});
|
||||
// this.btnRename.on('click', _.bind(this.onRename, this));
|
||||
this.btnRename.on('click', _.bind(this.onRename, this));
|
||||
|
||||
this.btnDuplicate = new Common.UI.Button({
|
||||
el: $('#view-manager-btn-duplicate')
|
||||
});
|
||||
// this.btnDuplicate.on('click', _.bind(this.onDuplicate, this));
|
||||
this.btnDuplicate.on('click', _.bind(this.onNew, this, true));
|
||||
|
||||
this.btnDelete = new Common.UI.Button({
|
||||
el: $('#view-manager-btn-delete')
|
||||
|
|
@ -232,6 +234,12 @@ define([ 'common/main/lib/view/AdvancedSettingsWindow',
|
|||
if (typeof this.userTooltip == 'object') this.userTipHide();
|
||||
},
|
||||
|
||||
onNew: function (duplicate) {
|
||||
var rec = duplicate ? this.viewList.getSelectedRec().get('view') : undefined;
|
||||
this.currentView = this.viewList.store.length;
|
||||
this.api.asc_addNamedSheetView(rec);
|
||||
},
|
||||
|
||||
onDelete: function () {
|
||||
var rec = this.viewList.getSelectedRec();
|
||||
if (rec) {
|
||||
|
|
@ -239,6 +247,24 @@ define([ 'common/main/lib/view/AdvancedSettingsWindow',
|
|||
}
|
||||
},
|
||||
|
||||
onRename: function () {
|
||||
var rec = this.viewList.getSelectedRec();
|
||||
if (rec) {
|
||||
var me = this;
|
||||
(new Common.Views.EditNameDialog({
|
||||
label: this.textRenameLabel,
|
||||
error: this.textRenameError,
|
||||
value: rec.get('name'),
|
||||
handler: function(result, value) {
|
||||
if (result == 'ok') {
|
||||
rec.get('view').asc_setName(value);
|
||||
}
|
||||
}
|
||||
})).show();
|
||||
this.api.asc_deleteNamedSheetViews([rec.get('view')]);
|
||||
}
|
||||
},
|
||||
|
||||
getSettings: function() {
|
||||
return this.sort;
|
||||
},
|
||||
|
|
@ -309,7 +335,9 @@ define([ 'common/main/lib/view/AdvancedSettingsWindow',
|
|||
textGoTo: 'Go to view...',
|
||||
textEmpty: 'No views have been created yet.',
|
||||
guestText: 'Guest',
|
||||
tipIsLocked: 'This element is being edited by another user.'
|
||||
tipIsLocked: 'This element is being edited by another user.',
|
||||
textRenameLabel: 'Rename view',
|
||||
textRenameError: 'View name must not be empty.'
|
||||
|
||||
}, SSE.Views.ViewManagerDlg || {}));
|
||||
});
|
||||
Loading…
Reference in a new issue