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/calendar/js/views/month_day_agenda.js

@@ -0,0 +1,120 @@
+define(function(require, exports, module) {
+'use strict';
+
+var IntlHelper = require('shared/intl_helper');
+var Parent = require('view');
+var core = require('core');
+var createDay = require('common/calc').createDay;
+var isAllDay = require('common/calc').isAllDay;
+var performance = require('performance');
+var template = require('templates/month_day_agenda');
+
+function MonthDayAgenda() {
+  Parent.apply(this, arguments);
+  this._render = this._render.bind(this);
+  this.controller = core.timeController;
+}
+module.exports = MonthDayAgenda;
+
+MonthDayAgenda.prototype = {
+  __proto__: Parent.prototype,
+
+  date: null,
+  _observer: null,
+
+  selectors: {
+    element: '#month-day-agenda',
+    events: '.day-events',
+    currentDate: '#event-list-date',
+    emptyMessage: '#empty-message'
+  },
+
+  get element() {
+    return this._findElement('element');
+  },
+
+  get events() {
+    return this._findElement('events');
+  },
+
+  get currentDate() {
+    return this._findElement('currentDate');
+  },
+
+  get emptyMessage() {
+    return this._findElement('emptyMessage');
+  },
+
+  onactive: function() {
+    Parent.prototype.onactive.call(this);
+    this.controller.on('selectedDayChange', this);
+    this.changeDate(this.controller.selectedDay);
+  },
+
+  oninactive: function() {
+    Parent.prototype.oninactive.call(this);
+    this._unobserve();
+    this.controller.removeEventListener('selectedDayChange', this);
+    this.date = null;
+  },
+
+  _unobserve: function() {
+    this._observer && this._observer.cancel();
+    this._observer = null;
+  },
+
+  changeDate: function(date) {
+    // first time view is active the `selectedDay` is null
+    date = date || createDay(new Date());
+
+    this.date = date;
+    this._unobserve();
+    this._observer = core.bridge.observeDay(date);
+    this._observer.listen(this._render);
+
+    var formatId = 'months-day-view-header-format';
+    var formatter = IntlHelper.get(formatId);
+    this.currentDate.textContent = formatter.format(date);
+    // we need to set the [data-date] and [data-l10n-date-format] because
+    // locale might change while the app is still open
+    this.currentDate.dataset.date = date;
+    this.currentDate.dataset.l10nDateFormat = formatId;
+  },
+
+  _render: function(records) {
+    // we should always render allday events at the top
+    this.events.innerHTML = records.allday.concat(records.basic)
+      .map(this._renderEvent, this)
+      .join('');
+
+    this.emptyMessage.classList.toggle('active', records.amount === 0);
+
+    performance.monthsDayReady();
+  },
+
+  _renderEvent: function(record) {
+    var {event, busytime, color} = record;
+    var {startDate, endDate} = busytime;
+
+    return template.event.render({
+      hasAlarms: !!(event.remote.alarms && event.remote.alarms.length),
+      busytimeId: busytime._id,
+      color: color,
+      title: event.remote.title,
+      location: event.remote.location,
+      startTime: startDate,
+      endTime: endDate,
+      isAllDay: isAllDay(this.date, startDate, endDate)
+    });
+  },
+
+  handleEvent: function(e) {
+    switch (e.type) {
+      case 'selectedDayChange':
+        this.changeDate(e.data[0]);
+        break;
+    }
+  }
+};
+
+});