Ext.namespace('cmv.member');

cmv.member.panel = new Ext.Panel({
  displayed:false,
  id:'cmvmenuitem10-panel',
  title: 'Medlemsoversigt',
  frame: true,
  unstyled: false,
  border: false,
  autoScroll: true,
  layout:'table',
  layoutConfig: {
    columns:5,
    tableAttrs: {
      cellspacing: 5
    }
  },
  // applied to child components
  defaults: {
    frame:true
  },
  listeners:{
    activate: {
      fn: function(panel){
        if(this.displayed==false)
        {
          Ext.Msg.wait('Vent et øjeblik','Henter data...');
          this.displayed=true;
          cmv.member.store.load({
            scope:this
          });
        }
      }
    }
  }
})

cmv.member.store = new Ext.data.JsonStore({
  url: 'json/get-members.php',
  autoLoad: false,
  root: 'data',
  totalProperty:'total',
  id:'cmvmemberstore',
  fields:[
  {
    name:'id',
    type:'int'
  },{
    name:'navn'
  },{
    name:'Telefon'
  },{
    name:'email'
  },{
    name:'Postby'
  },{
    name:'Vej'
  },{
    name:'Photo',
    type:'boolean'
  },{
    name:'kvinde',
    type:'boolean'
  }
  ],
  listeners:{
    load: {
      fn: function(store, record, operation){
        var pnl = operation.scope;
        store.each(function(record){
          if(record.get('Photo'))
            cmv.member.pic='<img src="php/view_memberphoto.php?idx='+record.get('id')+'">';
          else
            cmv.member.pic='<img src="images/'+(record.get('kvinde')?'fe':'')+'male_silh.jpg">';
          pnl.add({
            title:record.get('navn'),
            bbar:[{
              xtype:'tbtext',
              text:record.get('Vej')+"<br>"+record.get('Postby')+'<br>Tlf: '+record.get('Telefon')+"<br>Email: <a href='mailto:"+record.get('email')+"'>"+record.get('email')+"</a>"
            }],
            html:'<ul><li>'+cmv.member.pic+'</li></ul>'
          })
        })
        pnl.setTitle(pnl.title+", "+store.getCount()+" medlemmer");
        pnl.doLayout();
        Ext.Msg.hide();
      }
    }
  }
})
cmv.menu.wrc.add(cmv.member.panel);

cmv.member.helperstore = new Ext.data.JsonStore({
  url: 'json/get-members.php',
  autoLoad: true,
  root: 'data',
  totalProperty:'total',
  id:'cmvhelperstore',
  fields:[
  {
    name:'id',
    type:'int'
  },{
    name:'navn'
  },{
    name:'Telefon'
  },{
    name:'email'
  },{
    name:'Postby'
  },{
    name:'Vej'
  },{
    name:'Photo',
    type:'boolean'
  },{
    name:'kvinde',
    type:'boolean'
  }
  ]
})