/*
* == Search ==
* index and algolia settings are defined in layout.pug
*/

var elasticSearcher = (function() {

	var deze = {

		query:"",
		url:"",
		newhits: [],
		terms: {},
		page: 0,

		setQuery: (function(q, _url){
			console.log('setQuery!: ' + q);
			deze.query=q;
			if (_url !== undefined) {
				deze.url=_url;
			}
		}),

		setCurrentPage: (function(page){
			if(page === undefined){
				return;
			}
			deze.page = page;
		}),

		//result callback
		results: (function(content){}),

		//error callback
		error: (function(message){
			console.log(message);
		}),

		on: (function(type, callback){
			deze[type] = callback;
		}),

		//parse the agg stuff
		aggs: (function(data){
			return deze.newhits.aggregations;
		}),

		addTerm: (function(term, value){
			deze.terms[term] = value;
		}),

		//get response from elastic and rebuild json
		//so we  can be a drop in of angolia
		execute: (function(){
			params = {
				q: deze.query,
				page: deze.page,
			};
			//add term filters
			Object.assign(params, deze.terms);

			var pstr = jQuery.param( params );

			var jqxhr = $.getJSON("/api/newsearch" + deze.url + "?"+ pstr, function( data ) {
				let hits = data.hits.hits;
				var newhits = hits.map(function(hit){
					return hit._source;
				});

				deze.newhits = newhits.slice(0);
				//cb(newhits.slice(0));
				deze.results({
					'count': data.hits.total,
					'hits': newhits.slice(0),
					'took': data.took,
					'page': deze.page,
					'aggs': data.aggregations,
				});
			});

		})

	};

	return {
		execute: deze.execute,
		on: deze.on,
		setQuery: deze.setQuery,
		setCurrentPage: deze.setCurrentPage,
		query: deze.query,
		page: deze.page,
		addTerm: deze.addTerm,
	};

})();


var elasticSearch = (function($, url) {
    console.log(url);
	return function findMatches(q, cb, async){
		if (!cb) { return; }
		$.fn.getSearch(q, cb, async, url);
	};
});



(function( $ ){

	$.fn.getSearch = function(q, cb, async, url){

		let newhits = [];
		if(url === undefined){
			url = '';
		}

		console.log('searching! '+ url + q);

		$.getJSON("/api/newsearch" + url + "?q=" + q, function( data ) {
			let hits = data.hits.hits;
			newhits = hits.map(function(hit){
				return hit._source;
			});
			cb(newhits.slice(0));
			async(newhits.slice(0));
		});
	};


}(jQuery));


$(document).ready(function() {

	var searchInput = $('#cloud-search');

	var tu = searchInput.typeahead({hint: true}, {
		//source: algoliaIndex.ttAdapter(),
		source: elasticSearch($),
		async: true,
		displayKey: 'name',
		limit: 10,
		minLength: 0,
		templates: {
			suggestion: function(hit) {
				var hitMedia = (hit.media ? ' · <span class="media">'+hit.media+'</span>' : '');
				var hitFree = (hit.is_free ? '<div class="search-hit-ribbon"><span>free</span></div>' : '');
				var hitPicture;

				if (hit.picture){
					hitPicture = '<img src="' + hit.picture + '"/>';
				} else {
					hitPicture = '<div class="search-hit-thumbnail-icon">';
					hitPicture += (hit.media ? '<i class="pi-' + hit.media + '"></i>' : '<i class="dark pi-'+ hit.node_type + '"></i>');
					hitPicture += '</div>';
				}
				var $span = $('<span>').addClass('project').text(hit.project.name);
				var $searchHitName = $('<div>').addClass('search-hit-name')
					.attr('title', hit.name)
					.text(hit.name);

				return '' +
					'<a href="/nodes/'+ hit.objectID + '/redir" class="search-site-result" id="'+ hit.objectID + '">' +
						'<div class="search-hit">' +
							'<div class="search-hit-thumbnail">' +
								hitPicture +
								hitFree +
							'</div>' +
							$searchHitName.html() +
							'<div class="search-hit-meta">' +
								$span.html() + ' · ' +
								'<span class="node_type">' + hit.node_type + '</span>' +
								hitMedia +
							'</div>' +
						'</div>'+
					'</a>';
			}
		}
	});

	$('.search-site-result.advanced, .search-icon').on('click', function(e){
		e.stopPropagation();
		e.preventDefault();
		window.location.href = '/search#q='+ $("#cloud-search").val() + '&page=1';
	});


	searchInput.bind('typeahead:select', function(ev, hit) {
		$('.search-icon').removeClass('pi-search').addClass('pi-spin spin');

		window.location.href = '/nodes/'+ hit.objectID + '/redir';
	});

	searchInput.bind('typeahead:active', function() {
		$('#search-overlay').addClass('active');
		$('.page-body').addClass('blur');
	});

	searchInput.bind('typeahead:close', function() {
		$('#search-overlay').removeClass('active');
		$('.page-body').removeClass('blur');
	});

	searchInput.keyup(function(e) {
		if ( $('.tt-dataset').is(':empty') ){
			if(e.keyCode == 13){
				window.location.href = '/search#q='+ $("#cloud-search").val() + '&page=1';
			}
		}
	});

	searchInput.bind('typeahead:render', function(event, suggestions, async, dataset) {
		if( suggestions != undefined && $('.tt-all-results').length <= 0){
			$('.tt-dataset').append(
				'<a id="search-advanced" href="/search#q='+ $("#cloud-search").val() + '&page=1" class="search-site-result advanced tt-suggestion">' +
					'<div class="search-hit">' +
						'<div class="search-hit-thumbnail">' +
							'<div class="search-hit-thumbnail-icon">' +
								'<i class="pi-search"></i>' +
							'</div>' +
						'</div>' +
						'<div class="search-hit-name">' +
							'Use Advanced Search' +
						'</div>' +
					'</div>'+
				'</a>');
		}
	});

});