js/LoginView.js

   1 Ext.define('PMG.LoginView', {
   2     extend: 'Ext.container.Container',
   3     xtype: 'loginview',
   4
   5     controller: {
   6         xclass: 'Ext.app.ViewController',
   7
   8         init: function(view) {
   9             let me = this;
  10
  11             let realmfield = me.lookup('realmfield');
  12
  13             me.lookup('quarantineButton').setVisible(!!Proxmox.QuarantineLink);
  14
  15             if (view.targetview !== 'quarantineview') {
  16                 return;
  17             }
  18
  19             // hide save username field for quarantine view
  20             me.lookup('saveunField').setVisible(false);
  21
  22             realmfield.setValue('quarantine');
  23
  24             // try autologin with quarantine ticket from URL
  25
  26             let qs = Ext.Object.fromQueryString(location.search);
  27             if (qs.ticket === undefined) {
  28                 return;
  29             }
  30             let ticket = decodeURIComponent(qs.ticket);
  31             let match = ticket.match(/^PMGQUAR:([^\s:]+):/);
  32             if (!match) {
  33                 return;
  34             }
  35             let username = match[1];
  36             let loginwin = me.lookup('loginwindow');
  37             loginwin.autoShow = false;
  38             loginwin.setVisible(false);
  39             realmfield.setDisabled(true);
  40
  41             me.lookup('usernameField').setValue(username);
  42             me.lookup('passwordField').setValue(ticket);
  43
  44             me.submitForm();
  45         },
  46
  47         submitForm: function() {
  48             let me = this;
  49             let view = me.getView();
  50             let loginForm = me.lookupReference('loginForm');
  51             var unField = me.lookupReference('usernameField');
  52             var saveunField = me.lookupReference('saveunField');
  53
  54             if (loginForm.isValid()) {
  55                 if (loginForm.isVisible()) {
  56                     loginForm.mask(gettext('Please wait...'), 'x-mask-loading');
  57                 }
  58
  59                 // set or clear username for admin view
  60                 if (view.targetview !== 'quarantineview') {
  61                     var sp = Ext.state.Manager.getProvider();
  62                     if (saveunField.getValue() === true) {
  63                         sp.set(unField.getStateId(), unField.getValue());
  64                     } else {
  65                         sp.clear(unField.getStateId());
  66                     }
  67                     sp.set(saveunField.getStateId(), saveunField.getValue());
  68                 }
  69
  70                 loginForm.submit({
  71                     success: function(form, action) {
  72                         // save login data and create cookie
  73                         PMG.Utils.updateLoginData(action.result.data);
  74                         PMG.app.changeView(view.targetview);
  75                     },
  76                     failure: function(form, action) {
  77                         loginForm.unmask();
  78                         Ext.MessageBox.alert(
  79                             gettext('Error'),
  80                             gettext('Login failed. Please try again'),
  81                         );
  82                     },
  83                 });
  84             }
  85         },
  86
  87         openQuarantineLinkWindow: function() {
  88             let me = this;
  89             me.lookup('loginwindow').setVisible(false);
  90             Ext.create('Proxmox.window.Edit', {
  91                 title: gettext('Request Quarantine Link'),
  92                 url: '/quarantine/sendlink',
  93                 isCreate: true,
  94                 submitText: gettext('OK'),
  95                 method: 'POST',
  96                 items: [
  97                     {
  98                         xtype: 'proxmoxtextfield',
  99                         name: 'mail',
 100                         fieldLabel: gettext('Your E-Mail'),
 101                     },
 102                 ],
 103                 listeners: {
 104                     destroy: function() {
 105                         me.lookup('loginwindow').show(true);
 106                     },
 107                 },
 108             }).show();
 109         },
 110
 111         control: {
 112             'field[name=lang]': {
 113                 change: function(f, value) {
 114                     let dt = Ext.Date.add(new Date(), Ext.Date.YEAR, 10);
 115                     Ext.util.Cookies.set('PMGLangCookie', value, dt);
 116
 117                     let loginwin = this.lookupReference('loginwindow');
 118                     loginwin.mask(gettext('Please wait...'), 'x-mask-loading');
 119                     window.location.reload();
 120                 },
 121             },
 122             'button[reference=quarantineButton]': {
 123                 click: 'openQuarantineLinkWindow',
 124             },
 125             'button[reference=loginButton]': {
 126                 click: 'submitForm',
 127             },
 128             'window[reference=loginwindow]': {
 129                 show: function() {
 130                     let me = this;
 131                     let view = me.getView();
 132                     if (view.targetview !== 'quarantineview') {
 133                         var sp = Ext.state.Manager.getProvider();
 134                         var checkboxField = this.lookupReference('saveunField');
 135                         var unField = this.lookupReference('usernameField');
 136
 137                         var checked = sp.get(checkboxField.getStateId());
 138                         checkboxField.setValue(checked);
 139
 140                         if (checked === true) {
 141                             var username = sp.get(unField.getStateId());
 142                             unField.setValue(username);
 143                             var pwField = this.lookupReference('passwordField');
 144                             pwField.focus();
 145                         }
 146                     }
 147                 },
 148             },
 149         },
 150     },
 151
 152     plugins: 'viewport',
 153
 154     layout: {
 155         type: 'border',
 156     },
 157
 158     items: [
 159         {
 160             region: 'north',
 161             xtype: 'container',
 162             layout: {
 163                 type: 'hbox',
 164                 align: 'middle',
 165             },
 166             margin: '2 5 2 5',
 167             height: 38,
 168             items: [
 169                 {
 170                     xtype: 'proxmoxlogo',
 171                 },
 172                 {
 173                     xtype: 'versioninfo',
 174                     makeApiCall: false,
 175                 },
 176             ],
 177         },
 178         {
 179             region: 'center',
 180         },
 181         {
 182             xtype: 'window',
 183             closable: false,
 184             resizable: false,
 185             reference: 'loginwindow',
 186             autoShow: true,
 187             modal: true,
 188             width: 450,
 189
 190             defaultFocus: 'usernameField',
 191
 192             layout: {
 193                 type: 'auto',
 194             },
 195
 196             title: gettext('Proxmox Mail Gateway Login'),
 197
 198             items: [
 199                 {
 200                     xtype: 'form',
 201                     layout: {
 202                         type: 'form',
 203                     },
 204                     defaultButton: 'loginButton',
 205                     url: '/api2/extjs/access/ticket',
 206                     reference: 'loginForm',
 207
 208                     fieldDefaults: {
 209                         labelAlign: 'right',
 210                         allowBlank: false,
 211                     },
 212
 213                     items: [
 214                         {
 215                             xtype: 'textfield',
 216                             fieldLabel: gettext('User name'),
 217                             name: 'username',
 218                             itemId: 'usernameField',
 219                             reference: 'usernameField',
 220                             stateId: 'login-username',
 221                         },
 222                         {
 223                             xtype: 'textfield',
 224                             inputType: 'password',
 225                             fieldLabel: gettext('Password'),
 226                             name: 'password',
 227                             reference: 'passwordField',
 228                         },
 229                         {
 230                             xtype: 'proxmoxLanguageSelector',
 231                             fieldLabel: gettext('Language'),
 232                             value: Ext.util.Cookies.get('PMGLangCookie') || 'en',
 233                             name: 'lang',
 234                             submitValue: false,
 235                         },
 236                         {
 237                             xtype: 'hiddenfield',
 238                             reference: 'realmfield',
 239                             name: 'realm',
 240                             value: 'pmg',
 241                         },
 242                     ],
 243                     buttons: [
 244                         {
 245                             xtype: 'checkbox',
 246                             fieldLabel: gettext('Save User name'),
 247                             name: 'saveusername',
 248                             reference: 'saveunField',
 249                             stateId: 'login-saveusername',
 250                             labelAlign: 'right',
 251                             labelWidth: 150,
 252                             submitValue: false,
 253                         },
 254                         {
 255                             text: gettext('Request Quarantine Link'),
 256                             reference: 'quarantineButton',
 257                         },
 258                         {
 259                             text: gettext('Login'),
 260                             reference: 'loginButton',
 261                             formBind: true,
 262                         },
 263                     ],
 264                 },
 265             ],
 266         },
 267     ],
 268 });