diff options
author | Noah Loomans <noahloomans@gmail.com> | 2016-12-14 12:57:59 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2016-12-14 12:57:59 +0100 |
commit | 7c4d1ca2d771ee527201ccd6447e70da97ad33be (patch) | |
tree | e151354bb2182d9788c0e2e8e85d560ccb862f3f /public/javascripts/favorite.js | |
parent | a016343e0a88e1bb46a2deed0b27dda7b6bc7e44 (diff) | |
parent | b7027583efff12e1bd5acdbb4077ab36c5226839 (diff) |
Merge branch 'refactor' into beta
Diffstat (limited to 'public/javascripts/favorite.js')
-rw-r--r-- | public/javascripts/favorite.js | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/public/javascripts/favorite.js b/public/javascripts/favorite.js new file mode 100644 index 0000000..f10d954 --- /dev/null +++ b/public/javascripts/favorite.js @@ -0,0 +1,73 @@ +/* global USERS */ + +const EventEmitter = require('events') + +const self = new EventEmitter() + +self._nodes = { + toggle: document.querySelector('.fav') +} + +self.get = function () { + const localStorageUser = JSON.parse(window.localStorage.getItem('fav')) + if (localStorageUser == null) return + + const correctedUser = USERS.filter(user => + user.type === localStorageUser.type && + user.value === localStorageUser.value)[0] + return correctedUser +} + +self.set = function (user) { + window.localStorage.setItem('fav', JSON.stringify(user)) + self._nodes.innerHTML = '' +} + +self.delete = function () { + window.localStorage.removeItem('fav') +} + +self.updateDom = function (isFavorite) { + if (isFavorite) { + self._nodes.toggle.innerHTML = '' + } else { + self._nodes.toggle.innerHTML = '' + } +} + +self.update = function (selectedUser) { + const currentUser = self.get() + + if (currentUser == 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 |