js/UserView.js

   1 Ext.define('pmg-users', {
   2     extend: 'Ext.data.Model',
   3     fields: [
   4         'userid', 'firstname', 'lastname', 'email', 'comment',
   5         'role', 'keys', 'realm',
   6         { type: 'boolean', name: 'enable' },
   7         { type: 'date', dateFormat: 'timestamp', name: 'expire' },
   8     ],
   9     proxy: {
  10         type: 'proxmox',
  11         url: "/api2/json/access/users",
  12     },
  13     idProperty: 'userid',
  14 });
  15
  16 Ext.define('PMG.UserView', {
  17     extend: 'Ext.grid.GridPanel',
  18     alias: 'widget.pmgUserView',
  19
  20     store: {
  21         autoLoad: true,
  22         model: 'pmg-users',
  23         sorters: [
  24             {
  25                 property: 'realm',
  26                 direction: 'ASC',
  27             },
  28             {
  29                 property: 'userid',
  30                 direction: 'ASC',
  31             },
  32         ],
  33     },
  34
  35     controller: {
  36
  37         xclass: 'Ext.app.ViewController',
  38
  39         init: function(view) {
  40             Proxmox.Utils.monStoreErrors(view, view.store);
  41         },
  42
  43         renderUsername: function(userid) {
  44             return Ext.htmlEncode(userid.match(/^(.+)(@[^@]+)$/)[1]);
  45         },
  46
  47         renderFullName: function(firstname, metaData, record) {
  48             var first = firstname || '';
  49             var last = record.data.lastname || '';
  50             return Ext.htmlEncode(first + " " + last);
  51         },
  52
  53         onAdd: function() {
  54             var view = this.getView();
  55
  56             var win = Ext.create('PMG.UserEdit', {});
  57             win.on('destroy', function() { view.reload(); });
  58             win.show();
  59         },
  60
  61         onEdit: function() {
  62             var view = this.getView();
  63
  64             var rec = view.selModel.getSelection()[0];
  65
  66             var win = Ext.create('PMG.UserEdit', {
  67                 userid: rec.data.userid,
  68             });
  69             win.on('destroy', function() { view.reload(); });
  70             win.show();
  71         },
  72
  73         onPassword: function(btn, event, rec) {
  74             var view = this.getView();
  75
  76             var win = Ext.create('Proxmox.window.PasswordEdit', {
  77                 userid: rec.data.userid,
  78             });
  79             win.on('destroy', function() { view.reload(); });
  80             win.show();
  81         },
  82
  83         onAfterRemove: function(btn, res) {
  84             var view = this.getView();
  85             view.reload();
  86         },
  87     },
  88
  89     listeners: {
  90         scope: 'controller',
  91         itemdblclick: 'onEdit',
  92     },
  93
  94     tbar: [
  95         {
  96             text: gettext('Add'),
  97             reference: 'addBtn',
  98             handler: 'onAdd',
  99         },
 100         {
 101             xtype: 'proxmoxButton',
 102             text: gettext('Edit'),
 103             disabled: true,
 104             handler: 'onEdit',
 105         },
 106         {
 107             xtype: 'proxmoxStdRemoveButton',
 108             baseurl: '/access/users',
 109             reference: 'removeBtn',
 110             callback: 'onAfterRemove',
 111             waitMsgTarget: true,
 112         },
 113         {
 114             xtype: 'proxmoxButton',
 115             text: gettext('Password'),
 116             disabled: true,
 117             handler: 'onPassword',
 118         },
 119     ],
 120
 121     columns: [
 122         {
 123             header: gettext('User name'),
 124             width: 200,
 125             sortable: true,
 126             renderer: 'renderUsername',
 127             dataIndex: 'userid',
 128         },
 129         {
 130             header: gettext('Realm'),
 131             width: 100,
 132             sortable: true,
 133             dataIndex: 'realm',
 134         },
 135         {
 136             header: gettext('Role'),
 137             width: 150,
 138             sortable: true,
 139             renderer: PMG.Utils.format_user_role,
 140             dataIndex: 'role',
 141         },
 142         {
 143             header: gettext('Enabled'),
 144             width: 80,
 145             sortable: true,
 146             renderer: Proxmox.Utils.format_boolean,
 147             dataIndex: 'enable',
 148         },
 149         {
 150             header: gettext('Expire'),
 151             width: 80,
 152             sortable: true,
 153             renderer: Proxmox.Utils.format_expire,
 154             dataIndex: 'expire',
 155         },
 156         {
 157             header: gettext('Name'),
 158             width: 150,
 159             sortable: true,
 160             renderer: 'renderFullName',
 161             dataIndex: 'firstname',
 162         },
 163         {
 164             header: gettext('Comment'),
 165             sortable: false,
 166             renderer: Ext.String.htmlEncode,
 167             dataIndex: 'comment',
 168             flex: 1,
 169         },
 170     ],
 171
 172     reload: function() {
 173         var me = this;
 174
 175         me.store.load();
 176     },
 177 });