fix typo

[pmg-gui.git] / js / LoginView.js

/*global Proxmox*/
Ext.define('PMG.LoginView', {
    extend: 'Ext.container.Container',
    xtype: 'loginview',

    controller: {
	xclass: 'Ext.app.ViewController',

	init: function(view) {
	    var loginForm = this.lookupReference('loginForm');

	    // try autologin with quarantine ticket from URL

	    var qs = Ext.Object.fromQueryString(location.search);
	    if (qs.ticket == undefined) { return; }
	    var ticket = decodeURIComponent(qs.ticket);
	    var match = ticket.match(/^PMGQUAR:([^\s\:]+):/);
	    if (!match) { return; }
	    var username = match[1];
	    var loginwin = this.lookupReference('loginwindow');
	    loginwin.autoShow = false;
	    loginwin.setVisible(false);

	    Proxmox.Utils.API2Request({
		url: '/api2/extjs/access/ticket',
		params: {
		    username: username,
		    password: ticket
		},
		method: 'POST',
		success: function(response) {
		    // save login data and create cookie
		    PMG.Utils.updateLoginData(response.result.data);
		    // change view to mainview
		    view.destroy();
		    PMG.view = 'quarantine';
		    Ext.create({ xtype: 'quarantineview' });
		    Proxmox.Utils.checked_command(function() {}); // display subscription status
		},
		failure: function(form, action) {
		    loginForm.unmask();
		    Ext.MessageBox.alert(
			gettext('Error'),
			gettext('Login failed. Please try again')
		    );
		}
	    });
	},

	submitForm: function() {
	    var me = this;
	    var loginForm = me.lookupReference('loginForm');

	    if (loginForm.isValid()) {
		loginForm.mask(gettext('Please wait...'), 'x-mask-loading');
		loginForm.submit({
		    success: function(form, action) {
			// save login data and create cookie
			PMG.Utils.updateLoginData(action.result.data);
			// change view to mainview
			me.getView().destroy();

			if (location.pathname === "/quarantine") {
			    Ext.create({ xtype: 'quarantineview' });
			    PMG.view = 'quarantine';
			} else {
			    Ext.create({ xtype: 'mainview' });
			    PMG.view = 'main';
			}
			Proxmox.Utils.checked_command(function() {}); // display subscription status
		    },
		    failure: function(form, action) {
			loginForm.unmask();
			Ext.MessageBox.alert(
			    gettext('Error'),
			    gettext('Login failed. Please try again')
			);
		    }
		});
	    }
	},

	control: {
	    'field[name=lang]': {
		change: function(f, value) {
		    var dt = Ext.Date.add(new Date(), Ext.Date.YEAR, 10);
		    Ext.util.Cookies.set('PMGLangCookie', value, dt);

		    var loginwin = this.lookupReference('loginwindow');
		    loginwin.mask(gettext('Please wait...'), 'x-mask-loading');
		    window.location.reload();
		}
	    },
	    'button[reference=loginButton]': {
		click: 'submitForm'
	    }
	}
    },

    plugins: 'viewport',

    layout: {
	type: 'border'
    },

    items: [
	{
	    region: 'north',
	    xtype: 'container',
	    layout: {
		type: 'hbox',
		align: 'middle'
	    },
	    margin: '4 5 4 5',
	    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 Mail Gateway 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'
			},
			{
			    xtype: 'proxmoxLanguageSelector',
			    fieldLabel: gettext('Language'),
			    value: Ext.util.Cookies.get('PMGLangCookie') || 'en',
			    name: 'lang',
			    submitValue: false
			},
			{
			    xtype: 'hiddenfield',
			    name: 'realm',
			    value: 'pam'
			}
		    ],
		    buttons: [
			{
			    text: gettext('Login'),
			    reference: 'loginButton',
			    formBind: true
			}
		    ]
		}
	    ]
	}
    ]
});