Ext.namespace('cmv.now');

cmv.now.displayed=false;


cmv.now.nexttrainingPanel=new Ext.grid.GridPanel({
  title:'Næste klubtræninger',
  flex:3,
  autoDestroy: true,
  frame:true,
  //width: 450,
  colModel: new Ext.grid.ColumnModel({
    columns:[{
      header:'',
      width:200,
      renderer: Ext.util.Format.train,
      dataIndex:'dato'
    },{
      id:'overskrift',
      header:'',
      width:160,
      dataIndex:'overskrift'
    }],
    defaults:{
      sortable:false
    }
  }),
  autoExpandColumn: 'overskrift',
  autoHeight: true,
  stripeRows: true,
  enableColumnMove:false,
  enableColumnResize: true,
  defaults: {
    sortable: false,
    filterable: false
  },
  store:new Ext.data.JsonStore({
    autoDestroy: true,
    autoLoad: true,
    url: 'json/gettrainings.php',
    // reader configs
    root: 'data',
    totalProperty: 'total',
    //idProperty: 'dato',
    baseParams :{
    },
    fields: [{
      name: 'dato',
      type: 'date',
      dateFormat: Date.patterns.ISO8601Long
    },{
      name: 'overskrift'
    }]
  }),
  viewConfig:{
    headersDisabled:true
  }
});
cmv.now.todayPanel=new Ext.grid.GridPanel({
  title:'Dagen i Viborg',
  flex:2,
  autoDestroy: true,
  frame:true,
  //width: 450,
  colModel: new Ext.grid.ColumnModel({
    columns:[{
      xtype: 'actioncolumn',
      width: 25,
      items: [{
        getClass: function(v, meta, rec) {
          if(rec.get('id')==1)
          {
            this.items[0].tooltip = 'Solopgang';
            return 'sun-col';
          }
        }
      }]
    },{
      header:'',
      width:100,
      dataIndex:'kat1'
    },{
      header:'',
      width:50,
      renderer: Ext.util.Format.sun,
      dataIndex:'tid1'
    },{
      header:'',
      width:100,
      dataIndex:'kat2'
    },{
      header:'',
      width:50,
      renderer: Ext.util.Format.sun,
      dataIndex:'tid2'
    },{
      id:'tid2',
      xtype: 'actioncolumn',
      width: 25,
      items: [{
        getClass: function(v, meta, rec) {
          if(rec.get('id')==2)
          {
            this.items[0].tooltip = 'Solnedgang';
            return 'sun-col';
          }
        }
      }]
    }],
    defaults:{
      sortable:false
    }
  }),
  autoExpandColumn: 'tid2',
  autoHeight: true,
  stripeRows: true,
  enableColumnMove:false,
  enableColumnResize: true,
  defaults: {
    sortable: false,
    filterable: false
  },
  store:new Ext.data.JsonStore({
    autoDestroy: true,
    autoLoad: true,
    url: 'json/getsunset.php',
    // reader configs
    root: 'data',
    totalProperty: 'total',
    idProperty: 'id',
    baseParams :{
    },
    fields: [{
      name:'id',
      type:'int'
    },{
      name: 'tid1',
      type: 'date',
      dateFormat: Date.patterns.ISO8601Long
    },{
      name: 'kat1'
    },{
      name: 'tid2',
      type: 'date',
      dateFormat: Date.patterns.ISO8601Long
    },{
      name: 'kat2'
    }]
  }),
  viewConfig:{
    headersDisabled:true
  },
  bbar:{
    items:[{xtype: 'tbtext', text: '<a href="http://www.dmi.dk/dmi/index/danmark/byvejr_danmark.htm?by=8800" target="_blank">DMIs vejrudsigt</a> for Viborg'}]
  }
});
cmv.now.eventsPanel=new Ext.grid.GridPanel({
  title:'Kommende aktiviteter',
  flex:3,
  autoDestroy: true,
  frame:true,
  //width: 450,
  colModel: new Ext.grid.ColumnModel({
    columns:[{
      xtype: 'actioncolumn',
      header:'',
      width: 25,
      items: [{
        icon   : 'images/information.png',
        tooltip: 'Se mere info',
        handler: function(grid, rowIndex, colIndex) {
          var rec = grid.store.getAt(rowIndex);
          var actwin = new cmv.mypage.activityWindow({
            activityid:rec.get('idx')
          });
          actwin.show();

        }
      }]
    },{
      header:'',
      width:160,
      renderer: Ext.util.Format.signup,
      dataIndex:'dato'
    },{
      id:'overskrift',
      header: '',
      width: 175,
      dataIndex: 'overskrift'
    }],
    defaults:{
      sortable:false
    }
  }),
  autoExpandColumn: 'overskrift',
  autoHeight: true,
  stripeRows: true,
  enableColumnMove:false,
  enableColumnResize: true,
  defaults: {
    sortable: false,
    filterable: false
  },
  store:new Ext.data.JsonStore({
    autoDestroy: true,
    autoLoad: true,
    url: 'json/getevents.php',
    // reader configs
    root: 'data',
    totalProperty: 'total',
    idProperty: 'idx',
    baseParams :{
    },
    fields: [{
      name:'idx',
      type:'int'
    },{
      name: 'dato',
      type: 'date',
      dateFormat: Date.patterns.ISO8601Long
    },
    {
      name: 'overskrift'
    }]
  }),
  viewConfig:{
    headersDisabled:true
  }
});

cmv.now.panel = new Ext.Panel({
  frame:true,
  region:'south',
  height: 140,
  id:'cmvnow',
  header:false,
  margins: '0 5 0 5',
  collapsible: true,
  collapseMode: 'mini',
  autoScroll: true,
  cmargins: '0 5 0 5', // adjust top margin when collapsed
  layout: 'hbox',
  layoutConfig: {
    align : 'stretch',
    pack  : 'start'
  },
  split: true,
  border: false,
  defaults:{
    border:false,
    frame:true
  },
  items:[cmv.now.nexttrainingPanel,cmv.now.todayPanel,cmv.now.eventsPanel],
  listeners:{
    activate: {
      fn: function(panel){
        if(!cmv.now.displayed)
        { 
        }
        cmv.now.displayed=true;
      }
    }
  }
});