initial commit - working precised demo

Author: twobob

README.md

@@ -0,0 +1 @@
+# Ki

app.js

@@ -0,0 +1,280 @@
+//requirejs.config({waitSeconds:0});
+require([
+  './jquery.js',
+  './handlebars.min.js',
+  './elasticlunr.min.js',
+  'text!templates/question_view.mustache',
+  'text!templates/question_list.mustache',
+   'text!templates/word_list.mustache',
+  'text!data.json'
+], function (_, Mustache, elasticlunr, questionView, questionList, wordList, data, indexDump) {
+
+var WLtemplate = Mustache.compile(wordList);
+var QLtemplate = Mustache.compile(questionList);
+var QVtemplate = Mustache.compile(questionView);
+	
+var seeder = 999999;
+
+var BodyRef = document.getElementById("body");
+var clearButton =   $('#clearButton');
+
+
+  var renderQuestionList = function (qs) {
+    $("#question-list-container")
+      .empty()
+	  .append(QLtemplate({questions: qs}))
+  }
+ 
+    var renderWordList = function (qs) {
+    $("#question-list-container")
+      .empty()
+	  .append(WLtemplate({list: qs}))
+  }
+
+  var renderQuestionView = function (question) {
+    $("#question-view-container")
+      .empty()
+      .append(QVtemplate(question))
+  
+  }
+  
+  window.profile = function (term) {
+    console.profile('search')
+    window.idx.search(term)
+    console.profileEnd('search')
+  }
+
+  window.search = function (term) {
+    console.time('search')
+    idx.search(term)
+    console.timeEnd('search')
+  }
+
+
+   var idx = elasticlunr(function () {
+	this.setRef('id');
+    this.addField('title');
+	this.addField('searchTerms');
+	this.addField('tags');
+	this.saveDocument(false);
+});
+ 
+ var fulllist = new Array();
+ 
+  var questions = JSON.parse(data).questions.map(function (raw) {
+	    var holder = ""	  
+	  for (i in raw.question.content){
+		 holder +=i +' : '+ raw.question.content[i]+'\n';
+		}
+	var make_id =   murmurhash3_32_gc(raw.img.filename, seeder); 
+
+	for (thing in raw.question.content )
+	{
+	fulllist[fulllist.length]= thing; //{'x': thing};
+	}
+	
+	var clickableTags = Object.keys(raw.question.content).map(function (k) {
+		
+		var result = '<a style="cursor:pointer" onclick="searchTerm(\''+k+'\')">'+k+'</a>';	
+		
+		return result;
+	})
+	
+	
+    return {
+		
+      id: make_id,
+      title:  raw.img.filename.replace('.JPG',''),
+      body: holder,
+	  searchTerms: Object.keys(raw.question.content).join(' '),
+      tags:  clickableTags, 
+	  img: raw.img.filename,
+	  thumb: raw.thumb.filename
+    }
+  })
+
+  
+  questions.forEach(function (question) {
+    idx.addDoc(question);
+  });
+  
+  
+window.idx = idx;
+
+  var config = '{    "fields": {        "searchTerms": {"boost": 2},      "title": {"boost": 1}    },   "boolean": "AND"}';
+  var json_config = new elasticlunr.Configuration(config, window.idx.getFields()).get();
+
+document.getElementById("loader").style.display = "none" ;
+document.getElementById("hiding_title").style.display = "none" ;
+
+ 
+  // this is how one might expose the complete engine for saving in a NON Node.js scenario.
+  // var code = JSON.stringify(idx);
+  // $('#codehere').text(code);	
+  
+  renderQuestionView(questions[0])
+ 
+  
+var shortlist = fulllist.filter((v, i, a) => a.indexOf(v) === i).map(function (raw) {
+		return { x : raw }
+	}); 
+
+	 var emptyFunction = function emptyMe (){
+	  
+	   $('input').val('');
+	  renderWordList(shortlist);
+  }
+window.emptyFunction = emptyFunction;
+	
+  renderWordList(shortlist);
+	
+
+  var debounce = function (fn) {
+    var timeout
+    return function () {
+      var args = Array.prototype.slice.call(arguments),
+          ctx = this
+
+      clearTimeout(timeout)
+      timeout = setTimeout(function () {
+        fn.apply(ctx, args)
+      }, 100)
+    }
+  }
+
+
+  
+   var  renderPartialQuestionList = function (results, startPos, endPos){
+	  var temp = results.slice(startPos, endPos);
+	     $("#question-list-container")
+	  .append(QLtemplate({questions: temp}))
+  }
+  
+  function doHeavyWork(results, start, totalResultsToRender, term) {
+    var total = totalResultsToRender;
+    var fragment = 50;
+    var end = start + fragment;
+    var left = totalResultsToRender - end ;
+  
+
+   // partially render list
+   // the thing to render, the start record and the end record
+       renderPartialQuestionList(results, end-fragment, end)
+       clearButton.text(end+fragment +' of '+results.length+' for '+term);
+    
+	
+    if (end >= total) {
+		
+        // If we reached the end, stop and change status
+		clearButton.removeClass('blink');
+       clearButton.text(results.length+' for '+term);
+		BodyRef.style.cursor = '';
+		
+    } else {
+        // Otherwise, process next fragment
+        setTimeout(function() {
+            doHeavyWork(results, end, totalResultsToRender, term);
+        }, 0);
+    }            
+}
+
+function dowork(results, totalResultsToRender, term) {
+    // Set "working" status
+	document.body.style.cursor = "wait";
+    document.getElementById("clearButton").innerHTML = "working";
+	// render the single view and set term in search bar
+
+	renderQuestionView(results[0]);
+	
+    // render big view in chunks
+    doHeavyWork(results, 0, totalResultsToRender, term);
+}
+  
+  
+  function searchTerm(term){
+	  $('input').val(term);
+    var results = null;
+        results = window.idx.search(term, json_config).map(function (result) {
+            return questions.filter(function (q) { return q.id === parseInt(result.ref, 10) })[0]
+        })
+		if(results.length<1) { renderWordList(shortlist);  }		
+		else
+		{
+			 $("#question-list-container").empty();
+		dowork(results, results.length, term);
+		}	
+  }
+  
+  window.searchTerm = searchTerm;   // Make it available via the javascript window object rather than require.js
+  
+  // on key up search on 3 letters or more.
+  $('input').bind('keyup', debounce(function () {
+    if ($(this).val().length < 2) return;
+
+	searchTerm($(this).val());
+  }))
+
+  $("#question-list-container").delegate('li', 'click', function () {
+    var li = $(this)
+    var id = li.data('question-id')
+
+    renderQuestionView(questions.filter(function (question) {
+      return (question.id == id)
+    })[0])
+  })
+
+})
+
+function murmurhash3_32_gc(key, seed) {
+	var remainder, bytes, h1, h1b, c1, c1b, c2, c2b, k1, i;
+	
+	remainder = key.length & 3; // key.length % 4
+	bytes = key.length - remainder;
+	h1 = seed;
+	c1 = 0xcc9e2d51;
+	c2 = 0x1b873593;
+	i = 0;
+	
+	while (i < bytes) {
+	  	k1 = 
+	  	  ((key.charCodeAt(i) & 0xff)) |
+	  	  ((key.charCodeAt(++i) & 0xff) << 8) |
+	  	  ((key.charCodeAt(++i) & 0xff) << 16) |
+	  	  ((key.charCodeAt(++i) & 0xff) << 24);
+		++i;
+		
+		k1 = ((((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16))) & 0xffffffff;
+		k1 = (k1 << 15) | (k1 >>> 17);
+		k1 = ((((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16))) & 0xffffffff;
+
+		h1 ^= k1;
+        h1 = (h1 << 13) | (h1 >>> 19);
+		h1b = ((((h1 & 0xffff) * 5) + ((((h1 >>> 16) * 5) & 0xffff) << 16))) & 0xffffffff;
+		h1 = (((h1b & 0xffff) + 0x6b64) + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16));
+	}
+	
+	k1 = 0;
+	
+	switch (remainder) {
+		case 3: k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
+		case 2: k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
+		case 1: k1 ^= (key.charCodeAt(i) & 0xff);
+		
+		k1 = (((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
+		k1 = (k1 << 15) | (k1 >>> 17);
+		k1 = (((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
+		h1 ^= k1;
+	}
+	
+	h1 ^= key.length;
+
+	h1 ^= h1 >>> 16;
+	h1 = (((h1 & 0xffff) * 0x85ebca6b) + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
+	h1 ^= h1 >>> 13;
+	h1 = ((((h1 & 0xffff) * 0xc2b2ae35) + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16))) & 0xffffffff;
+	h1 ^= h1 >>> 16;
+
+	return h1 >>> 0;
+}
+
+