06-searchresults.js

// Get URL parameters as an object
// USAGE:
// getAllUrlParams().product; // 'shirt'
// getAllUrlParams().color; // 'blue'
// getAllUrlParams().newuser; // true
// getAllUrlParams().nonexistent; // undefined
// getAllUrlParams('http://test.com/?a=abc').a; // 'abc'

function getAllUrlParams(url) {

  // get query string from url (optional) or window
  var queryString = url ? url.split('?')[1] : window.location.search.slice(1);

  // we'll store the parameters here
  var obj = {};

  // if query string exists
  if (queryString) {

    // stuff after # is not part of query string, so get rid of it
    queryString = queryString.split('#')[0];

    // split our query string into its component parts
    var arr = queryString.split('&');

    for (var i=0; i<arr.length; i++) {
      // separate the keys and the values
      var a = arr[i].split('=');

      // in case params look like: list[]=thing1&list[]=thing2
      var paramNum = undefined;
      var paramName = a[0].replace(/\[\d*\]/, function(v) {
        paramNum = v.slice(1,-1);
        return '';
      });

      // set parameter value (use 'true' if empty)
      var paramValue = typeof(a[1])==='undefined' ? true : a[1];

      // (optional) keep case consistent
      paramName = paramName.toLowerCase();
      paramValue = paramValue.toLowerCase();

      // if parameter name already exists
      if (obj[paramName]) {
        // convert value to array (if still string)
        if (typeof obj[paramName] === 'string') {
          obj[paramName] = [obj[paramName]];
        }
        // if no array index number specified...
        if (typeof paramNum === 'undefined') {
          // put the value on the end of the array
          obj[paramName].push(paramValue);
        }
        // if array index number specified...
        else {
          // put the value at that index number
          obj[paramName][paramNum] = paramValue;
        }
      }
      // if param name doesn't exist yet, set it
      else {
        obj[paramName] = paramValue;
      }
    }
  }

  return obj;
}



// Strip the + delimeters

function stripDelimeters(string) {
	return string.split('+').join(' ');
}



// specialCombos()
// if the query matches the predefined combination word terms, use a
// keyword search

function specialCombos(query) {

	var specials = new Array();
	specials[0] = "delivery manager";
	specials[1] = "service designer";
	specials[2] = "service manager";
	specials[3] = "product manager";
	specials[4] = "interaction designer";
	specials[5] = "visual designer";
	specials[6] = "service design";
	specials[7] = "technical architect";
	specials[8] = "user researcher";
	specials[9] = "content designer";
	specials[10] = "performance analyst";

	var words = query.split(' ');
	for (var i = 0; i < specials.length ; i++) {
		if (query == specials[i]) {
			return "+keywords:" + words[0] + " " + "+keywords:" + words[1];
			continue;
		}
	}
	return query;
}



// only run Lunr code on the search page
// as Lunr.min.js is not loaded by default
if (window.location.pathname == "/search/" ) {

	var rawQuery = getAllUrlParams().q;

	// strip + delimeters from query
	var query = stripDelimeters(rawQuery);
	//var query = rawQuery.replace("+"," ");


	var searchresults__count = document.getElementById("searchresults__count");
	var searchresults__resultslist = document.getElementById("searchresults__resultslist");
  var searchresults__query = document.getElementById("searchresults__query");
	var resultsObj = new Object();
	var htmlstring = "";

	function reqListener() {
	  var obj = JSON.parse(this.responseText);
		var index = lunr.Index.load(obj);

		var searchresults_json = index.search(specialCombos(query), {});

		if (searchresults_json.length > 0) {
			resultsObj = searchresults_json;
		} else { //fuzzy search now
			searchresults_json = index.search(specialCombos(query) + "~1", {});
			if (searchresults_json.length > 0) {
				resultsObj = searchresults_json;
			} else {
				searchresults_json = index.search(specialCombos(query) + "~2", {});
				resultsObj = searchresults_json;
			}
		}

    if (resultsObj.length == 0){
      searchresults__count.innerHTML = "No";
    }
    else {
      searchresults__count.innerHTML = resultsObj.length;
    }
		searchresults__query.innerHTML = "<strong>" + query + "</strong>";
		//console.log(JSON.stringify(searchresults_json));

		// fetch the path map to lookup title and form the link
		var load_pathmap = new XMLHttpRequest();
		load_pathmap.onload = pmListener;
		load_pathmap.onerror = reqError;
		load_pathmap.open('get', '../pathmap.json', true);
		load_pathmap.send();

	}

	function pmListener() {
		var documentsjson = JSON.parse(this.responseText);
		var resultcount = 0;
		// form the results list
		resultsObj.forEach (function (result) {
			resultcount ++;
			// lookup the title
			var pagetitle = "";
			var pagedescription = "";
			var url = "";

			for (var i = 0; i < documentsjson.length; i++ ) {
				if (documentsjson[i].id == result.ref) {
					pagetitle = documentsjson[i].title;
					pagedescription = documentsjson[i].description;
					url = documentsjson[i].path;
					continue;
				}
			}

			// form the HTML list result item
			var rel = "";
			if (url.substring(0,1) == "h") {
				rel = "rel='external'";
			}
			htmlstring = htmlstring + "<li><h3><a " + rel + "href='" + url +"'>" + pagetitle + "</a></h3><p>" + pagedescription + "</p></li>";
		});
		searchresults__resultslist.innerHTML = htmlstring;
	}

	function reqError(err) {
	  console.log('Fetch Error :-S', err);
	}

	var load_index = new XMLHttpRequest();
	load_index.onload = reqListener;
	load_index.onerror = reqError;
	load_index.open('get', '../search_index.json', true);
	load_index.send();

}