Ext.ns('app.grid');
app.grid.artist = Ext.extend(app.grid.base,{
	title: 'Хамтлаг & Дуучид',
	pageDisplayRow : 6,
	initComponent : function(){
	this.store = new Ext.data.JsonStore({
		root: 'data',
		totalProperty: 'total',
		idProperty: 'artist_id',
		remoteSort: true,
		fields: [{
			name : 'artist_id',
			type : 'int'
			//css : 'background-color: #f0f0f0;'
		},{
			name : 'songs',
			mapping : 'artist_id'
		},{
			name : 'albums',
			mapping : 'artist_id'
		},
		'image', 'ovog','ner','birthday'
		],
		proxy: new Ext.data.HttpProxy({
				url: '/artist/list'
			})
		});
		this.columns=[{
			header: " ",
			dataIndex: "image",
			fixed : true,
			menuDisabled : true,
			width : 70,
			renderer : function(v,md){
				if(Ext.isEmpty(v)){
					return '<div align="center" class="artist-image"></div>';
				}
				return String.format('<div align="center" class="artist-image" style="background-image: url({0}/artist-img/{1})" ></div>',www.url,v);
			}
		},{
			header: "Овог",
			dataIndex: "ovog",
			sortable: true,
			align : 'right',
			width : 80/*,
			renderer : function(v,md){
				md.css +=" sound-label";
				return String.format('<a href="#" onclick="return false" >{0}</a>',v);
			}*/
		},{
			header: "Нэр",
			dataIndex: "ner",
			sortable: true,
			width : 200
		},{
			header: " ",
			dataIndex: "songs",
			sortable: false,
			fixed : true,
			menuDisabled : true,
			width : 100,
			align : 'center',
			renderer : function(v,md,rec){
				return String.format('<a href="#" field="songs" sound_id="{0}" label="{1}" onclick="return false">Дуунууд</a>',v,rec.get('ner'));
			}
		},{
			header: " ",
			dataIndex: "albums",
			sortable: false,
			fixed : true,
			menuDisabled : true,
			width : 100,
			align : 'center',
			renderer : function(v,md,rec){
				return String.format('<a href="#" field="albums" data_id="{0}" label="{1}" onclick="return false">Цомогууд</a>',v,rec.get('ner'));
			}
		}];
		
		
		
		this.on('cellclick',this.cellClick,this);
		app.grid.artist.superclass.initComponent.call(this);
		
	},
	cellClick : function(g,ri,ci,e){
		
		var target = e.getTarget();
		if(target){
			if(target.tagName == 'A'){
				switch(target.getAttribute('field')){
					case 'songs':
						this.PPanel.fireEvent('showListFromArtists',target.getAttribute('sound_id'),target.getAttribute('label') );
						break;
					case 'albums':
						this.PPanel.fireEvent('showAlbumsFromArtists',target.getAttribute('data_id'),target.getAttribute('label'));
						break;
				}
			}
		}
	}

});