api2/access.rs: add ticket api

2019-01-30 15:14:20 +01:00
parent 1bf446a33e
commit 34f956bc25
8 changed files with 262 additions and 11 deletions
--- a/www/LoginView.js
+++ b/www/LoginView.js
@ -0,0 +1,128 @@
+Ext.define('PBS.LoginView', {
+    extend: 'Ext.container.Container',
+    xtype: 'loginview',
+
+    controller: {
+	xclass: 'Ext.app.ViewController',
+
+	submitForm: function() {
+	    var me = this;
+	    var view = me.getView();
+	    var loginForm = me.lookupReference('loginForm');
+
+	    if (loginForm.isValid()) {
+		if (loginForm.isVisible()) {
+		    loginForm.mask(gettext('Please wait...'), 'x-mask-loading');
+		}
+		loginForm.submit({
+		    success: function(form, action) {
+			// save login data and create cookie
+			PBS.Utils.updateLoginData(action.result.data);
+			PBS.app.changeView('mainview');
+		    },
+		    failure: function(form, action) {
+			loginForm.unmask();
+			Ext.MessageBox.alert(
+			    gettext('Error'),
+			    gettext('Login failed. Please try again')
+			);
+		    }
+		});
+	    }
+	},
+
+	control: {
+	    'button[reference=loginButton]': {
+		click: 'submitForm'
+	    }
+	}
+    },
+
+    plugins: 'viewport',
+
+    layout: {
+	type: 'border'
+    },
+
+    items: [
+	{
+	    region: 'north',
+	    xtype: 'container',
+	    layout: {
+		type: 'hbox',
+		align: 'middle'
+	    },
+	    margin: '2 5 2 5',
+	    height: 38,
+	    items: [
+		{
+		    xtype: 'proxmoxlogo'
+		},
+		{
+		    xtype: 'versioninfo',
+		    makeApiCall: false
+		}
+	    ]
+	},
+	{
+	    region: 'center'
+	},
+	{
+	    xtype: 'window',
+	    closable: false,
+	    resizable: false,
+	    reference: 'loginwindow',
+	    autoShow: true,
+	    modal: true,
+
+	    defaultFocus: 'usernameField',
+
+	    layout: {
+		type: 'auto'
+	    },
+
+	    title: gettext('Proxmox Backup Server Login'),
+
+	    items: [
+		{
+		    xtype: 'form',
+		    layout: {
+			type: 'form'
+		    },
+		    defaultButton: 'loginButton',
+		    url: '/api2/extjs/access/ticket',
+		    reference: 'loginForm',
+
+		    fieldDefaults: {
+			labelAlign: 'right',
+			allowBlank: false
+		    },
+
+		    items: [
+			{
+			    xtype: 'textfield',
+			    fieldLabel: gettext('User name'),
+			    name: 'username',
+			    itemId: 'usernameField',
+			    reference: 'usernameField'
+			},
+			{
+			    xtype: 'textfield',
+			    inputType: 'password',
+			    fieldLabel: gettext('Password'),
+			    name: 'password',
+			    reference: 'passwordField'
+			}
+		    ],
+		    buttons: [
+			{
+			    text: gettext('Login'),
+			    reference: 'loginButton',
+			    formBind: true
+			}
+		    ]
+		}
+	    ]
+	}
+    ]
+});