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

Ext.namespace('Ext.ux');

Ext.ux.MumbleUserEditor = Ext.extend( Ext.Component, {
    clickHandler: function( node, ev ){
        if( typeof node.attributes.userdata != "undefined" ){
            this.activate(node.attributes.userdata);
        }
    },

    init: function( tree ){
        this.tree = tree;
        tree.on("click", this.clickHandler, this);
    },

    activate: function( userdata ){
        if( !this.wnd ){
            this.userdata = userdata;

            tabitems = [{
                    xtype: "form",
                    border: false,
                    title: gettext("User comment"),
                    layout: 'fit',
                    items: [{
                        xtype: "htmleditor",
                        fieldLabel: 'x',
                        hideLabel: true,
                        name: "comment",
                        value: userdata.comment,
                    }],
                }, {
                    title: gettext("Avatar"),
                    scope: this,
                    listeners: {
                        afterrender: function( panel ){
                            Mumble.hasTexture( this.scope.serverid, this.scope.userdata.userid, function(provider, response){
                                if( response.result.has ){
                                    panel.el.dom.children[0].children[0].innerHTML = String.format(
                                        '<img src="{0}" alt="avatar" />', response.result.url
                                        );
                                }
                                else{
                                    panel.el.dom.children[0].children[0].innerHTML =
                                        gettext("This user does not have an Avatar.");
                                }
                            } );
                        }
                    },
                    html:  gettext("Loading..."),
                }, {
                    title: gettext("Infos"),
                    xtype: "form",
                    border: false,
                    items: [{
                        xtype: "checkbox",
                        fieldLabel: gettext("Authenticated"),
                        disabled: true,
                        name:  "a",
                        checked: (this.userdata.userid != -1)
                    }, {
                        xtype: "checkbox",
                        fieldLabel: gettext("Self-Deafened"),
                        disabled: true,
                        name:  "sd",
                        checked: this.userdata.selfDeaf
                    }, {
                        xtype: "checkbox",
                        fieldLabel: gettext("Deafened"),
                        disabled: true,
                        name:  "d",
                        checked: this.userdata.deaf
                    }, {
                        xtype: "checkbox",
                        fieldLabel: gettext("Self-Muted"),
                        disabled: true,
                        name:  "sm",
                        checked: this.userdata.selfMute
                    }, {
                        xtype: "checkbox",
                        fieldLabel: gettext("Muted"),
                        disabled: true,
                        name:  "m",
                        checked: this.userdata.mute
                    }, {
                        xtype: "checkbox",
                        fieldLabel: gettext("Suppressed"),
                        disabled: true,
                        name:  "s",
                        checked: this.userdata.suppress
                    }, {
                        xtype: "checkbox",
                        fieldLabel: gettext("Priority Speaker"),
                        disabled: true,
                        name:  "p",
                        checked: this.userdata.prioritySpeaker
                    }, {
                        xtype: "checkbox",
                        fieldLabel: gettext("Recording"),
                        disabled: true,
                        name:  "r",
                        checked: this.userdata.recording
                    }]
                }];
            if( this.is_admin ){
                tabitems.push({
                    xtype: "form",
                    border: false,
                    title: gettext("Administration"),
                    items: [{
                        xtype: "checkbox",
                        fieldLabel: gettext("Ban"),
                        name: "ban"
                    }, {
                        xtype: "numberfield",
                        fieldLabel: gettext("Ban duration"),
                        value: 3600,
                        name: "duration"
                    }, {
                        xtype: "label",
                        text:  gettext("Only if banning. Set to 0 for permanent ban, any other value for the ban duration in seconds."),
                        cls:   "form_hint_label",
                    }, {
                        xtype: "textfield",
                        fieldLabel: gettext("Reason"),
                        name:  "reason"
                    }],
                    fbar: [{
                        scope: this,
                        text: gettext("Kick"),
                        handler: function(btn){
                            f = btn.ownerCt.ownerCt.getForm().getValues();
                            Mumble.kickUser(
                                this.serverid, this.userdata.session, f.reason, (f.ban || false), parseInt(f.duration)
                                );
                        }
                    }, {
                        text: gettext("Mute"),
                        enableToggle: true,
                        scope: this,
                        ref:   '../mutebutton',
                        pressed: this.userdata.mute,
                        disabled: this.userdata.deaf,
                        toggleHandler: function(btn, state){
                            Mumble.muteUser(this.serverid, this.userdata.session, state);
                        }
                    }, {
                        text: gettext("Deafen"),
                        enableToggle: true,
                        scope: this,
                        ref:   '../deafenbutton',
                        pressed: this.userdata.deaf,
                        toggleHandler: function(btn, state){
                            Mumble.deafenUser(this.serverid, this.userdata.session, state);
                            if( state )
                                btn.refOwner.mutebutton.toggle(true, true);
                            btn.refOwner.mutebutton.setDisabled(state);
                        }
                    }],
                }, {
                    xtype: "form",
                    border: false,
                    title: gettext("Send message"),
                    layout: 'fit',
                    items: [{
                        xtype: "htmleditor",
                        fieldLabel: 'x',
                        hideLabel: true,
                        name: "message"
                    }],
                    fbar: [{
                        scope: this,
                        text: gettext("Send message"),
                        handler: function(btn){
                            f = btn.ownerCt.ownerCt.getForm().getValues();
                            Mumble.sendMessage(this.serverid, this.userdata.session, f.message, function(provider, response){
                                if( response.type == "exception" ){
                                    Ext.Msg.alert( gettext("Error"), response.message );
                                }
                                else{
                                    Ext.Msg.alert( gettext("Success"), gettext("Message sent successfully.") );
                                }
                            });
                        }
                    }]
                });
            }

            this.wnd = new Ext.Window({
                title: this.windowTitle || gettext("User details"),
                layout: 'fit',
                items: {
                    viewConfig:  { forceFit:  true },
                    xtype: "tabpanel",
                    activeTab: 0,
                    border: false,
                    items: tabitems,
                },
                width:  500,
                height: 300,
                scope: this,
                listeners: {
                    beforeclose: function(){
                        this.owner.wnd = null;
                    }
                },
            });
            this.wnd.owner = this;
        }
        if( !this.wnd.isVisible() ){
            this.wnd.show();
            mypos = this.tree.getPosition();
            mysize = this.tree.getSize();
            this.wnd.setPosition( mypos[0] + mysize.width - 50, mypos[1] + 50 );
        }
        else{
            this.wnd.close();
        }
    },
} );

