www/manager6/dc/UserEdit.js

   1 Ext.define('PVE.dc.UserEdit', {
   2     extend: 'Proxmox.window.Edit',
   3     alias: ['widget.pveDcUserEdit'],
   4
   5     isAdd: true,
   6
   7     initComponent: function() {
   8         let me = this;
   9
  10         me.isCreate = !me.userid;
  11
  12         let url = '/api2/extjs/access/users';
  13         let method = 'POST';
  14         if (!me.isCreate) {
  15             url += '/' + encodeURIComponent(me.userid);
  16             method = 'PUT';
  17         }
  18
  19         let verifypw, pwfield;
  20         let validate_pw = function() {
  21             if (verifypw.getValue() !== pwfield.getValue()) {
  22                 return gettext("Passwords do not match");
  23             }
  24             return true;
  25         };
  26         verifypw = Ext.createWidget('textfield', {
  27             inputType: 'password',
  28             fieldLabel: gettext('Confirm password'),
  29             name: 'verifypassword',
  30             submitValue: false,
  31             disabled: true,
  32             hidden: true,
  33             validator: validate_pw,
  34         });
  35
  36         pwfield = Ext.createWidget('textfield', {
  37             inputType: 'password',
  38             fieldLabel: gettext('Password'),
  39             minLength: 5,
  40             name: 'password',
  41             disabled: true,
  42             hidden: true,
  43             validator: validate_pw,
  44         });
  45
  46         let column1 = [
  47             {
  48                 xtype: me.isCreate ? 'textfield' : 'displayfield',
  49                 name: 'userid',
  50                 fieldLabel: gettext('User name'),
  51                 value: me.userid,
  52                 renderer: Ext.String.htmlEncode,
  53                 allowBlank: false,
  54                 submitValue: !!me.isCreate,
  55             },
  56             pwfield,
  57             verifypw,
  58             {
  59                 xtype: 'pveGroupSelector',
  60                 name: 'groups',
  61                 multiSelect: true,
  62                 allowBlank: true,
  63                 fieldLabel: gettext('Group'),
  64             },
  65             {
  66                 xtype: 'pmxExpireDate',
  67                 name: 'expire',
  68             },
  69             {
  70                 xtype: 'proxmoxcheckbox',
  71                 fieldLabel: gettext('Enabled'),
  72                 name: 'enable',
  73                 uncheckedValue: 0,
  74                 defaultValue: 1,
  75                 checked: true,
  76             },
  77         ];
  78
  79         let column2 = [
  80             {
  81                 xtype: 'textfield',
  82                 name: 'firstname',
  83                 fieldLabel: gettext('First Name'),
  84             },
  85             {
  86                 xtype: 'textfield',
  87                 name: 'lastname',
  88                 fieldLabel: gettext('Last Name'),
  89             },
  90             {
  91                 xtype: 'textfield',
  92                 name: 'email',
  93                 fieldLabel: gettext('E-Mail'),
  94                 vtype: 'proxmoxMail',
  95             },
  96         ];
  97
  98         if (me.isCreate) {
  99             column1.splice(1, 0, {
 100                 xtype: 'pmxRealmComboBox',
 101                 name: 'realm',
 102                 fieldLabel: gettext('Realm'),
 103                 allowBlank: false,
 104                 matchFieldWidth: false,
 105                 listConfig: { width: 300 },
 106                 listeners: {
 107                     change: function(combo, realm) {
 108                         me.realm = realm;
 109                         pwfield.setVisible(realm === 'pve');
 110                         pwfield.setDisabled(realm !== 'pve');
 111                         verifypw.setVisible(realm === 'pve');
 112                         verifypw.setDisabled(realm !== 'pve');
 113                     },
 114                 },
 115                 submitValue: false,
 116             });
 117         }
 118
 119         var ipanel = Ext.create('Proxmox.panel.InputPanel', {
 120             column1: column1,
 121             column2: column2,
 122             columnB: [
 123                 {
 124                     xtype: 'textfield',
 125                     name: 'comment',
 126                     fieldLabel: gettext('Comment'),
 127                 },
 128             ],
 129             advancedItems: [
 130                 {
 131                     xtype: 'textfield',
 132                     name: 'keys',
 133                     fieldLabel: gettext('Key IDs'),
 134                 },
 135             ],
 136             onGetValues: function(values) {
 137                 if (me.realm) {
 138                     values.userid = values.userid + '@' + me.realm;
 139                 }
 140                 if (!values.password) {
 141                     delete values.password;
 142                 }
 143                 return values;
 144             },
 145         });
 146
 147         Ext.applyIf(me, {
 148             subject: gettext('User'),
 149             url: url,
 150             method: method,
 151             fieldDefaults: {
 152                 labelWidth: 110, // some translation are quite long (e.g., Spanish)
 153             },
 154             items: [ipanel],
 155         });
 156
 157         me.callParent();
 158
 159         if (!me.isCreate) {
 160             me.load({
 161                 success: function(response, options) {
 162                     var data = response.result.data;
 163                     me.setValues(data);
 164                     if (data.keys) {
 165                         if (data.keys === 'x!oath' || data.keys === 'x!u2f') {
 166                             me.down('[name="keys"]').setDisabled(1);
 167                         }
 168                     }
 169                 },
 170             });
 171         }
 172     },
 173 });