372 lines
15 KiB
JavaScript
372 lines
15 KiB
JavaScript
/*
|
|
*
|
|
* (c) Copyright Ascensio System SIA 2010-2022
|
|
*
|
|
* 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
|
|
*
|
|
*/
|
|
/**
|
|
*
|
|
* RolesManagerDlg.js
|
|
*
|
|
* Created by Julia.Radzhabova on 12.04.22
|
|
* Copyright (c) 2022 Ascensio System SIA. All rights reserved.
|
|
*
|
|
*/
|
|
|
|
define([ 'text!documenteditor/main/app/template/RolesManagerDlg.template',
|
|
'common/main/lib/view/AdvancedSettingsWindow',
|
|
'common/main/lib/component/ListView',
|
|
'documenteditor/main/app/view/RoleEditDlg',
|
|
'documenteditor/main/app/view/RoleDeleteDlg'
|
|
], function (contentTemplate) {
|
|
'use strict';
|
|
|
|
DE.Views = DE.Views || {};
|
|
|
|
DE.Views.RolesManagerDlg = Common.Views.AdvancedSettingsWindow.extend(_.extend({
|
|
options: {
|
|
alias: 'RolesManagerDlg',
|
|
contentWidth: 500,
|
|
height: 353,
|
|
buttons: null
|
|
},
|
|
|
|
initialize: function (options) {
|
|
var me = this;
|
|
_.extend(this.options, {
|
|
title: this.txtTitle,
|
|
template: [
|
|
'<div class="box" style="height:' + (this.options.height-85) + 'px;">',
|
|
'<div class="content-panel" style="padding: 0;">' + _.template(contentTemplate)({scope: this}) + '</div>',
|
|
'</div>',
|
|
'<div class="separator horizontal"></div>',
|
|
'<div class="footer center">',
|
|
'<button class="btn normal dlg-btn" result="cancel" style="width: 86px;">' + this.closeButtonText + '</button>',
|
|
'</div>'
|
|
].join('')
|
|
}, options);
|
|
|
|
this.api = options.api;
|
|
this.handler = options.handler;
|
|
this.props = options.props;
|
|
this.oformManager = this.api.asc_GetOForm();
|
|
|
|
this.wrapEvents = {
|
|
onRefreshRolesList: _.bind(this.onRefreshRolesList, this)
|
|
};
|
|
|
|
Common.Views.AdvancedSettingsWindow.prototype.initialize.call(this, this.options);
|
|
},
|
|
render: function () {
|
|
Common.Views.AdvancedSettingsWindow.prototype.render.call(this);
|
|
var me = this;
|
|
|
|
this.rolesList = new Common.UI.ListView({
|
|
el: $('#roles-manager-roles-list', this.$window),
|
|
store: new Common.UI.DataViewStore(),
|
|
emptyText: this.textEmpty,
|
|
itemTemplate: _.template([
|
|
'<div id="<%= id %>" class="list-item" style="">',
|
|
'<div class="listitem-icon"><svg class=""><use xlink:href="#svg-icon-<%= scope.getIconCls(index) %>"></use></svg></div>',
|
|
'<div style="min-width: 25px;text-align:center; padding-right: 5px;"><%= index+1 %></div>',
|
|
'<div style="min-width: 25px;">',
|
|
'<span class="color" style="background: <% if (color) { %>#<%= Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b()) %><% } else { %> transparent <% } %>;"></span>',
|
|
'</div>',
|
|
'<div style="flex-grow: 1;padding-right: 5px;"><%= Common.Utils.String.htmlEncode(name) %></div>',
|
|
'<div style="min-width: 25px;text-align: right;opacity: 0.8;"><%= fields %></div>',
|
|
'</div>'
|
|
].join('')),
|
|
tabindex: 1
|
|
});
|
|
this.rolesList.on('item:select', _.bind(this.onSelectRoleItem, this))
|
|
.on('item:keydown', _.bind(this.onKeyDown, this))
|
|
.on('item:dblclick', _.bind(this.onDblClickItem, this))
|
|
.on('entervalue', _.bind(this.onDblClickItem, this));
|
|
|
|
this.btnNewRole = new Common.UI.Button({
|
|
el: $('#roles-manager-btn-new', this.$window)
|
|
});
|
|
this.btnNewRole.on('click', _.bind(this.onEditRole, this, false));
|
|
|
|
this.btnEditRole = new Common.UI.Button({
|
|
el: $('#roles-manager-btn-edit', this.$window)
|
|
});
|
|
this.btnEditRole.on('click', _.bind(this.onEditRole, this, true));
|
|
|
|
this.btnDeleteRole = new Common.UI.Button({
|
|
el: $('#roles-manager-btn-delete', this.$window)
|
|
});
|
|
this.btnDeleteRole.on('click', _.bind(this.onDeleteRole, this));
|
|
|
|
this.btnUp = new Common.UI.Button({
|
|
parentEl: $('#roles-manager-btn-up', this.$window),
|
|
cls: 'btn-toolbar bg-white',
|
|
iconCls: 'caret-up',
|
|
hint: this.textUp
|
|
});
|
|
this.btnUp.on('click', _.bind(this.onMoveClick, this, true));
|
|
|
|
this.btnDown = new Common.UI.Button({
|
|
parentEl: $('#roles-manager-btn-down', this.$window),
|
|
cls: 'btn-toolbar bg-white',
|
|
iconCls: 'caret-down',
|
|
hint: this.textDown
|
|
});
|
|
this.btnDown.on('click', _.bind(this.onMoveClick, this, false));
|
|
|
|
this.afterRender();
|
|
},
|
|
|
|
getFocusedComponents: function() {
|
|
return [ this.btnUp, this.btnDown, this.rolesList, this.btnNewRole, this.btnEditRole, this.btnDeleteRole ];
|
|
},
|
|
|
|
getDefaultFocusableComponent: function () {
|
|
return this.rolesList;
|
|
},
|
|
|
|
afterRender: function() {
|
|
this._setDefaults(this.props);
|
|
},
|
|
|
|
_setDefaults: function (props) {
|
|
this.refreshRolesList(this.oformManager.asc_getAllRoles(), 0);
|
|
this.api.asc_registerCallback('asc_onUpdateOFormRoles', this.wrapEvents.onRefreshRolesList);
|
|
},
|
|
|
|
onRefreshRolesList: function(roles) {
|
|
this.refreshRolesList(roles);
|
|
},
|
|
|
|
refreshRolesList: function(roles, selectedRole) {
|
|
(selectedRole===undefined) && (selectedRole = this.lastSelectedRole); // when add or delete roles
|
|
this.lastSelectedRole = undefined;
|
|
if (selectedRole===undefined && this.rolesList.store.length>0) {
|
|
var rec = this.rolesList.getSelectedRec();
|
|
rec && (selectedRole = rec.get('name'));
|
|
}
|
|
if (roles) {
|
|
var arr = [];
|
|
for (var i=0; i<roles.length; i++) {
|
|
var role = roles[i].asc_getSettings();
|
|
arr.push({
|
|
name: role.asc_getName() || this.textAnyone,
|
|
color: role.asc_getColor(),
|
|
fields: role.asc_getFieldCount() || 0,
|
|
index: i,
|
|
scope: this
|
|
});
|
|
}
|
|
this.rolesList.store.reset(arr);
|
|
}
|
|
if (this.rolesList.store.length>0) {
|
|
var me = this,
|
|
rec;
|
|
(selectedRole===undefined) && (selectedRole = 0);
|
|
if (typeof selectedRole === 'string') { // name
|
|
rec = this.rolesList.store.findWhere({name: selectedRole});
|
|
this.rolesList.selectRecord(rec);
|
|
} else {
|
|
selectedRole = Math.min(selectedRole, this.rolesList.store.length-1);
|
|
rec = this.rolesList.selectByIndex(selectedRole);
|
|
}
|
|
setTimeout(function() {
|
|
me.rolesList.scrollToRecord(rec || me.rolesList.store.at(0));
|
|
}, 50);
|
|
}
|
|
this.updateButtons();
|
|
},
|
|
|
|
getIconCls: function(index) {
|
|
if (this.rolesList.store.length===1)
|
|
return 'Point';
|
|
return (index===0) ? 'StartPoint' : (index===this.rolesList.store.length-1 ? 'EndPoint' : 'MiddlePoint');
|
|
},
|
|
|
|
onEditRole: function (isEdit) {
|
|
if (this._isWarningVisible) return;
|
|
|
|
var me = this,
|
|
xy = me.$window.offset(),
|
|
rec = this.rolesList.getSelectedRec();
|
|
|
|
var win = new DE.Views.RoleEditDlg({
|
|
oformManager: me.oformManager,
|
|
props : (isEdit && rec) ? {name: rec.get('name'), color: rec.get('color')} : null,
|
|
isEdit : (isEdit && rec),
|
|
handler : function(result, settings) {
|
|
if (result == 'ok' && settings) {
|
|
me.lastSelectedRole = settings.name;
|
|
|
|
var role = new AscCommon.CRoleSettings();
|
|
role.asc_putName(settings.name);
|
|
role.asc_putColor(settings.color);
|
|
if (isEdit && rec) {
|
|
me.oformManager.asc_editRole(rec.get('name'), role);
|
|
} else {
|
|
me.oformManager.asc_addRole(role);
|
|
}
|
|
}
|
|
}
|
|
}).on('close', function() {
|
|
me.show();
|
|
setTimeout(function(){ me.getDefaultFocusableComponent().focus(); }, 100);
|
|
});
|
|
|
|
me.hide();
|
|
win.show(xy.left + 65, xy.top + 77);
|
|
},
|
|
|
|
onDeleteRole: function () {
|
|
var me = this,
|
|
store = this.rolesList.store,
|
|
rec = this.rolesList.getSelectedRec();
|
|
|
|
if (!rec) return;
|
|
|
|
if (store.length===1 && rec.get('fields')>0) {
|
|
Common.UI.warning({
|
|
msg: me.warnCantDelete,
|
|
buttons: ['ok']
|
|
});
|
|
return;
|
|
}
|
|
|
|
var callback = function(toRole) {
|
|
me.lastSelectedRole = store.indexOf(rec);
|
|
me.oformManager.asc_removeRole(rec.get('name'), toRole); // remove role and move it's fields
|
|
};
|
|
|
|
if (rec.get('fields')<1) {
|
|
me._isWarningVisible = true;
|
|
Common.UI.warning({
|
|
msg: Common.Utils.String.format(me.warnDelete, rec.get('name')),
|
|
buttons: ['ok', 'cancel'],
|
|
callback: function(btn) {
|
|
if (btn == 'ok') {
|
|
callback();
|
|
}
|
|
setTimeout(function(){ me.getDefaultFocusableComponent().focus(); }, 100);
|
|
me._isWarningVisible = false;
|
|
}
|
|
});
|
|
} else {
|
|
var xy = me.$window.offset();
|
|
var win = new DE.Views.RoleDeleteDlg({
|
|
props : {roles: this.rolesList.store, excludeName: rec.get('name')},
|
|
handler : function(result, settings) {
|
|
if (result == 'ok' && settings) {
|
|
callback(settings);
|
|
}
|
|
}
|
|
}).on('close', function() {
|
|
me.show();
|
|
setTimeout(function(){ me.getDefaultFocusableComponent().focus(); }, 100);
|
|
});
|
|
|
|
me.hide();
|
|
win.show(xy.left + 65, xy.top + 77);
|
|
}
|
|
},
|
|
|
|
getSettings: function() {
|
|
},
|
|
|
|
onPrimary: function() {
|
|
return true;
|
|
},
|
|
|
|
onDlgBtnClick: function(event) {
|
|
this.handler && this.handler.call(this, event.currentTarget.attributes['result'].value, this.getSettings());
|
|
this.close();
|
|
},
|
|
|
|
onSelectRoleItem: function(lisvView, itemView, record) {
|
|
if (!record) return;
|
|
this.lastSelectedRole = undefined;
|
|
this.updateMoveButtons();
|
|
},
|
|
|
|
onMoveClick: function(up) {
|
|
var rec = this.rolesList.getSelectedRec();
|
|
if (rec) {
|
|
this.lastSelectedRole = rec.get('name');
|
|
up ? this.oformManager.asc_moveUpRole(rec.get('name')) : this.oformManager.asc_moveDownRole(rec.get('name'));
|
|
}
|
|
},
|
|
|
|
updateButtons: function() {
|
|
this.btnEditRole.setDisabled(this.rolesList.store.length<1);
|
|
this.btnDeleteRole.setDisabled(this.rolesList.store.length<1);
|
|
this.updateMoveButtons();
|
|
this.rolesList.scroller && this.rolesList.scroller.update();
|
|
},
|
|
|
|
updateMoveButtons: function() {
|
|
var rec = this.rolesList.getSelectedRec(),
|
|
index = rec ? this.rolesList.store.indexOf(rec) : -1;
|
|
this.btnUp.setDisabled(index<1);
|
|
this.btnDown.setDisabled(index<0 || index==this.rolesList.store.length-1);
|
|
},
|
|
|
|
hide: function () {
|
|
Common.UI.Window.prototype.hide.call(this);
|
|
},
|
|
|
|
close: function () {
|
|
this.api.asc_unregisterCallback('asc_onUpdateOFormRoles', this.wrapEvents.onRefreshRolesList);
|
|
|
|
Common.UI.Window.prototype.close.call(this);
|
|
},
|
|
|
|
onKeyDown: function (lisvView, record, e) {
|
|
if (e.keyCode==Common.UI.Keys.DELETE && !this.btnDeleteRole.isDisabled())
|
|
this.onDeleteRole();
|
|
},
|
|
|
|
onDblClickItem: function (lisvView, record, e) {
|
|
if (!this.btnEditRole.isDisabled())
|
|
this.onEditRole(true);
|
|
},
|
|
|
|
txtTitle: 'Manage Roles',
|
|
closeButtonText : 'Close',
|
|
textNew: 'New',
|
|
textEdit: 'Edit',
|
|
textDelete: 'Delete',
|
|
textEmpty: 'No roles have been created yet.<br>Create at least one role and it will appear in this field.',
|
|
warnDelete: 'Are you sure you want to delete the role {0}?',
|
|
warnCantDelete: 'You cannot delete this role because it has associated fields.',
|
|
textUp: 'Move role up',
|
|
textDown: 'Move role down',
|
|
textDescription: 'Add roles and set the order in which the fillers receive and sign the document',
|
|
textAnyone: 'Anyone'
|
|
|
|
}, DE.Views.RolesManagerDlg || {}));
|
|
}); |