[camel-website] 06/13: update: hide results when esc key pressed

[zr...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit 18e683d3eed01186e3526239c8b7cb709e44bbac
Author: nayananga@ubuntu <na...@gmail.com>
AuthorDate: Mon Mar 2 00:42:24 2020 +0530

    update: hide results when esc key pressed
---
 antora-ui-camel/src/js/06-search.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/antora-ui-camel/src/js/06-search.js b/antora-ui-camel/src/js/06-search.js
index 2153ef5..30a59f3 100644
--- a/antora-ui-camel/src/js/06-search.js
+++ b/antora-ui-camel/src/js/06-search.js
@@ -19,13 +19,17 @@ window.addEventListener('load', () => {
     }
   }
 
-  search.addEventListener('keyup', debounce(() => {
+  search.addEventListener('keyup', debounce((key) => {
     if (search.value.trim() === '') {
       container.className = 'navbar-search results-hidden'
       results.innerHTML = ''
       return
     }
-
+    if (key.which === 27) {
+      container.className = 'navbar-search results-hidden'
+      results.innerHTML = ''
+      return
+    }
     index.search(search.value)
       .then((results) => {
         const hits = results.hits
@@ -76,4 +80,10 @@ window.addEventListener('load', () => {
         container.className = 'navbar-search'
       })
   }, 150))
+  window.addEventListener('keyup', (key) => {
+    if (key.which === 27) {
+      container.className = 'navbar-search results-hidden'
+      results.innerHTML = ''
+    }
+  })
 })