walletExists(function(exists){ auth = exists ? initAuth.pin(null, { userExists: true }) : initAuth.choose() var authContentEl = document.getElementById('auth_content') authContentEl.style.opacity = 0; fadeIn(authContentEl) auth.show() })
function dismissModal(){ var onDismiss = self.get('onDismiss') if(onDismiss) onDismiss(); fadeOut(fadeEl, function() { appEl.classList.remove('is_hidden') htmlEl.classList.remove('prevent_scroll') self.teardown() }) }
emitter.on('open-overlay', function(data){ if(data.overlay === 'geo') { ractive.set('searching', true) fadeIn(ractive.find('.js__fadeEl'), function() { ractive.set('search_message', 'Searching your area for other Hive Web users') ractive.fire('search-nearby') }) } })
ractive.on('close-geo', function(){ fadeOut(ractive.find('.js__fadeEl'), function(){ if(ractive.get('searching')) { var pinEl = ractive.nodes['geo-pin'] resetPin(pinEl) } ractive.set('nearbys', []) ractive.set('searching', false) emitter.emit('close-overlay') geo.remove() }) })
init: function(){ var self = this var htmlEl = document.getElementsByTagName('html')[0] var appEl = document.getElementById('app') var fadeEl = self.find('.js__fadeEl') appEl.classList.add('is_hidden') htmlEl.classList.add('prevent_scroll') fadeIn(fadeEl) self.on('cancel', function(event){ if(!event) return dismissModal(); var originalElement = event.original.srcElement || event.original.originalTarget; if(originalElement.classList.contains('_cancel')) { dismissModal() } }) document.addEventListener('keydown', keydownHandler) self.on('teardown', function () { window.removeEventListener('keydown', keydownHandler) }, false) function dismissModal(){ var onDismiss = self.get('onDismiss') if(onDismiss) onDismiss(); fadeOut(fadeEl, function() { appEl.classList.remove('is_hidden') htmlEl.classList.remove('prevent_scroll') self.teardown() }) } function keydownHandler(event) { if(event.keyCode === 27){ //esc dismissModal() } } }