<commit_before>enyo.kind({
    name: "moon.sample.photos.AlbumListWideSample",
	kind: "moon.Panels",
	classes: "photos-album",
	params: {
		method: "flickr.photos.search",
		format: "json",
		api_key: "2a21b46e58d207e4888e1ece0cb149a5",
		per_page: 50,
		page: 0,
		text: "korean Idol",
		sort: "date-posted-desc",
		extras: "url_m"
	},
	components: [
		{name: "Albums", title: "Albums", components: [
			{kind: "FittableColumns", components: [
				{kind: "enyo.Spotlight"},
				{
					kind: "moon.List",
					count: 8,
					classes: "moon-list-vertical-sample",
					style: "width: 20%; height:550px;", 
					onSetupItem: "setupImageItem", 
					components: [
						{
							name: "imageItem", 
							kind: "moon.ImageItem", 
							source: "assets/album.png", 
							label: "ALBUM NAME", 
							classes: "list-vertical-sample-item"
						}
					]
				},
				{kind : "moon.Scroller", style: "height:550px;", fit: true, touch: true, components:[
					{
						name: "gridlist",
						kind: "moon.GridList",
						onSetupItem: "setupGridItem",
						touch: true,
						itemWidth: 270,
						itemHeight: 202,
						itemSpacing: 20,
						components: [
							{name: "gridItem", kind: "moon.GridList.ImageItem"}
						]
					}
				]}
			]}
			
		]}
	],
	
	setupImageItem: function(inSender, inEvent) {

	},

	rendered: function() {
        this.inherited(arguments);
        this.search();
    },

	search: function() {
		new enyo.JsonpRequest({url: "http://api.flickr.com/services/rest/", callbackName: "jsoncallback"}).response(this, "processFlickrResults").go(this.params);
	},

	processFlickrResults: function(inRequest, inResponse) {
		this.results = inResponse.photos.photo;
		this.$.gridlist.show(this.results.length);
	},

	setupGridItem: function(inSender, inEvent) {
		var i = inEvent.index;
		var gridItem = this.results[i];
		if (!gridItem.url_m) {
			return;
		}
		this.$.gridItem.setSource(gridItem.url_m);
		//this.$.gridItem.setCaption(gridItem.title);
		this.$.gridItem.setSelected(this.$.gridlist.isSelected(i));
	},

	decorateTapEvent: function(inSender, inEvent) {
/*		inEvent = enyo.mixin(inEvent, {
			title: inSender.getLabel(),
		});*/
		this.params.text = inSender.getLabel();
		this.$.Albums.setTitle(this.params.text);
		this.rendered();
	}
});
<commit_msg>GF-3707: Apply spotlight to list<commit_after>enyo.kind({
    name: "moon.sample.photos.AlbumListWideSample",
	kind: "moon.Panels",
	classes: "photos-album",
	params: {
		method: "flickr.photos.search",
		format: "json",
		api_key: "2a21b46e58d207e4888e1ece0cb149a5",
		per_page: 50,
		page: 0,
		text: "korean Idol",
		sort: "date-posted-desc",
		extras: "url_m"
	},
	components: [
		{name: "Albums", title: "Albums", components: [
			{kind: "enyo.Spotlight"},
			{kind: "FittableColumns", style: "height:550px;", components: [				
				{kind : "moon.Scroller", style: "width: 20%;", horizontal: "hidden", touch: true, components:[
					{
						kind: "moon.ImageItem", 
						source: "assets/album.png", 
						label: "ALBUM NAME", 
					},
					{
						kind: "moon.ImageItem", 
						source: "assets/album.png", 
						label: "ALBUM NAME", 
					},
					{
						kind: "moon.ImageItem", 
						source: "assets/album.png", 
						label: "ALBUM NAME", 
					},
					{
						kind: "moon.ImageItem", 
						source: "assets/album.png", 
						label: "ALBUM NAME", 
					},
					{
						kind: "moon.ImageItem", 
						source: "assets/album.png", 
						label: "ALBUM NAME", 
					}
				]},
				{kind : "moon.Scroller", style: "height:550px;", fit: true, touch: true, components:[
					{
						name: "gridlist",
						kind: "moon.GridList",
						onSetupItem: "setupGridItem",
						touch: true,
						itemWidth: 270,
						itemHeight: 202,
						itemSpacing: 20,
						components: [
							{name: "gridItem", kind: "moon.GridList.ImageItem"}
						]
					}
				]}
			]}
			
		]}
	],
	
	rendered: function() {
        this.inherited(arguments);
        this.search();
    },

	search: function() {
		new enyo.JsonpRequest({url: "http://api.flickr.com/services/rest/", callbackName: "jsoncallback"}).response(this, "processFlickrResults").go(this.params);
	},

	processFlickrResults: function(inRequest, inResponse) {
		this.results = inResponse.photos.photo;
		this.$.gridlist.show(this.results.length);
	},

	setupGridItem: function(inSender, inEvent) {
		var i = inEvent.index;
		var gridItem = this.results[i];
		if (!gridItem.url_m) {
			return;
		}
		this.$.gridItem.setSource(gridItem.url_m);
		//this.$.gridItem.setCaption(gridItem.title);
		this.$.gridItem.setSelected(this.$.gridlist.isSelected(i));
	}
});

{'fraction_non_alphanumeric': 0.17029616724738675, 'fraction_numerical': 0.018074912891986063, 'mean_word_length': 2.9800693240901213, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1076726', 'n_tokens_mistral': 2191, 'n_tokens_neox': 1679, 'n_words': 283}