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/favorite.js | 79 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 src/client/javascript/favorite.js

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

diff --git a/src/client/javascript/favorite.js b/src/client/javascript/favorite.js
new file mode 100644
index 0000000..92c87f7
--- /dev/null
+++ b/src/client/javascript/favorite.js
@@ -0,0 +1,79 @@
+/* global USERS */
+
+const EventEmitter = require('events')
+
+const self = new EventEmitter()
+
+self._nodes = {
+  toggle: document.querySelector('.fav')
+}
+
+self.get = function () {
+  try {
+    const localStorageUser = JSON.parse(window.localStorage.getItem('fav'))
+    if (localStorageUser == null) return
+
+    const correctedUser = USERS.filter(function (user) {
+      return user.type === localStorageUser.type &&
+             user.value === localStorageUser.value
+    })[0]
+    return correctedUser
+  } catch (e) {
+    self.delete()
+    return
+  }
+}
+
+self.set = function (user) {
+  window.localStorage.setItem('fav', JSON.stringify(user))
+  self._nodes.innerHTML = '&#xE838;'
+}
+
+self.delete = function () {
+  window.localStorage.removeItem('fav')
+}
+
+self.updateDom = function (isFavorite) {
+  if (isFavorite) {
+    self._nodes.toggle.innerHTML = '&#xE838;'
+  } else {
+    self._nodes.toggle.innerHTML = '&#xE83A'
+  }
+}
+
+self.update = function (selectedUser) {
+  const currentUser = self.get()
+
+  if (currentUser == null || selectedUser == null) {
+    self.updateDom(false)
+    return
+  }
+
+  const isEqual = currentUser.type === selectedUser.type &&
+                  currentUser.index === selectedUser.index
+
+  self.updateDom(isEqual)
+}
+
+self.toggle = function (selectedUser) {
+  const currentUser = self.get()
+  const isEqual = currentUser != null &&
+                  currentUser.type === selectedUser.type &&
+                  currentUser.index === selectedUser.index
+
+  if (isEqual) {
+    self.delete()
+    self.updateDom(false)
+  } else {
+    self.set(selectedUser)
+    self.updateDom(true)
+  }
+}
+
+self._handleClick = function () {
+  self.emit('click')
+}
+
+self._nodes.toggle.addEventListener('click', self._handleClick)
+
+module.exports = self
-- 
cgit v1.1