Ext.define("Compass.ErpApp.Desktop.Applications.RailsDbAdmin.DatabaseComboBox",{
    extend:"Ext.form.field.ComboBox",
    alias:'widget.railsdbadmin_databasecombo',
    initComponent: function() {

        var databaseJsonStore = new Ext.data.Store({
            autoLoad:true,
            timeout:60000,
            proxy: {
                type: 'ajax',
                url :'/rails_db_admin/erp_app/desktop/base/databases',
                reader: {
                    type: 'json',
                    root: 'databases'
                }
            },
            fields: [{
                name:'value'
            },{
                name:'display'
            }]
        });

        var me = this;
        databaseJsonStore.on('load', function(store) {
            me.setValue(store.first().get('value'));
        });

        this.store = databaseJsonStore;
        this.callParent(arguments);
    },

    constructor : function(config) {
        config = Ext.apply({
            id:'databaseCombo',
            valueField:'value',
            displayField:'display',
            triggerAction:'all',
            editable:false,
            forceSelection:true,
            mode:'local',
            //value:'development',
            listeners:{
                'select':function(combo, record, index){
                  // switch databases                  
                  combo.initialConfig.module.connectToDatatbase();
                }
            }
        }, config);
        this.callParent([config]);
    }
});