Ext.namespace('cmv.udvalg');

cmv.udvalg.displayed=false;

cmv.udvalg.info = new Ext.data.JsonStore({
  autoDestroy: false,
  url: 'json/udvalg.php',
  // reader configs
  idProperty: 'ID',
  root: 'data',
  totalProperty: 'total',
  fields: [{
    name:'ID',
    type:'int'
  },{
    name:'Navn'
  },{
    name:'Kaldenavn'
  },{
    name:'Opgaver'
  }],
  listeners:{
    load: {
      fn: function(store, record, operation){
        store.each(function(rec){
          cmv.udvalg.tabpanel.add({
            title:rec.get('Navn'),
            id:'cmvudvalgtab_'+rec.get('ID')
          })
        })
        cmv.udvalg.members.load();
      }
    }
  }
});

cmv.udvalg.members = new Ext.data.JsonStore({
  autoDestroy: false,
  url: 'json/udvalgmembers.php',
  // reader configs
  idProperty:'Row',
  root: 'data',
  totalProperty: 'total',
  fields: [{
    name:'Row',
    type:'int'
  },{
    name:'id',
    type:'int'
  },{
    name:'Udvalgsid',
    type:'int'
  },{
    name:'Titel'
  },{
    name:'Navn'
  },{
    name:'Telefon'
  },{
    name:'email'
  },{
    name:'Postby'
  },{
    name:'Vej'
  },{
    name:'Photo',
    type:'boolean'
  },{
    name:'kvinde',
    type:'boolean'
  },,{
    name:'Allinfo',
    type:'boolean'
  }],
  listeners:{
    load: {
      fn: function(store, record, operation){
        cmv.udvalg.tabpanel.setActiveTab(0);
      }
    }
  }
});

cmv.udvalg.tabpanel=new Ext.TabPanel({
  id:'cmvudvalgtabpanel',
  defaults:{
    displayed: false,
    border:false,
    frame:true,
    autoScroll: true,
    layout:'table',
    layoutConfig: {
      columns:6,
      tableAttrs: {
        cellspacing: 5
      }
    },
    listeners:{
      activate:{
        fn:function(panel){
          if(!panel.displayed)
          {
            var uid=panel.getId().split('_');
            cmv.udvalg.info.filter('ID',uid[1]);
            cmv.udvalg.info.each(function(record){
              panel.add({
                title:record.get('Kaldenavn')+' opgaver',
                colspan:6,
                html:record.get('Opgaver'),
                frame:true
              })
            });
            cmv.udvalg.info.clearFilter(true);
            cmv.udvalg.members.filter('Udvalgsid',uid[1]);
            cmv.udvalg.members.each(function(record){
              if(record.get('Photo'))
                cmv.udvalg.pic='<img src="php/view_memberphoto.php?idx='+record.get('id')+'">';
              else
                cmv.udvalg.pic='<img src="images/'+(record.get('kvinde')?'fe':'')+'male_silh.jpg">';
              bbartext=record.get('Allinfo')?record.get('Vej')+"<br>"+record.get('Postby')+'<br>Tlf: '+record.get('Telefon')+"<br>Email: <a href='mailto:"+record.get('email')+"'>"+record.get('email')+"</a>":"<br><br><br><br>";
              panel.add({
                title:record.get('Titel')+"<br>"+record.get('Navn'),
                frame: true,
                bbar:[{
                  xtype:'tbtext',
                  text:bbartext
                }],
                html:'<ul><li>'+cmv.udvalg.pic+'</li></ul>'
              })
            })
            cmv.udvalg.members.clearFilter(true);
            panel.doLayout();
            panel.displayed=true
          }
        }
      }
    }
  }
})

cmv.udvalg.panel = new Ext.Panel({
  title:'Om klubben > Udvalg',
  id:'cmvmenuitem6-panel',
  iconCls: 'icon-grid',
  margins: '0 5 0 5',
  collapsible: false,
  autoScroll: true,
  cmargins: '0 5 0 5', // adjust top margin when collapsed
  layout: 'fit',
  border: false,
  items:cmv.udvalg.tabpanel,
  listeners:{
    activate: {
      fn: function(panel){        
        if(!cmv.udvalg.displayed)
        {
          cmv.udvalg.info.load();
          
        }
        cmv.udvalg.displayed=true;
      }
    }
  }
});

cmv.menu.wrc.add(cmv.udvalg.panel);