var Auth = Ractive.extend({
el: document.getElementById("auth"),
template: require('./index.ract').template,
partials: {
header: require('./header.ract').template,
actions: require('./actions.ract').template,
content: require('./content.ract').template,
footer: require('./footer.ract').template
},
init: function(){
var self = this
this.set('opening', false)
emitter.on('wallet-opening', function(progress){
self.set('progress', progress)
})
self.on('teardown', function(){
emitter.removeAllListeners('wallet-opening')
})
function onSyncDone(err, transactions) {
self.set('opening', false)
if(err) {
if(err === 'user_deleted') return location.reload(false);
emitter.emit('clear-pin')
return showError({ message: 'Your PIN is incorrect' })
}
window.scrollTo( 0, 0 )
emitter.emit('wallet-ready')
emitter.emit('transactions-loaded', transactions)
}
this.onSyncDone = onSyncDone
this.getNetwork = getNetwork
}
})
var Modal = Ractive.extend({
el: document.getElementById('general-purpose-overlay'),
template: require('./index.ract').template,
partials: {
content: require('./content.ract').template,
},
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()
}
}
}
})