javascript.js

/*jslint browser: true*/
/*global $, jQuery, alert*/

var wikipediaViewer = (function () {
	'use strict';

	document.getElementById("wikiSearchInput").focus();

	function clearResults() {
		$("#resultSpot").html("");
	}

	function clearSearchBar() {
		$('input').val(null);
	}

	function buildResultButton(resultObj) {

		var resultWell = document.createElement("div");
		resultWell.classList.add("well");
		resultWell.classList.add("resultWell");

		var newDivTitle = document.createElement("h2"),
			resultTitle = document.createTextNode(resultObj.title);
		newDivTitle.appendChild(resultTitle);

		var newDivSnip = document.createElement("p"),
			resultSnip = document.createTextNode(resultObj.snip);
		newDivSnip.appendChild(resultSnip);

		var newButton = document.createElement("a"),
			resultClick = document.createTextNode("click");
		newButton.appendChild(resultClick);

		newDivTitle.classList.add("resultTitle");
		newDivSnip.classList.add("resultSnip");
		newButton.setAttribute("target", "_blank");
		newButton.setAttribute("href", resultObj.URL);
		newButton.innerHTML = "Go To Page";
		newButton.classList.add("goToWiki");

		resultWell.appendChild(newDivTitle);
		resultWell.appendChild(newDivSnip);
		resultWell.appendChild(newButton);
		document.getElementById("resultSpot").appendChild(resultWell);

		return;
	}

	function displaySearchResults(resultArray) {
		var btn = document.createElement('a'),
			sniptxt = '',
			URL = '',
			j = 0;
		for (j = 0; j < resultArray.length; j = j + 1) {
			buildResultButton(resultArray[j]);
		}
	}

	function arrayOfPages(data) {
		var numberOfPages = data[1].length,
			searchTerm = data[0],
			allWikiResults = [],
			i = 0;

		if (numberOfPages === 0) {
			var noResults = document.createTextNode("Sorry, your search for '" + searchTerm + "' returned no results. Ensure that it is spelled correctly or try using more general keywords.");
			document.getElementById("resultSpot").appendChild(noResults);

		} else {
			for (i = 0; i < numberOfPages; i = i + 1) {
				var wikiPage = {};
				wikiPage.title = data[1][i];
				wikiPage.snip = data[2][i];
				wikiPage.URL = data[3][i];
				allWikiResults.push(wikiPage);
			}
		}
		displaySearchResults(allWikiResults);
	}
	var handleData = function (data, textStatus, jqXHR) {
		console.log("I made it here");
		console.log(data[0], data[1].length);
		console.log(data);
		arrayOfPages(data);

	};

	function searchWikipedia(searchTerm) {
		var wikiSearchURL = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" + searchTerm + "&limit=10&namespace=0&format=json&origin=*";
		$.ajax({
			url: wikiSearchURL,
			contentType: "application/json; charset=utf-8",
			dataType: "json",
			type: "GET",
			async: "false",
			success: handleData,
			error: function (errorMessage) {
				alert("Unable to retrieve results. Please refresh page.");
			}
		});

	}

	function getSearchTerm(searchTerm) {
		var cleanSearchTerm = searchTerm.split(' '),
			reallyCleanSearchTerm = cleanSearchTerm.join('_');
		searchWikipedia(reallyCleanSearchTerm);
		clearSearchBar();
		clearResults();
	}


	$('#wikiSearchForm').on('submit', function (event) {
		event.preventDefault();
		var searchVal = $('#wikiSearchInput').val();
		getSearchTerm(searchVal);
	});

	$(".wikiSearchBtn").click(function (event) {
		event.preventDefault();
		var searchVal = $("#wikiSearchInput").val();
		getSearchTerm(searchVal);
	});


}());