Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/apps/clock/js/banner/banner.html

@@ -0,0 +1 @@
+<p data-l10n-id="${noticeId}" data-l10n-args="${noticeArgs}"></p>

gaia/apps/clock/js/banner/main.js

@@ -0,0 +1,88 @@
+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;
+});