/*!
 * Ext JS Library 3.0+
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/**
 * @class Ext.ux.GMapPanel
 * @extends Ext.Panel
 * @author Shea Frederick
 */
 

Ext.ux.RelationDataView = Ext.extend(Ext.DataView,
{

	
	getStore: function()
	{
		return this.store;
	},
	
	constructor: function(config) 
	{
		Ext.apply(this, {
		    tpl: new Ext.XTemplate(
				'<tpl for=".">',
		            '<div class="thumb-wrap" id="{id}">',
				    '<div class="thumb"><img src="photo.cfm?c={compid}" title="{title}"></div>',
				    '<span class="x-editable">{title}</span><span class="x-small">{refstatus}</span></div>',
		        '</tpl>',
		        '<div class="x-clear"></div>'
			),
		
            autoHeight:true,
            multiSelect: true,
            overClass:'x-view-over',
            itemSelector:'div.thumb-wrap',
            
			plugins: [
                new Ext.DataView.DragSelector()
            ],
            
            emptyText: '<h2>Geen relaties gevonden.</h2>'
		});
		
		Ext.ux.RelationDataView.superclass.constructor.apply(this, arguments);
	}
	

}); 
 
Ext.ux.RelationPanel = Ext.extend(Ext.grid.GridPanel, 
{


    layout:'fit',

	height: 400,

		constructor: function(config) 
		{
		
			Ext.apply(this, { 
		        title: 'Relatie aanvragen',
		        frame:true,
		        collapsible:true,
		        autoScroll:true,
		        selected: null,
		
		        
		        
		        prepareData: function(data){
		            data.title = Ext.util.Format.ellipsis(data.title, 15);
		            //data.dateString = data.lastmod.format("m/d/Y g:i a");
		            return data;
		        },
				
	            emptyText: '<h2>Geen relaties gevonden.</h2>'
				
			});
			
			Ext.ux.RelationPanel.superclass.constructor.apply(this, arguments);
			
		}      
 
});

function renderStatus(value)
{
	if (value == '0') { return '(Niet actief)'; }
	if (value == '1') { return 'In aanvraag'; }
	if (value == '2') { return ''; }
}

Ext.reg('relationdataview', Ext.ux.RelationDataView);
Ext.reg('relationpanel', Ext.ux.RelationPanel);