b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
88 lines
2.4 KiB
JavaScript
Executable file
88 lines
2.4 KiB
JavaScript
Executable file
define(function(require) {
|
|
'use strict';
|
|
|
|
var Template = require('template');
|
|
var Utils = require('utils');
|
|
var html = require('text!banner/banner.html');
|
|
|
|
function Banner(node) {
|
|
// Accept a reference to an element or the element id
|
|
if (typeof node === 'string') {
|
|
this.notice = document.getElementById(node);
|
|
} else {
|
|
this.notice = node;
|
|
}
|
|
// Accept an optional reference to template element id
|
|
this.tmpl = new Template(html);
|
|
// Store a reference to timeout to debounce banner
|
|
this.timeout = null;
|
|
return this;
|
|
}
|
|
|
|
Banner.prototype = {
|
|
|
|
constructor: Banner,
|
|
|
|
render: function bn_render(alarmTime) {
|
|
var timeLeft, tl, countdownType, localTimes;
|
|
|
|
timeLeft = +alarmTime - Date.now();
|
|
// generate human readable numbers to pass to localization function
|
|
tl = Utils.dateMath.fromMS(timeLeft, {
|
|
unitsPartial: ['days', 'hours', 'minutes']
|
|
});
|
|
|
|
if (tl.days) {
|
|
countdownType = 'countdown_moreThanADay';
|
|
localTimes = {
|
|
'days': tl.days,
|
|
'hours': tl.hours
|
|
};
|
|
} else if (tl.hours > 0) {
|
|
countdownType = 'countdown_moreThanAnHour';
|
|
localTimes = {
|
|
'hours': tl.hours,
|
|
'minutes': tl.minutes
|
|
};
|
|
} else {
|
|
countdownType = 'countdown_lessThanAnHour';
|
|
localTimes = {
|
|
'minutes': tl.minutes
|
|
};
|
|
}
|
|
|
|
return {
|
|
noticeId: countdownType,
|
|
noticeArgs: JSON.stringify(localTimes)
|
|
};
|
|
},
|
|
|
|
show: function bn_show(alarmTime) {
|
|
// Render the Banner notice
|
|
this.notice.innerHTML = this.tmpl.interpolate(
|
|
this.render(alarmTime)
|
|
);
|
|
// 'visible' class controls the animation
|
|
this.notice.classList.add('visible');
|
|
// use this object rather than a function to retain context
|
|
this.notice.addEventListener('click', this);
|
|
// Debounce timer in case alarms are added more quickly than 4 seconds
|
|
if (this.timeout) {
|
|
clearTimeout(this.timeout);
|
|
}
|
|
// After 4 seconds, remove the banner
|
|
this.timeout = setTimeout(this.hide.bind(this), 4000);
|
|
},
|
|
|
|
hide: function bn_hide() {
|
|
this.notice.classList.remove('visible');
|
|
this.notice.removeEventListener('click', this);
|
|
},
|
|
|
|
handleEvent: function bn_handleEvent() {
|
|
this.hide();
|
|
}
|
|
};
|
|
|
|
return Banner;
|
|
});
|