Ext.ux.MumbleChannelEditor = Ext.extend( Ext.Component, {
    clickHandler: function( node, ev ){
        if( typeof node.attributes.chandata != "undefined" ){
            this.activate(node.attributes.chandata);
        }
    },

    init: function( tree ){
        this.tree = tree;
        tree.on("click", this.clickHandler, this);
    },

    activate: function( chandata ){
        if( !this.wnd ){
            this.chandata = chandata;

            tabitems = [{
                xtype: "form",
                border: false,
                title: gettext("Channel description"),
                defaults: { "anchor": "-20px" },
                layout: 'border',
                items: [{
                    xtype: "textfield",
                    fieldLabel: "x",
                    hideLabel: true,
                    name:  "name",
                    region: "north",
                    value: chandata.name
                }, {
                    xtype: "htmleditor",
                    fieldLabel: 'x',
                    hideLabel: true,
                    name: "description",
                    region: "center",
                    value: chandata.description
                }],
            }];
            if( this.is_admin ){
                Ext.apply( tabitems[0], {
                    fbar: [{
                        text: gettext('Add subchannel...'),
                        scope: this,
                        handler: function(btn){
                            Ext.Msg.prompt(gettext('Name'), gettext('Please enter the channel name:'), function(btn, text){
                                if (btn == 'ok'){
                                    Mumble.addChannel( this.serverid, text, this.chandata.id, function(provider, response){
                                        if( response.type == "exception" ){
                                            Ext.Msg.alert( gettext("Error"), response.message );
                                        }
                                    });
                                }
                            }, this);
                        }
                    }, {
                        scope: this,
                        text: gettext("Submit name/description"),
                        handler: function(btn){
                            f = btn.ownerCt.ownerCt.getForm().getValues();
                            Mumble.renameChannel(this.serverid, this.chandata.id, f.name, f.description, function(provider, response){
                                if( response.type == "exception" ){
                                    Ext.Msg.alert( gettext("Error"), response.message );
                                }
                            });
                        }
                    }, {
                        text: gettext('Delete channel'),
                        scope: this,
                        handler: function(btn){
                            Ext.Msg.confirm(
                                gettext('Confirm channel deletion'),
                                interpolate(gettext('Are you sure you want to delete channel %s?'), [this.chandata.name]),
                                function(btn){
                                    if( btn == 'yes' ){
                                        Mumble.removeChannel( this.serverid, this.chandata.id );
                                    }
                                }, this);
                        }
                    }]
                });
                tabitems.push({
                    xtype: "form",
                    border: false,
                    title: gettext("Send message"),
                    defaults: { "anchor": "-20px" },
                    items: [{
                        xtype: "checkbox",
                        fieldLabel: gettext('Cascade to subchannels'),
                        name: 'tree'
                    }, {
                        xtype: "htmleditor",
                        fieldLabel: 'x',
                        hideLabel: true,
                        name: "message"
                    }],
                    fbar: [{
                        scope: this,
                        text: gettext("Send message"),
                        handler: function(btn){
                            f = btn.ownerCt.ownerCt.getForm().getValues();
                            Mumble.sendMessageChannel(this.serverid, this.chandata.id,
                                (f.tree || false), f.message,
                                function(provider, response){
                                    if( response.type == "exception" ){
                                        Ext.Msg.alert( gettext("Error"), response.message );
                                    }
                                    else{
                                        Ext.Msg.alert( gettext("Success"), gettext("Message sent successfully.") );
                                    }
                                });
                        }
                    }]
                });
            }

            this.wnd = new Ext.Window({
                title: this.windowTitle || ( this.is_admin
                    ? interpolate( gettext("Channel %s (%s)"), [chandata.name, chandata.id] )
                    : interpolate( gettext("Channel %s"),      [chandata.name] ) ),
                layout: 'fit',
                items: [{
                    xtype: "tabpanel",
                    activeTab: 0,
                    items: tabitems
                }],
                width:  500,
                height: 300,
                scope: this,
                listeners: {
                    beforeclose: function(){
                        this.owner.wnd = null;
                    }
                },
            });
            this.wnd.owner = this;
        }
        if( !this.wnd.isVisible() ){
            this.wnd.show();
            mypos = this.tree.getPosition();
            mysize = this.tree.getSize();
            this.wnd.setPosition( mypos[0] + mysize.width - 50, mypos[1] + 50 );
        }
        else{
            this.wnd.close();
        }
    },
} );