/* * * (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: [ '
', '
' + _.template(contentTemplate)({scope: this}) + '
', '
', '
', '' ].join('') }, options); this.api = options.api; this.handler = options.handler; this.props = options.props; this.roles = options.roles; 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([ '
', '
', '
<%= index+1 %>
', '
', '', '
', '
<%= Common.Utils.String.htmlEncode(name) %>
', '
<%= fields %>
', '
' ].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.roles, 0); this.api.asc_registerCallback('asc_onRefreshRolesList', this.wrapEvents.onRefreshRolesList); }, onRefreshRolesList: function(roles) { this.refreshRolesList(roles); }, refreshRolesList: function(roles, selectedItem) { if (roles) { this.roles = roles; var arr = []; for (var i=0; i0) { var me = this; this.rolesList.selectByIndex(0); setTimeout(function() { me.rolesList.scrollToRecord(me.rolesList.store.at(0)); }, 50); } this.updateButtons(); }, refreshRolesIndexes: function() { this.rolesList.store.each(function(item, index) { item.set('index', index); }); }, getIconCls: function(index) { return (index===0) ? 'btn-arrow-up' : (index===this.rolesList.store.length-1 ? 'btn-arrow-down' : 'btn-border-insidevert'); }, onEditRole: function (isEdit) { if (this._isWarningVisible) return; var me = this, xy = me.$window.offset(), rec = this.rolesList.getSelectedRec(), props = (isEdit && rec) ? {name: rec.get('name'), color: rec.get('color')} : null; var win = new DE.Views.RoleEditDlg({ api: me.api, props : props, isEdit : isEdit, handler : function(result, settings) { if (result == 'ok' && settings) { var color = settings.color, name = settings.name, store = me.rolesList.store; if (isEdit) { // me.api.asc_editRole(settings); rec.set('name', name); rec.set('color', color); } else { // me.api.asc_addRole(settings); rec = store.push({ name: name, color: color, fields: 0, index: store.length, scope: me }); if (rec) { me.rolesList.selectRecord(rec); setTimeout(function() { me.rolesList.scrollToRecord(rec); }, 50); } } me.updateButtons(); } } }).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) { var index = store.indexOf(rec); if (toRole) { var item = store.findWhere({name: toRole}); item && item.set('fields', item.get('fields') + rec.get('fields')); // me.api.asc_moveFieldsToRole(rec.get('name'), toRole); // from - to } // me.api.asc_delRole(rec.get('name')); store.remove(rec); me.refreshRolesIndexes(); (store.length>0) && me.rolesList.selectByIndex(indexCreate 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' }, DE.Views.RolesManagerDlg || {})); });