/*
 * @author: Erik A. Ortiz
 * Aug 20th, 2010 
 */
var processesGrid;
var store;
var comboCategory;

new Ext.KeyMap(document, {
  key: Ext.EventObject.F5,
  fn: function(keycode, e) {
      if (! e.ctrlKey) {
        if (Ext.isIE)
            e.browserEvent.keyCode = 8;
        e.stopEvent();
        document.location = document.location;
      }
      else
        Ext.Msg.alert('Refresh', 'You clicked: CTRL-F5');
  }
});


Ext.onReady(function(){
  //Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
  Ext.QuickTips.init();

  store = new Ext.data.GroupingStore( {
  //var store = new Ext.data.Store( {
    proxy : new Ext.data.HttpProxy({
      url: 'pluginsList'
    }),

    reader : new Ext.data.JsonReader( {      
      fields : [
        {name : 'id'},
        {name : 'namespace'},
        {name : 'title'},
        {name : 'className'},
        {name : 'description'},
        {name : 'version'},
        {name : 'setupPage'},
        {name : 'status'},
        {name : 'status_label'},
        {name : 'setup'},

        {name : 'sFile'},
        {name : 'sStatusFile'}
      ]
    })//,
    //sortInfo:{field: 'PRO_TITLE', direction: "ASC"}
    //groupField:'PRO_CATEGORY_LABEL'

  });
  
  
  var expander = new Ext.ux.grid.RowExpander({
    tpl : new Ext.Template(
        '<p><b>'+TRANSLATIONS.ID_DESCRIPTION+': </b> {description}</p><br>'
    )
  });

  var selModel = new Ext.grid.RowSelectionModel({            
    singleSelect : true
  })
    
  Grid = new Ext.grid.GridPanel( {
    region: 'center',
    layout: 'fit',
    id: 'processesGrid',
    height:500,
    //autoWidth : true,
    width:'',
    title : '',
    stateful : true,
    stateId : 'grid',
    enableColumnResize: true,
    enableHdMenu: true,
    frame:false,
    plugins: expander,
    cls : '',
    columnLines: true,
    viewConfig: {
      forceFit:true
    },
    cm: new Ext.grid.ColumnModel({
      defaults: {
          width: 200,
          sortable: true
      },    
      columns: [
        expander,
        {id:'id', dataIndex: 'id', hidden:true, hideable:false},
        {header: TRANSLATIONS.ID_DESCRIPTION, dataIndex: 'description', width: 100, hidden:true, hideable:false},
        {header: '', dataIndex: 'namespace', width: 100, hidden:true, hideable:false},
        {header: 'classname', dataIndex: 'className', width: 300, hidden:true, hideable:false},
        {header: TRANSLATIONS.ID_TITLE, dataIndex: 'title'},
        {header: TRANSLATIONS.ID_VERSION, dataIndex: 'version', width: 50},
        {header: TRANSLATIONS.ID_STATUS, dataIndex: 'status_label', width: 40, renderer:function(v,p,r){
          color = r.get('status') == '1'? 'green': 'red';
          return String.format("<font color='{0}'>{1}</font>", color, v);
        }},

        {header: '', dataIndex: 'setup' , hidden:true, hideable:false},
        {header: '', dataIndex: 'sFile', hidden:true, hideable:false },
        {header: '', dataIndex: 'sStatusFile', hidden:true, hideable:false}
      ]
    }),
    
    selModel:selModel,
    store: store,

    tbar:[{
        text:TRANSLATIONS.ID_IMPORT,
        iconCls: 'silk-add',
        icon: '/images/import.gif',
        handler:importProcess
      },{
        xtype: 'tbseparator'
      },
      {
        id:'setup',
        text:TRANSLATIONS.ID_CONFIGURE,
        iconCls: 'silk-add',
        icon: '/images/options.png',
        handler:configure
      },
      {
        text:TRANSLATIONS.ID_STATUS,
        id:'activator',
        icon: '',
        iconCls: 'silk-add',
        handler: activeDeactive,
        disabled:true
      },{
        text:TRANSLATIONS.ID_DELETE,
        iconCls: 'silk-add',
        icon: '/images/delete-16x16.gif',
        handler:deletePlugin
      }
    ],
    listeners: {
      render: function(){
        this.loadMask = new Ext.LoadMask(this.body, {msg:'Loading...'});
        //this.ownerCt.doLayout();
        Grid.getSelectionModel().on('rowselect', function(){

        var rowSelected = Grid.getSelectionModel().getSelected();
        //alert(rowSelected.data.PRO_STATUS);
        var activator = Ext.getCmp('activator');
        var setup = Ext.getCmp('setup');
        activator.setDisabled(false);
        
        if( rowSelected.data.status == 1 ){  
          activator.setIcon('/images/deactivate.png');
          activator.setText('Disable');//activator.setText(TRANSLATIONS.ID_DISABLE);//activator.setText('Deactivate');
        } else {
          activator.setIcon('/images/activate.png');
         activator.setText('Enable');//activator.setText(TRANSLATIONS.ID_ENABLE); //activator.setText('Activate');
        }
        //alert(rowSelected.data.setup);
        if( rowSelected.data.setup == 1 ){
          setup.setDisabled(false);
        } else {
          setup.setDisabled(true);
        }
         
        });
      }
  }

  });

  Grid.store.load({params: {"function":"pluginsList"}});
  //store.load({params: {"function":"xml"}});
  var viewport = new Ext.Viewport({
    layout: 'border',
    autoScroll: true,
    items: [Grid]
  });
});


