api2/access.rs: add ticket api

www/Application.js

@@ -20,15 +20,30 @@ Ext.define('PBS.Application', {
 
     logout: function() {
 	var me = this;
-	//Proxmox.Utils.authClear();
-	//me.changeView('loginview', true);
+	Proxmox.Utils.authClear();
+	me.changeView('loginview', true);
     },
 
     changeView: function(view, skipCheck) {
 	var me = this;
-	//?
+	PBS.view = view;
+	me.view = view;
+
+	if (me.currentView != undefined) {
+	    me.currentView.destroy();
+	}
+
+	me.currentView = Ext.create({
+	    xtype: view,
+	});
+	if (skipCheck !== true) {
+	    // fixme:
+	    // Proxmox.Utils.checked_command(function() {}); // display subscription status
+	}
     },
 
+    view: 'loginview',
+
     launch: function() {
 	var me = this;
 	Ext.on('resize', me.realignWindows);
@@ -36,11 +51,13 @@ Ext.define('PBS.Application', {
 	var provider = new Ext.state.LocalStorageProvider({ prefix: 'ext-pbs-' });
 	Ext.state.Manager.setProvider(provider);
 
-	// fixme: show login window if not loggedin
-
-	me.currentView = Ext.create({
-	    xtype: 'mainview'
-	});
+	// show login window if not loggedin
+	var loggedin = Proxmox.Utils.authOK();
+	if (!loggedin) {
+	    me.changeView('loginview', true);
+	} else {
+	    me.changeView('mainview', true);
+	}
     }
 });
 

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
+			}
+		    ]
+		}
+	    ]
+	}
+    ]
+});

www/MainView.js

@@ -82,10 +82,20 @@ Ext.define('PBS.MainView', {
 
 	},
 
+	logout: function() {
+	    PBS.app.logout();
+	},
+
 	navigate: function(treelist, item) {
 	    this.redirectTo(item.get('path'));
 	},
 
+	control: {
+	    'button[reference=logoutButton]': {
+		click: 'logout'
+	    }
+	},
+
 	init: function(view) {
 	    var me = this;
 	    console.log("init");

www/Makefile

@@ -1,6 +1,7 @@
 JSSRC=							\
 	Utils.js					\
 	Logo.js						\
+	LoginView.js					\
 	VersionInfo.js					\
 	SystemConfiguration.js				\
 	Subscription.js					\

www/Utils.js

@@ -6,6 +6,12 @@ console.log("Starting Backup Server GUI");
 Ext.define('PBS.Utils', {
     singleton: true,
 
+    updateLoginData: function(data) {
+	Proxmox.CSRFPreventionToken = data.CSRFPreventionToken;
+	Proxmox.UserName = data.username;
+	Ext.util.Cookies.set('PBSAuthCookie', data.ticket, null, '/', null, true );
+    },
+
     constructor: function() {
 	var me = this;