parent
540c93a4bd
commit
ef249ebc79
GPG Key ID:
3F59586BB7448DD1
@ -1,70 +0,0 @@ |
|||||||
if (!('EventEmitter' in window)) { |
|
||||||
window.EventEmitter = class EventEmitter { |
|
||||||
constructor () { |
|
||||||
this._listeners = {} |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Bind an event listener to an event |
|
||||||
* @param {string} event - the event name |
|
||||||
* @param {Function} listener - the event listener |
|
||||||
*/ |
|
||||||
on (event, listener) { |
|
||||||
if (!this._listeners[event]) this._listeners[event] = [] |
|
||||||
this._listeners[event].push({ listener }) |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Bind an event listener to be run only once the next time the event fires |
|
||||||
* @param {string} event - the event name |
|
||||||
* @param {Function} listener - the event listener |
|
||||||
*/ |
|
||||||
once (event, listener) { |
|
||||||
if (!this._listeners[event]) this._listeners[event] = [] |
|
||||||
this._listeners[event].push({ listener, once: true }) |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Remove an event listener |
|
||||||
* @param {string} event - the event name |
|
||||||
* @param {Function} listener - the event listener |
|
||||||
*/ |
|
||||||
off (event, listener) { |
|
||||||
let listeners = this._listeners[event] |
|
||||||
if (listeners) { |
|
||||||
for (let i in listeners) { |
|
||||||
if (listeners[i].listener === listener) { |
|
||||||
listeners.splice(i, 1) |
|
||||||
break |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Emits an event |
|
||||||
* @param {string} event - the event name |
|
||||||
* @param {...any} args - arguments passed to all listeners |
|
||||||
*/ |
|
||||||
emit (event, ...args) { |
|
||||||
let listeners = this._listeners[event] |
|
||||||
if (listeners) { |
|
||||||
let remove = [] |
|
||||||
for (let listener of listeners) { |
|
||||||
try { |
|
||||||
listener.listener(...args) |
|
||||||
if (listener.once) remove.push(listener) |
|
||||||
} catch (err) { |
|
||||||
console.error(err) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
// this needs to be done in this roundabout way because for loops
|
|
||||||
// do not like arrays with changing lengths
|
|
||||||
for (let listener of remove) { |
|
||||||
listeners.splice(listeners.indexOf(listener), 1) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,17 +1,7 @@ |
|||||||
require('./lib/chibi') |
|
||||||
require('./lib/polyfills') |
require('./lib/polyfills') |
||||||
require('./event_emitter') |
|
||||||
require('./utils') |
|
||||||
require('./modal') |
require('./modal') |
||||||
require('./notif') |
require('./notif') |
||||||
require('./appcommon') |
require('./appcommon') |
||||||
require('./demo') |
require('./demo') |
||||||
require('./lang') |
|
||||||
require('./wifi') |
require('./wifi') |
||||||
require('./term_conn') |
window.termInit = require('./term') |
||||||
require('./term_input') |
|
||||||
require('./term_screen') |
|
||||||
require('./term_upload') |
|
||||||
require('./debug_screen') |
|
||||||
require('./soft_keyboard') |
|
||||||
require('./term') |
|
||||||
|
|||||||
@ -1,44 +1,44 @@ |
|||||||
|
const $ = require('./lib/chibi') |
||||||
|
|
||||||
/** Module for toggling a modal overlay */ |
/** Module for toggling a modal overlay */ |
||||||
(function () { |
let modal = {} |
||||||
let modal = {} |
let curCloseCb = null |
||||||
let curCloseCb = null |
|
||||||
|
|
||||||
modal.show = function (sel, closeCb) { |
modal.show = function (sel, closeCb) { |
||||||
let $m = $(sel) |
let $m = $(sel) |
||||||
$m.removeClass('hidden visible') |
$m.removeClass('hidden visible') |
||||||
setTimeout(function () { |
setTimeout(function () { |
||||||
$m.addClass('visible') |
$m.addClass('visible') |
||||||
}, 1) |
}, 1) |
||||||
curCloseCb = closeCb |
curCloseCb = closeCb |
||||||
} |
} |
||||||
|
|
||||||
modal.hide = function (sel) { |
modal.hide = function (sel) { |
||||||
let $m = $(sel) |
let $m = $(sel) |
||||||
$m.removeClass('visible') |
$m.removeClass('visible') |
||||||
setTimeout(function () { |
setTimeout(function () { |
||||||
$m.addClass('hidden') |
$m.addClass('hidden') |
||||||
if (curCloseCb) curCloseCb() |
if (curCloseCb) curCloseCb() |
||||||
}, 500) // transition time
|
}, 500) // transition time
|
||||||
} |
} |
||||||
|
|
||||||
modal.init = function () { |
modal.init = function () { |
||||||
// close modal by click outside the dialog
|
// close modal by click outside the dialog
|
||||||
$('.Modal').on('click', function () { |
$('.Modal').on('click', function () { |
||||||
if ($(this).hasClass('no-close')) return // this is a no-close modal
|
if ($(this).hasClass('no-close')) return // this is a no-close modal
|
||||||
modal.hide(this) |
modal.hide(this) |
||||||
}) |
}) |
||||||
|
|
||||||
$('.Dialog').on('click', function (e) { |
$('.Dialog').on('click', function (e) { |
||||||
e.stopImmediatePropagation() |
e.stopImmediatePropagation() |
||||||
}) |
}) |
||||||
|
|
||||||
// Hide all modals on esc
|
// Hide all modals on esc
|
||||||
$(window).on('keydown', function (e) { |
$(window).on('keydown', function (e) { |
||||||
if (e.which === 27) { |
if (e.which === 27) { |
||||||
modal.hide('.Modal') |
modal.hide('.Modal') |
||||||
} |
} |
||||||
}) |
}) |
||||||
} |
} |
||||||
|
|
||||||
window.Modal = modal |
module.exports = modal |
||||||
})() |
|
||||||
|
|||||||
@ -1,65 +1,65 @@ |
|||||||
window.Notify = (function () { |
const $ = require('./lib/chibi') |
||||||
let nt = {} |
const modal = require('./modal') |
||||||
const sel = '#notif' |
|
||||||
let $balloon |
|
||||||
|
|
||||||
let timerHideBegin // timeout to start hiding (transition)
|
let nt = {} |
||||||
let timerHideEnd // timeout to add the hidden class
|
const sel = '#notif' |
||||||
let timerCanCancel |
let $balloon |
||||||
let canCancel = false |
|
||||||
|
|
||||||
let stopTimeouts = function () { |
let timerHideBegin // timeout to start hiding (transition)
|
||||||
clearTimeout(timerHideBegin) |
let timerHideEnd // timeout to add the hidden class
|
||||||
clearTimeout(timerHideEnd) |
let canCancel = false |
||||||
} |
|
||||||
|
|
||||||
nt.show = function (message, timeout, isError) { |
|
||||||
$balloon.toggleClass('error', isError === true) |
|
||||||
$balloon.html(message) |
|
||||||
Modal.show($balloon) |
|
||||||
stopTimeouts() |
|
||||||
|
|
||||||
if (undef(timeout) || timeout === null || timeout <= 0) { |
let stopTimeouts = function () { |
||||||
timeout = 2500 |
clearTimeout(timerHideBegin) |
||||||
} |
clearTimeout(timerHideEnd) |
||||||
|
} |
||||||
|
|
||||||
timerHideBegin = setTimeout(nt.hide, timeout) |
nt.show = function (message, timeout, isError) { |
||||||
|
$balloon.toggleClass('error', isError === true) |
||||||
|
$balloon.html(message) |
||||||
|
modal.show($balloon) |
||||||
|
stopTimeouts() |
||||||
|
|
||||||
canCancel = false |
if (!timeout || timeout <= 0) { |
||||||
timerCanCancel = setTimeout(function () { |
timeout = 2500 |
||||||
canCancel = true |
|
||||||
}, 500) |
|
||||||
} |
} |
||||||
|
|
||||||
nt.hide = function () { |
timerHideBegin = setTimeout(nt.hide, timeout) |
||||||
let $m = $(sel) |
|
||||||
$m.removeClass('visible') |
|
||||||
timerHideEnd = setTimeout(function () { |
|
||||||
$m.addClass('hidden') |
|
||||||
}, 250) // transition time
|
|
||||||
} |
|
||||||
|
|
||||||
nt.init = function () { |
canCancel = false |
||||||
$balloon = $(sel) |
setTimeout(() => { |
||||||
|
canCancel = true |
||||||
|
}, 500) |
||||||
|
} |
||||||
|
|
||||||
// close by click outside
|
nt.hide = function () { |
||||||
$(document).on('click', function () { |
let $m = $(sel) |
||||||
if (!canCancel) return |
$m.removeClass('visible') |
||||||
nt.hide(this) |
timerHideEnd = setTimeout(function () { |
||||||
}) |
$m.addClass('hidden') |
||||||
|
}, 250) // transition time
|
||||||
|
} |
||||||
|
|
||||||
// click caused by selecting, prevent it from bubbling
|
nt.init = function () { |
||||||
$balloon.on('click', function (e) { |
$balloon = $(sel) |
||||||
e.stopImmediatePropagation() |
|
||||||
return false |
|
||||||
}) |
|
||||||
|
|
||||||
// stop fading if moused
|
// close by click outside
|
||||||
$balloon.on('mouseenter', function () { |
$(document).on('click', function () { |
||||||
stopTimeouts() |
if (!canCancel) return |
||||||
$balloon.removeClass('hidden').addClass('visible') |
nt.hide(this) |
||||||
}) |
}) |
||||||
} |
|
||||||
|
// click caused by selecting, prevent it from bubbling
|
||||||
|
$balloon.on('click', function (e) { |
||||||
|
e.stopImmediatePropagation() |
||||||
|
return false |
||||||
|
}) |
||||||
|
|
||||||
|
// stop fading if moused
|
||||||
|
$balloon.on('mouseenter', function () { |
||||||
|
stopTimeouts() |
||||||
|
$balloon.removeClass('hidden').addClass('visible') |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
return nt |
module.exports = nt |
||||||
})() |
|
||||||
|
|||||||
Loading…
Reference in new issue