src/form/RoleSelector.js

   1 Ext.define('pmx-roles', {
   2     extend: 'Ext.data.Model',
   3     fields: ['roleid', 'privs'],
   4     proxy: {
   5         type: 'proxmox',
   6         url: "/api2/json/access/roles",
   7     },
   8     idProperty: 'roleid',
   9 });
  10
  11 Ext.define('Proxmox.form.RoleSelector', {
  12     extend: 'Proxmox.form.ComboGrid',
  13     alias: 'widget.pmxRoleSelector',
  14
  15     allowBlank: false,
  16     autoSelect: false,
  17     valueField: 'roleid',
  18     displayField: 'roleid',
  19
  20     listConfig: {
  21         width: 560,
  22         resizable: true,
  23         columns: [
  24             {
  25                 header: gettext('Role'),
  26                 sortable: true,
  27                 dataIndex: 'roleid',
  28                 flex: 2,
  29             },
  30             {
  31                 header: gettext('Privileges'),
  32                 dataIndex: 'privs',
  33                 cellWrap: true,
  34                 // join manually here, as ExtJS joins without whitespace which breaks cellWrap
  35                 renderer: v => Ext.isArray(v) ? v.join(', ') : v.replaceAll(',', ', '),
  36                 flex: 5,
  37             },
  38         ],
  39     },
  40
  41     store: {
  42         autoLoad: true,
  43         model: 'pmx-roles',
  44         sorters: 'roleid',
  45     },
  46 });