From 0acf4e0774e0daeed2c386e4d9c0ac36da70a244 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Mon, 5 Sep 2016 19:55:53 +0200
Subject: you can now search by name

---
 public/javascripts/main.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'public/javascripts/main.js')

diff --git a/public/javascripts/main.js b/public/javascripts/main.js
index 0235bf6..327f13a 100644
--- a/public/javascripts/main.js
+++ b/public/javascripts/main.js
@@ -5,6 +5,7 @@ const searchNode = document.querySelector('#search')
 const inputNode = searchNode.querySelector('input[type="text"]')
 const autocompleteNode = document.querySelector('.autocomplete')
 const scheduleIframe = document.querySelector('#schedule')
+const removeDiacritics = require('diacritics').remove
 
 let selectedResult = -1
 let results
@@ -35,16 +36,14 @@ getUsers().then(function (users) {
       if (inputNode.value.trim() === '') return
 
       selectedResult = -1
-      results = fuzzy.filter(inputNode.value, users, {
-        pre: '<strong>',
-        post: '</strong>',
-        extract: function (el) { return el.value }
+      results = fuzzy.filter(removeDiacritics(inputNode.value), users, {
+        extract: function (el) { return removeDiacritics(el.value) }
       }).slice(0, 7)
-      matches = results.map(function (el) { return el.string })
+      matches = results.map(function (el) { return users[el.index].value })
 
-      matches.forEach(function (match) {
+      results.forEach(function (result) {
         const resultNode = document.createElement('li')
-        resultNode.innerHTML = match
+        resultNode.innerHTML = `${result.original.value}<span class="other">${result.original.other}</span>`
         autocompleteNode.appendChild(resultNode)
       })
     }
-- 
cgit v1.1