Ext.ns('energy');

energy.counterInfos = Ext.extend(Ext.Panel,{
  title:" ",
  headerCfg:{cls:'x-panel-header-em2'},
  url:'/process/EMBrowser/site/counter/process.energy_counter.php'
  ,tpl:new Ext.XTemplate('<div class="type-1">'
    +'<fieldset class="type-2">'
    +'<legend class="type-2">Compteur {energy}</legend>'
    +'<table cellspacing="0" cellpadding="0" class="type-1"><tr class="row-c10">'
    +'<td class="label" >Nom ou numéro du compteur: </td>'
    +'<td class="data">{name}</td>'
    +'</tr><tr class="row-c11">'
    +'<td class="label">Energie : </td>'
    +'<td class="data">{energy_name}</td>'
    +'</tr><tr class="row-c10">'
    +'<td class="label">Utilisation : </td>'
    +'<td class="data">{usage_type_name}</td>'
    +'</tr><tr class="row-c11">'
    +'<td class="label">Fournisseur par défaut : </td>'
    +'<td class="data">{default_energy_supplier_name}</td>'
    +'</tr><tr class="row-c11">'
    +'<td class="label">Division : </td>'
    +'<td class="data">{division_name}</td>'
    +'</tr></table>'
    +'</fieldset>'
    +'</div>'
  )
  ,buttons: [{text:"Modifier",cmd:"update"}]
  ,frame:false
  ,bodyStyle: 'padding:2px'
  ,collapsible:true
  ,initComponent:function() {
    var config = {}; // eo config object

    // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    energy.counterInfos.superclass.initComponent.apply(this, arguments);
    //this.buttons[0].on('click',this.testFunction,this);
  } // end of function initComponent
  ,onRender:function() {
    energy.counterInfos.superclass.onRender.apply(this, arguments);
  } // eo function onRender
  ,init_tpl:function(with_division_name) {
    var tplcontent = '<div class="type-1">'
    +'<fieldset class="type-2">'
    +'<legend class="type-2">Compteur {energy}</legend>'
    +'<table cellspacing="0" cellpadding="0" class="type-1"><tr class="row-c10">'
    +'<td class="label" >Nom ou numéro du compteur : </td>'
    +'<td class="data" width="257px">{name}</td>'
    +'</tr><tr class="row-c11">'
    +'<td class="label">Energie : </td>'
    +'<td class="data" width="257px">{energy_name}</td>'
    +'</tr><tr class="row-c10">'
    +'<td class="label">Utilisation : </td>'
    +'<td class="data" width="257px">{usage_type_name}</td>'
    +'</tr><tr class="row-c11">'
    +'<td class="label">Fournisseur par défaut : </td>'
    +'<td class="data" width="257px">{default_energy_supplier_name}</td>';
    if(with_division_name) {
      tplcontent = tplcontent+'</tr><tr class="row-c11">'
      +'<td class="label">Division : </td>'
      +'<td class="data" width="257px">{division_name}</td>'
    }
    tplcontent = tplcontent+'</tr></table>'
    +'</fieldset>'
    +'</div>';
    this.tpl=new Ext.XTemplate(tplcontent);
  }
  ,initModifyAction:function() {
    this.height = 320;
  }
  ,init:function(counter_id) {
    this.counter_id = counter_id;
    this.load({
         url:this.url
        ,waitMsg:'Loading...'
        ,scope:this
        ,method:'GET'
        ,params:{cmd:'read',counter_id:counter_id}
        ,callback:function(var1,var2,response,var3) {
          var result = Ext.util.JSON.decode(response.responseText);
          switch(result.success){
            case 1:
              this.tpl.overwrite(this.body, result.data);
              this.setTitle(result.title.countertitle);
              break;
            default:
              Ext.MessageBox.alert('Attention',result.error);
              break;
          }
        }
    });
  }
});

Ext.reg('energycounterinfos', energy.counterInfos);