/*
	$Id: scripts.js 10905 2011-02-04 12:58:39Z markon $
*/
Ext.onReady(function(){

    // create the data store
    var store = new Ext.data.JsonStore({
        url: '/list',
        autoLoad: true,
        fields: [
           {name: 'preview'},
           {name: 'site'},
           {name: 'hasBanners'},
           {name: 'mtime'},
           {name: 'type'},
//           {name: 'mtime', type: 'date', dateFormat: 'Y-m-d H:i:s'}
        ]
    });

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {
                header   : 'Image',
                width    : 60,
                sortable : true,
                dataIndex: 'preview',
                //scope: this,
                renderer: function(val) {
                    return '<img border="0" alt="" src="/images/promo/' + val + '" />';
                }
            },
            {
                id       : 'name',
                header   : 'Name',
                sortable : true,
                //renderer : 'usMoney',
                dataIndex: 'site',
                renderer: function(val, o, row) {
                    var folder = '';
                    if (row.data.type == 'survey') {
                        folder = 'survey/';
                    }
                    return '<a href="/' + folder + val + '" target="_blank">' + val + '</a>';
                }
            },
            {
                header   : 'Banners',
                width    : 75,
                sortable : true,
                //renderer : change,
                dataIndex: 'hasBanners',
                renderer: function(val, o, row) {
                    if (val) {
                        return '<a href="/banners/' + row.data.type + '/' + row.data.site + '" target="_blank" class="banners"><img border="0" alt="" src="/images/promo/info.png" /></a>';
                    } else {
                        return '';
                    }
                    
                }
            },
            {
                header   : 'Date',
                width    : 75,
                sortable : true,
                ///renderer : pctChange,
                dataIndex: 'mtime',
				renderer: function(val) {
					return '<span class="date">' + val + '</span>'
				}
            }
        ],
        stripeRows: true,
        autoExpandColumn: 'name',
        //layout: 'fit',
        width: '100%',
        autoHeight: true,
        title: 'List of promo portals',
        // config options for stateful behavior
        stateful: true,
        stateId: 'grid'
    });

    grid.render('center');

});