deletePlugin = function(){
  var rowSelected = Grid.getSelectionModel().getSelected();
  if( rowSelected ) {
    namespace = rowSelected.get('namespace');
    status    = rowSelected.get('status');
    if(status == 0) {
      Ext.Msg.confirm(
        TRANSLATIONS.ID_CONFIRM, TRANSLATIONS.ID_MSG_REMOVE_PLUGIN,
        function(btn, text){
          if ( btn == 'yes' ){
            Ext.MessageBox.show({ msg: TRANSLATIONS.ID_DELETING_ELEMENTS, wait:true,waitConfig: {interval:200} });
            Ext.Ajax.request({
              url: 'pluginsRemove',
              success: function(response) {
                Ext.MessageBox.hide();
                Grid.store.reload();
              },
              params: {pluginUid:namespace}
            });
          }
        }
      );
    } else {
      Ext.Msg.show({
        title:'',
        msg: TRANSLATIONS.ID_PLUGIN_CANT_DELETE,
        buttons: Ext.Msg.INFO,
        fn: function(){},
        animEl: 'elId',
        icon: Ext.MessageBox.INFO,
        buttons: Ext.MessageBox.OK
      });
    }
  } else {
    Ext.Msg.show({
      title:'',
      msg: TRANSLATIONS.ID_NO_SELECTION_WARNING,
      buttons: Ext.Msg.INFO,
      fn: function(){},
      animEl: 'elId',
      icon: Ext.MessageBox.INFO,
      buttons: Ext.MessageBox.OK
    });
  }
}

importProcess = function(){
  window.location = 'pluginsImport';
}

browseLibrary = function(){
  window.location = 'processes_Library';
}

function activeDeactive(){
  var rowSelected = Grid.getSelectionModel().getSelected();
  //var rows = Grid.getSelectionModel().getSelections();
  
  if( rowSelected ) {
    var ids = '';

    var status = rowSelected.get('status');
    var file = rowSelected.get('sFile');
    
    Ext.Ajax.request({
      url : 'pluginsChange?id='+file+'&status='+status ,
      params : { UIDS : ids },
      method: 'GET',
      success: function ( result, request ) {
        //Ext.MessageBox.alert('Success', 'Data return from the server: '+ result.responseText);
    	  
    	parent.parent.location.href = 'main?s='+parent._NODE_SELECTED;
    	return;
    	  
        store.reload();

        plugins = parent.Ext.getCmp('plugins');
        
        plugins.root.reload();
        
        var activator = Ext.getCmp('activator');
        activator.setDisabled(true);
        activator.setText('Status');
        activator.setIcon('');
      },
      failure: function ( result, request) {
        Ext.MessageBox.alert('Failed', result.responseText);
      }
    });
    
    //window.location = 'processes_ChangeStatus?PRO_UID='+rowSelected.data.PRO_UID;
  } else {
     Ext.Msg.show({
      title:'',
      msg: TRANSLATIONS.ID_NO_SELECTION_WARNING,
      buttons: Ext.Msg.INFO,
      fn: function(){},
      animEl: 'elId',
      icon: Ext.MessageBox.INFO,
      buttons: Ext.MessageBox.OK
    });
  }
}

var configure = function(){
  var rowSelected = Grid.getSelectionModel().getSelected();
  //var rows = Grid.getSelectionModel().getSelections();

  if( rowSelected ) {
    file = rowSelected.get('sFile');
    window.location = 'pluginsSetup?id='+file;
    
  } else {
     Ext.Msg.show({
      title:'',
      msg: TRANSLATIONS.ID_NO_SELECTION_WARNING,
      buttons: Ext.Msg.INFO,
      fn: function(){},
      animEl: 'elId',
      icon: Ext.MessageBox.INFO,
      buttons: Ext.MessageBox.OK
    });
  }
}

capitalize = function(s){
  s = s.toLowerCase();
  return s.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } );
};