add click on autocomplete suport

3 files changed, 25 insertions, 2 deletions

diff --git a/public/javascripts/bundle.js b/public/javascripts/bundle.js
index b15380a..0b22d45 100644
--- a/public/javascripts/bundle.js
+++ b/public/javascripts/bundle.js
@@ -96837,7 +96837,9 @@ getUsers().then(function (users) {
     }
   })
 
-  searchNode.addEventListener('submit', function (e) {
+  searchNode.addEventListener('submit', submitForm)
+
+  function submitForm (e) {
     e.preventDefault()
     const indexInResult = selectedResult === -1 ? 0 : selectedResult
     const selectedUser = users[results[indexInResult].index]
@@ -96848,6 +96850,13 @@ getUsers().then(function (users) {
     inputNode.blur()
 
     scheduleIframe.src = getURLOfUser(0, selectedUser.type, selectedUser.index + 1)
+  }
+
+  autocompleteNode.addEventListener('click', function (e) {
+    if (e.target.tagName === 'LI' && e.target.parentElement === autocompleteNode) {
+      selectedResult = Array.prototype.indexOf.call(e.target.parentElement.childNodes, e.target)
+      submitForm({preventDefault: function () {}}) // HACK: this is horrible.
+    }
   })
 })
 
diff --git a/public/javascripts/main.js b/public/javascripts/main.js
index c492ace..f311e17 100644
--- a/public/javascripts/main.js
+++ b/public/javascripts/main.js
@@ -50,7 +50,9 @@ getUsers().then(function (users) {
     }
   })
 
-  searchNode.addEventListener('submit', function (e) {
+  searchNode.addEventListener('submit', submitForm)
+
+  function submitForm (e) {
     e.preventDefault()
     const indexInResult = selectedResult === -1 ? 0 : selectedResult
     const selectedUser = users[results[indexInResult].index]
@@ -61,6 +63,13 @@ getUsers().then(function (users) {
     inputNode.blur()
 
     scheduleIframe.src = getURLOfUser(0, selectedUser.type, selectedUser.index + 1)
+  }
+
+  autocompleteNode.addEventListener('click', function (e) {
+    if (e.target.tagName === 'LI' && e.target.parentElement === autocompleteNode) {
+      selectedResult = Array.prototype.indexOf.call(e.target.parentElement.childNodes, e.target)
+      submitForm({preventDefault: function () {}}) // HACK: this is horrible.
+    }
   })
 })
 
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index fa76e4d..432b4e1 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -53,6 +53,11 @@ html, body {
    color:    #FFCDD2;
 }
 
+li:hover {
+  background-color: lightgray;
+  cursor: pointer;
+}
+
 .selected {
   background-color: lightgray;
 }