mumble-django/htdocs/js/loginout_buttons.js

// kate: space-indent on; indent-width 4; replace-tabs on;

Ext.namespace('Ext.ux');

Ext.ux.ButtonLogout = Ext.extend(Ext.Button, {
    text: gettext('Logout'),
    handler: function(){
        Accounts.logout( function(provider, response){
                if( response.result.success ){
                    window.location.reload();
                }
                else{
                    Ext.Msg.show({
                        title: gettext("Login error"),
                        msg:   gettext("Unable to log out."),
                        icon:  Ext.MessageBox.ERROR,
                        buttons: Ext.MessageBox.OK
                        });
                }
            } );
    }
});

Ext.ux.ButtonLogin = Ext.extend(Ext.Button, {
    text: gettext('Login'),
    enableToggle: true,
    toggleHandler: function(button, state){
        if( !this.wnd ){
            this.wnd = new Ext.Window({
                title: gettext('Login'),
                closable: false,
                width:  300,
                height: 130,
                layout: 'fit',
                items: {
                    layout: 'form',
                    border: false,
                    defaults: { anchor: '-20px' },
                    buttons: [{
                        text: gettext('Submit'),
                        handler: function(){
                            form = this.ownerCt.ownerCt.items.items;
                            Accounts.login(form[0].getValue(), form[1].getValue(),
                                function(provider, response){
                                    if( response.result.success ){
                                        window.location.reload();
                                    }
                                    else{
                                        Ext.Msg.show({
                                            title: gettext("Login error"),
                                            msg:   gettext("Unable to log in."),
                                            icon:  Ext.MessageBox.ERROR,
                                            buttons: Ext.MessageBox.OK
                                            });
                                    }
                                });
                        }
                    }],
                    items: [{
                        xtype: "textfield",
                        width: 50,
                        fieldLabel: gettext("User name"),
                        name: "username"
                    }, {
                        xtype: 'textfield',
                        fieldLabel: gettext("Password"),
                        inputType: "password",
                        name: "password"
                    }],
                },
            });
        }
        if( state ){
            this.wnd.show();
            mypos = this.getPosition();
            mysize = this.getSize();
            winsize = this.wnd.getSize();
            this.wnd.setPosition(
                mypos[0] + mysize.width - winsize.width,
                mypos[1] - winsize.height
                );
        }
        else
            this.wnd.hide();
    }
});