scraper.js

(function($) {

	var projects_url = 'data/projects.html';

	var places_url = 'http://viradacultural.prefeitura.sp.gov.br/programacao/locais/';

	var places_data = 'data/places_02.json';

	var projects = [];

	var $projects = $('<div />');

	$projects.load(projects_url + ' #holder-atracoes', scrap);

	function scrap() {

		// get places
		$.ajax({
			url: places_data,
			dataType: 'json',
			error: function() {
				alert('Alguma coisa deu errado, desculpe');
			},
			success: doYourThing
		});

		function doYourThing(places) {

			var hasData, c;

			$projects.find('.holder-content-atracoes').each(function() {

				var place = $(this).find('.tit-atracoes').text();

				var $placeData = $(this);

				storePlaceData(place, $placeData);

			});

			function storePlaceData(place, $placeData) {

				var day, time;

				var placeData = _.find(places, function(p) { return p.location_name.indexOf(place) !== -1; });

				if(!placeData)
					console.log(place);

				$placeData.find('.holder-content-atracoes-boxes > *').each(function(i) {

					if($(this).is('h4')) {

						day = trim($(this).text());

					} else if($(this).is('dt')) {

						time = trim($(this).text());

					} else if($(this).is('dd')) {

						var project = {
							name: trim($(this).text()),
							day: day,
							time: time,
							place: place
						}

						_.extend(project, placeData);

						projects.push(project);

					}

				});
			}


			var config = {
				data: projects,
				dataRef: {
					lat: 'location_latitude',
					lng: 'location_longitude'
				},
				map: {
					center: [-23.60, -46.6478],
					zoom: 11,
					maxZoom: 18,
					markers: {
						cluster: true
					}
				},
				filters: [
					{
						name: 's',
						sourceRef: 'name',
						type: 'text',
						title: 'Busca por nome'
					},
					{
						name: 'dia',
						sourceRef: 'day',
						type: 'multiple-select',
						title: 'Dias'
					},
					{
						name: 'local',
						sourceRef: 'place',
						type: 'multiple-select',
						split: ',',
						title: 'Local'
					},
					{
						name: 'horario',
						sourceRef: 'time',
						type: 'multiple-select',
						title: 'Hora'
					}
				],
				templates: {
					marker: '<h4><%= item.name %></h4><h5><%= item.place %></h5><p><%= item.day %>, às <%= item.time %></p>',
					list: '<p class="category"><%= item.place %></p><h3><%= item.name %></h3><p><%= item.day %>, às <%= item.time %></p>',
					single: '<p class="cat"><%= item.place %></p><h2><%= item.name %></h2><p><%= item.day %>, às <%= item.time %></p><p class="original_url"><a href="' + places_url + '<%= item.location_slug %>" target="_blank" rel="external">Ver no site oficial</a></p><h3>Informações sobre o local</h3><div class="h3-content"><p><%= item.post_content %></div></p>'
				},
				labels: {
					title: 'VIRADA CULTURAL 2013',
					subtitle: '<strong>//Visualização hackeada. Original <a href="http://viradacultural.prefeitura.sp.gov.br/programacao" target="_blank" rel="external">aqui</a></strong>',
					filters: 'Filtros',
					results: 'Resultados',
					clear_search: 'Limpar busca',
					close: 'Fechar',
					view_map: 'Ver mapa',
					loading: {
						first: 'Carregando eventos...',
						item: 'Carregando...',
						error: 'Ops, parece que o servidor de dados está fora do ar. Tente novamente.'
					}
				}
			}


			carttirail.init('app', config);

		}

	}

	function trim(str) {
		return str.replace(/^\s+|\s+$/g,"");
	}

})(jQuery);