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