Example #1
0
 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()
 })
Example #2
0
 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()
   })
 }
Example #3
0
 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')
     })
   }
 })
Example #4
0
 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()
   })
 })
Example #5
0
  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()
      }
    }
  }