From 3fb86482404e11942cd83c3500a297a3991db0e4 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Wed, 13 Sep 2017 16:28:53 +0200
Subject: Restructure project

---
 src/client/javascript/search.js | 95 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 src/client/javascript/search.js

(limited to 'src/client/javascript/search.js')

diff --git a/src/client/javascript/search.js b/src/client/javascript/search.js
new file mode 100644
index 0000000..96413b0
--- /dev/null
+++ b/src/client/javascript/search.js
@@ -0,0 +1,95 @@
+/* global USERS */
+
+const EventEmitter = require('events')
+const fuzzy = require('fuzzy')
+const autocomplete = require('./autocomplete')
+const browserFixToolkit = require('./browserFixToolkit')
+
+const self = new EventEmitter()
+
+self._nodes = {
+  search: document.querySelector('#search'),
+  input: document.querySelector('input[type="search"]')
+}
+
+self.submit = function () {
+  const selectedUser = autocomplete.getSelectedUser()
+  if (selectedUser == null) return
+
+  console.log(selectedUser)
+
+  self._nodes.input.blur()
+  document.body.classList.remove('week-selector-not-visible') // Safari bug
+
+  self.emit('search', selectedUser)
+}
+
+self.updateDom = function (selectedUser) {
+  if (selectedUser == null) {
+    self._nodes.input.value = ''
+    autocomplete.removeAllItems()
+    document.body.classList.add('no-input')
+    document.body.classList.remove('searched')
+  } else {
+    self._nodes.input.value = selectedUser.value
+    autocomplete.removeAllItems()
+    document.body.classList.remove('no-input')
+    document.body.classList.add('searched')
+  }
+}
+
+self.focus = function () {
+  self._nodes.input.focus()
+}
+
+self._handleSubmit = function (event) {
+  event.preventDefault()
+  self.submit()
+}
+
+self._calculate = function (searchTerm) {
+  const allResults = fuzzy.filter(searchTerm, USERS, {
+    extract: function (user) { return user.value }
+  })
+  const firstResults = allResults.slice(0, 7)
+
+  const originalResults = firstResults.map(function (result) {
+    return result.original
+  })
+
+  return originalResults
+}
+
+self._handleTextUpdate = function () {
+  const results = self._calculate(self._nodes.input.value)
+
+  autocomplete.removeAllItems()
+  for (let i = 0; i < results.length; i++) {
+    autocomplete.addItem(results[i])
+  }
+}
+
+self._handleFocus = function () {
+  self._nodes.input.select()
+}
+
+self._handleBlur = function () {
+  // this will removed the selection without drawing focus on it (safari)
+  // this will removed selection even when focusing an iframe (chrome)
+  const oldValue = self._nodes.value
+  self._nodes.value = ''
+  self._nodes.value = oldValue
+
+  // this will hide the keyboard (iOS safari)
+  document.activeElement.blur()
+}
+
+autocomplete.on('select', self.submit)
+
+self._nodes.search.addEventListener('submit', self._handleSubmit)
+self._nodes.input.addEventListener('focus', self._handleFocus)
+self._nodes.input.addEventListener('blur', self._handleBlur)
+self._nodes.input.addEventListener(browserFixToolkit.inputEvent,
+                                   self._handleTextUpdate)
+
+module.exports = self
-- 
cgit v1.1