f6b4b96737
We can use that newer method where we don't care about the actual position of an element inside the array. (Array.includes() and Array.indexOf() do behave differently in edge cases, for example in the handling of NaN, but those don't matter to us) https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/152
1170 lines
40 KiB
JavaScript
1170 lines
40 KiB
JavaScript
// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-
|
|
|
|
const { Clutter, Gio, GLib, Shell, St } = imports.gi;
|
|
const Signals = imports.signals;
|
|
|
|
const Main = imports.ui.main;
|
|
const MessageList = imports.ui.messageList;
|
|
const MessageTray = imports.ui.messageTray;
|
|
const Mpris = imports.ui.mpris;
|
|
const Util = imports.misc.util;
|
|
|
|
const { loadInterfaceXML } = imports.misc.fileUtils;
|
|
|
|
var MSECS_IN_DAY = 24 * 60 * 60 * 1000;
|
|
var SHOW_WEEKDATE_KEY = 'show-weekdate';
|
|
var ELLIPSIS_CHAR = '\u2026';
|
|
|
|
var MESSAGE_ICON_SIZE = -1; // pick up from CSS
|
|
|
|
var NC_ = (context, str) => context + '\u0004' + str;
|
|
|
|
function sameYear(dateA, dateB) {
|
|
return (dateA.getYear() == dateB.getYear());
|
|
}
|
|
|
|
function sameMonth(dateA, dateB) {
|
|
return sameYear(dateA, dateB) && (dateA.getMonth() == dateB.getMonth());
|
|
}
|
|
|
|
function sameDay(dateA, dateB) {
|
|
return sameMonth(dateA, dateB) && (dateA.getDate() == dateB.getDate());
|
|
}
|
|
|
|
function isToday(date) {
|
|
return sameDay(new Date(), date);
|
|
}
|
|
|
|
function _isWorkDay(date) {
|
|
/* Translators: Enter 0-6 (Sunday-Saturday) for non-work days. Examples: "0" (Sunday) "6" (Saturday) "06" (Sunday and Saturday). */
|
|
let days = C_('calendar-no-work', "06");
|
|
return !days.includes(date.getDay().toString());
|
|
}
|
|
|
|
function _getBeginningOfDay(date) {
|
|
let ret = new Date(date.getTime());
|
|
ret.setHours(0);
|
|
ret.setMinutes(0);
|
|
ret.setSeconds(0);
|
|
ret.setMilliseconds(0);
|
|
return ret;
|
|
}
|
|
|
|
function _getEndOfDay(date) {
|
|
let ret = new Date(date.getTime());
|
|
ret.setHours(23);
|
|
ret.setMinutes(59);
|
|
ret.setSeconds(59);
|
|
ret.setMilliseconds(999);
|
|
return ret;
|
|
}
|
|
|
|
function _getCalendarDayAbbreviation(dayNumber) {
|
|
let abbreviations = [
|
|
/* Translators: Calendar grid abbreviation for Sunday.
|
|
*
|
|
* NOTE: These grid abbreviations are always shown together
|
|
* and in order, e.g. "S M T W T F S".
|
|
*/
|
|
NC_("grid sunday", "S"),
|
|
/* Translators: Calendar grid abbreviation for Monday */
|
|
NC_("grid monday", "M"),
|
|
/* Translators: Calendar grid abbreviation for Tuesday */
|
|
NC_("grid tuesday", "T"),
|
|
/* Translators: Calendar grid abbreviation for Wednesday */
|
|
NC_("grid wednesday", "W"),
|
|
/* Translators: Calendar grid abbreviation for Thursday */
|
|
NC_("grid thursday", "T"),
|
|
/* Translators: Calendar grid abbreviation for Friday */
|
|
NC_("grid friday", "F"),
|
|
/* Translators: Calendar grid abbreviation for Saturday */
|
|
NC_("grid saturday", "S")
|
|
];
|
|
return Shell.util_translate_time_string(abbreviations[dayNumber]);
|
|
}
|
|
|
|
// Abstraction for an appointment/event in a calendar
|
|
|
|
var CalendarEvent = class CalendarEvent {
|
|
constructor(id, date, end, summary, allDay) {
|
|
this.id = id;
|
|
this.date = date;
|
|
this.end = end;
|
|
this.summary = summary;
|
|
this.allDay = allDay;
|
|
}
|
|
};
|
|
|
|
// Interface for appointments/events - e.g. the contents of a calendar
|
|
//
|
|
|
|
// First, an implementation with no events
|
|
var EmptyEventSource = class EmptyEventSource {
|
|
constructor() {
|
|
this.isLoading = false;
|
|
this.isDummy = true;
|
|
this.hasCalendars = false;
|
|
}
|
|
|
|
destroy() {
|
|
}
|
|
|
|
requestRange(begin, end) {
|
|
}
|
|
|
|
getEvents(begin, end) {
|
|
let result = [];
|
|
return result;
|
|
}
|
|
|
|
hasEvents(day) {
|
|
return false;
|
|
}
|
|
};
|
|
Signals.addSignalMethods(EmptyEventSource.prototype);
|
|
|
|
const CalendarServerIface = loadInterfaceXML('org.gnome.Shell.CalendarServer');
|
|
|
|
const CalendarServerInfo = Gio.DBusInterfaceInfo.new_for_xml(CalendarServerIface);
|
|
|
|
function CalendarServer() {
|
|
return new Gio.DBusProxy({ g_connection: Gio.DBus.session,
|
|
g_interface_name: CalendarServerInfo.name,
|
|
g_interface_info: CalendarServerInfo,
|
|
g_name: 'org.gnome.Shell.CalendarServer',
|
|
g_object_path: '/org/gnome/Shell/CalendarServer' });
|
|
}
|
|
|
|
function _datesEqual(a, b) {
|
|
if (a < b)
|
|
return false;
|
|
else if (a > b)
|
|
return false;
|
|
return true;
|
|
}
|
|
|
|
function _dateIntervalsOverlap(a0, a1, b0, b1)
|
|
{
|
|
if (a1 <= b0)
|
|
return false;
|
|
else if (b1 <= a0)
|
|
return false;
|
|
else
|
|
return true;
|
|
}
|
|
|
|
// an implementation that reads data from a session bus service
|
|
var DBusEventSource = class DBusEventSource {
|
|
constructor() {
|
|
this._resetCache();
|
|
this.isLoading = false;
|
|
this.isDummy = false;
|
|
|
|
this._initialized = false;
|
|
this._dbusProxy = new CalendarServer();
|
|
this._dbusProxy.init_async(GLib.PRIORITY_DEFAULT, null, (object, result) => {
|
|
let loaded = false;
|
|
|
|
try {
|
|
this._dbusProxy.init_finish(result);
|
|
loaded = true;
|
|
} catch(e) {
|
|
if (e.matches(Gio.DBusError, Gio.DBusError.TIMED_OUT)) {
|
|
// Ignore timeouts and install signals as normal, because with high
|
|
// probability the service will appear later on, and we will get a
|
|
// NameOwnerChanged which will finish loading
|
|
//
|
|
// (But still _initialized to false, because the proxy does not know
|
|
// about the HasCalendars property and would cause an exception trying
|
|
// to read it)
|
|
} else {
|
|
log('Error loading calendars: ' + e.message);
|
|
return;
|
|
}
|
|
}
|
|
|
|
this._dbusProxy.connectSignal('Changed', this._onChanged.bind(this));
|
|
|
|
this._dbusProxy.connect('notify::g-name-owner', () => {
|
|
if (this._dbusProxy.g_name_owner)
|
|
this._onNameAppeared();
|
|
else
|
|
this._onNameVanished();
|
|
});
|
|
|
|
this._dbusProxy.connect('g-properties-changed', () => {
|
|
this.emit('notify::has-calendars');
|
|
});
|
|
|
|
this._initialized = loaded;
|
|
if (loaded) {
|
|
this.emit('notify::has-calendars');
|
|
this._onNameAppeared();
|
|
}
|
|
});
|
|
}
|
|
|
|
destroy() {
|
|
this._dbusProxy.run_dispose();
|
|
}
|
|
|
|
get hasCalendars() {
|
|
if (this._initialized)
|
|
return this._dbusProxy.HasCalendars;
|
|
else
|
|
return false;
|
|
}
|
|
|
|
_resetCache() {
|
|
this._events = [];
|
|
this._lastRequestBegin = null;
|
|
this._lastRequestEnd = null;
|
|
}
|
|
|
|
_onNameAppeared(owner) {
|
|
this._initialized = true;
|
|
this._resetCache();
|
|
this._loadEvents(true);
|
|
}
|
|
|
|
_onNameVanished(oldOwner) {
|
|
this._resetCache();
|
|
this.emit('changed');
|
|
}
|
|
|
|
_onChanged() {
|
|
this._loadEvents(false);
|
|
}
|
|
|
|
_onEventsReceived(results, error) {
|
|
let newEvents = [];
|
|
let appointments = results ? results[0] : null;
|
|
if (appointments != null) {
|
|
for (let n = 0; n < appointments.length; n++) {
|
|
let a = appointments[n];
|
|
let date = new Date(a[4] * 1000);
|
|
let end = new Date(a[5] * 1000);
|
|
let id = a[0];
|
|
let summary = a[1];
|
|
let allDay = a[3];
|
|
let event = new CalendarEvent(id, date, end, summary, allDay);
|
|
newEvents.push(event);
|
|
}
|
|
newEvents.sort((ev1, ev2) => ev1.date.getTime() - ev2.date.getTime());
|
|
}
|
|
|
|
this._events = newEvents;
|
|
this.isLoading = false;
|
|
this.emit('changed');
|
|
}
|
|
|
|
_loadEvents(forceReload) {
|
|
// Ignore while loading
|
|
if (!this._initialized)
|
|
return;
|
|
|
|
if (this._curRequestBegin && this._curRequestEnd){
|
|
this._dbusProxy.GetEventsRemote(this._curRequestBegin.getTime() / 1000,
|
|
this._curRequestEnd.getTime() / 1000,
|
|
forceReload,
|
|
this._onEventsReceived.bind(this),
|
|
Gio.DBusCallFlags.NONE);
|
|
}
|
|
}
|
|
|
|
requestRange(begin, end) {
|
|
if (!(_datesEqual(begin, this._lastRequestBegin) && _datesEqual(end, this._lastRequestEnd))) {
|
|
this.isLoading = true;
|
|
this._lastRequestBegin = begin;
|
|
this._lastRequestEnd = end;
|
|
this._curRequestBegin = begin;
|
|
this._curRequestEnd = end;
|
|
this._loadEvents(false);
|
|
}
|
|
}
|
|
|
|
getEvents(begin, end) {
|
|
let result = [];
|
|
for(let n = 0; n < this._events.length; n++) {
|
|
let event = this._events[n];
|
|
|
|
if (_dateIntervalsOverlap (event.date, event.end, begin, end)) {
|
|
result.push(event);
|
|
}
|
|
}
|
|
result.sort((event1, event2) => {
|
|
// sort events by end time on ending day
|
|
let d1 = event1.date < begin && event1.end <= end ? event1.end : event1.date;
|
|
let d2 = event2.date < begin && event2.end <= end ? event2.end : event2.date;
|
|
return d1.getTime() - d2.getTime();
|
|
});
|
|
return result;
|
|
}
|
|
|
|
hasEvents(day) {
|
|
let dayBegin = _getBeginningOfDay(day);
|
|
let dayEnd = _getEndOfDay(day);
|
|
|
|
let events = this.getEvents(dayBegin, dayEnd);
|
|
|
|
if (events.length == 0)
|
|
return false;
|
|
|
|
return true;
|
|
}
|
|
};
|
|
Signals.addSignalMethods(DBusEventSource.prototype);
|
|
|
|
var Calendar = class Calendar {
|
|
constructor() {
|
|
this._weekStart = Shell.util_get_week_start();
|
|
this._settings = new Gio.Settings({ schema_id: 'org.gnome.desktop.calendar' });
|
|
|
|
this._settings.connect('changed::' + SHOW_WEEKDATE_KEY, this._onSettingsChange.bind(this));
|
|
this._useWeekdate = this._settings.get_boolean(SHOW_WEEKDATE_KEY);
|
|
|
|
/**
|
|
* Translators: The header displaying just the month name
|
|
* standalone, when this is a month of the current year.
|
|
* "%OB" is the new format specifier introduced in glibc 2.27,
|
|
* in most cases you should not change it.
|
|
*/
|
|
this._headerFormatWithoutYear = _('%OB');
|
|
/**
|
|
* Translators: The header displaying the month name and the year
|
|
* number, when this is a month of a different year. You can
|
|
* reorder the format specifiers or add other modifications
|
|
* according to the requirements of your language.
|
|
* "%OB" is the new format specifier introduced in glibc 2.27,
|
|
* in most cases you should not use the old "%B" here unless you
|
|
* absolutely know what you are doing.
|
|
*/
|
|
this._headerFormat = _('%OB %Y');
|
|
|
|
// Start off with the current date
|
|
this._selectedDate = new Date();
|
|
|
|
this._shouldDateGrabFocus = false;
|
|
|
|
this.actor = new St.Widget({ style_class: 'calendar',
|
|
layout_manager: new Clutter.TableLayout(),
|
|
reactive: true });
|
|
|
|
this.actor.connect('scroll-event',
|
|
this._onScroll.bind(this));
|
|
|
|
this._buildHeader ();
|
|
}
|
|
|
|
// @eventSource: is an object implementing the EventSource API, e.g. the
|
|
// requestRange(), getEvents(), hasEvents() methods and the ::changed signal.
|
|
setEventSource(eventSource) {
|
|
this._eventSource = eventSource;
|
|
this._eventSource.connect('changed', () => {
|
|
this._rebuildCalendar();
|
|
this._update();
|
|
});
|
|
this._rebuildCalendar();
|
|
this._update();
|
|
}
|
|
|
|
// Sets the calendar to show a specific date
|
|
setDate(date) {
|
|
if (sameDay(date, this._selectedDate))
|
|
return;
|
|
|
|
this._selectedDate = date;
|
|
this._update();
|
|
this.emit('selected-date-changed', new Date(this._selectedDate));
|
|
}
|
|
|
|
updateTimeZone() {
|
|
// The calendar need to be rebuilt after a time zone update because
|
|
// the date might have changed.
|
|
this._rebuildCalendar();
|
|
this._update();
|
|
}
|
|
|
|
_buildHeader() {
|
|
let layout = this.actor.layout_manager;
|
|
let offsetCols = this._useWeekdate ? 1 : 0;
|
|
this.actor.destroy_all_children();
|
|
|
|
// Top line of the calendar '<| September 2009 |>'
|
|
this._topBox = new St.BoxLayout();
|
|
layout.pack(this._topBox, 0, 0);
|
|
layout.set_span(this._topBox, offsetCols + 7, 1);
|
|
|
|
this._backButton = new St.Button({ style_class: 'calendar-change-month-back pager-button',
|
|
accessible_name: _("Previous month"),
|
|
can_focus: true });
|
|
this._backButton.add_actor(new St.Icon({ icon_name: 'pan-start-symbolic' }));
|
|
this._topBox.add(this._backButton);
|
|
this._backButton.connect('clicked', this._onPrevMonthButtonClicked.bind(this));
|
|
|
|
this._monthLabel = new St.Label({style_class: 'calendar-month-label',
|
|
can_focus: true });
|
|
this._topBox.add(this._monthLabel, { expand: true, x_fill: false, x_align: St.Align.MIDDLE });
|
|
|
|
this._forwardButton = new St.Button({ style_class: 'calendar-change-month-forward pager-button',
|
|
accessible_name: _("Next month"),
|
|
can_focus: true });
|
|
this._forwardButton.add_actor(new St.Icon({ icon_name: 'pan-end-symbolic' }));
|
|
this._topBox.add(this._forwardButton);
|
|
this._forwardButton.connect('clicked', this._onNextMonthButtonClicked.bind(this));
|
|
|
|
// Add weekday labels...
|
|
//
|
|
// We need to figure out the abbreviated localized names for the days of the week;
|
|
// we do this by just getting the next 7 days starting from right now and then putting
|
|
// them in the right cell in the table. It doesn't matter if we add them in order
|
|
let iter = new Date(this._selectedDate);
|
|
iter.setSeconds(0); // Leap second protection. Hah!
|
|
iter.setHours(12);
|
|
for (let i = 0; i < 7; i++) {
|
|
// Could use iter.toLocaleFormat('%a') but that normally gives three characters
|
|
// and we want, ideally, a single character for e.g. S M T W T F S
|
|
let customDayAbbrev = _getCalendarDayAbbreviation(iter.getDay());
|
|
let label = new St.Label({ style_class: 'calendar-day-base calendar-day-heading',
|
|
text: customDayAbbrev,
|
|
can_focus: true });
|
|
label.accessible_name = iter.toLocaleFormat('%A');
|
|
let col;
|
|
if (this.actor.get_text_direction() == Clutter.TextDirection.RTL)
|
|
col = 6 - (7 + iter.getDay() - this._weekStart) % 7;
|
|
else
|
|
col = offsetCols + (7 + iter.getDay() - this._weekStart) % 7;
|
|
layout.pack(label, col, 1);
|
|
iter.setTime(iter.getTime() + MSECS_IN_DAY);
|
|
}
|
|
|
|
// All the children after this are days, and get removed when we update the calendar
|
|
this._firstDayIndex = this.actor.get_n_children();
|
|
}
|
|
|
|
_onScroll(actor, event) {
|
|
switch (event.get_scroll_direction()) {
|
|
case Clutter.ScrollDirection.UP:
|
|
case Clutter.ScrollDirection.LEFT:
|
|
this._onPrevMonthButtonClicked();
|
|
break;
|
|
case Clutter.ScrollDirection.DOWN:
|
|
case Clutter.ScrollDirection.RIGHT:
|
|
this._onNextMonthButtonClicked();
|
|
break;
|
|
}
|
|
return Clutter.EVENT_PROPAGATE;
|
|
}
|
|
|
|
_onPrevMonthButtonClicked() {
|
|
let newDate = new Date(this._selectedDate);
|
|
let oldMonth = newDate.getMonth();
|
|
if (oldMonth == 0) {
|
|
newDate.setMonth(11);
|
|
newDate.setFullYear(newDate.getFullYear() - 1);
|
|
if (newDate.getMonth() != 11) {
|
|
let day = 32 - new Date(newDate.getFullYear() - 1, 11, 32).getDate();
|
|
newDate = new Date(newDate.getFullYear() - 1, 11, day);
|
|
}
|
|
}
|
|
else {
|
|
newDate.setMonth(oldMonth - 1);
|
|
if (newDate.getMonth() != oldMonth - 1) {
|
|
let day = 32 - new Date(newDate.getFullYear(), oldMonth - 1, 32).getDate();
|
|
newDate = new Date(newDate.getFullYear(), oldMonth - 1, day);
|
|
}
|
|
}
|
|
|
|
this._backButton.grab_key_focus();
|
|
|
|
this.setDate(newDate);
|
|
}
|
|
|
|
_onNextMonthButtonClicked() {
|
|
let newDate = new Date(this._selectedDate);
|
|
let oldMonth = newDate.getMonth();
|
|
if (oldMonth == 11) {
|
|
newDate.setMonth(0);
|
|
newDate.setFullYear(newDate.getFullYear() + 1);
|
|
if (newDate.getMonth() != 0) {
|
|
let day = 32 - new Date(newDate.getFullYear() + 1, 0, 32).getDate();
|
|
newDate = new Date(newDate.getFullYear() + 1, 0, day);
|
|
}
|
|
}
|
|
else {
|
|
newDate.setMonth(oldMonth + 1);
|
|
if (newDate.getMonth() != oldMonth + 1) {
|
|
let day = 32 - new Date(newDate.getFullYear(), oldMonth + 1, 32).getDate();
|
|
newDate = new Date(newDate.getFullYear(), oldMonth + 1, day);
|
|
}
|
|
}
|
|
|
|
this._forwardButton.grab_key_focus();
|
|
|
|
this.setDate(newDate);
|
|
}
|
|
|
|
_onSettingsChange() {
|
|
this._useWeekdate = this._settings.get_boolean(SHOW_WEEKDATE_KEY);
|
|
this._buildHeader();
|
|
this._rebuildCalendar();
|
|
this._update();
|
|
}
|
|
|
|
_rebuildCalendar() {
|
|
let now = new Date();
|
|
|
|
// Remove everything but the topBox and the weekday labels
|
|
let children = this.actor.get_children();
|
|
for (let i = this._firstDayIndex; i < children.length; i++)
|
|
children[i].destroy();
|
|
|
|
this._buttons = [];
|
|
|
|
// Start at the beginning of the week before the start of the month
|
|
//
|
|
// We want to show always 6 weeks (to keep the calendar menu at the same
|
|
// height if there are no events), so we pad it according to the following
|
|
// policy:
|
|
//
|
|
// 1 - If a month has 6 weeks, we place no padding (example: Dec 2012)
|
|
// 2 - If a month has 5 weeks and it starts on week start, we pad one week
|
|
// before it (example: Apr 2012)
|
|
// 3 - If a month has 5 weeks and it starts on any other day, we pad one week
|
|
// after it (example: Nov 2012)
|
|
// 4 - If a month has 4 weeks, we pad one week before and one after it
|
|
// (example: Feb 2010)
|
|
//
|
|
// Actually computing the number of weeks is complex, but we know that the
|
|
// problematic categories (2 and 4) always start on week start, and that
|
|
// all months at the end have 6 weeks.
|
|
let beginDate = new Date(this._selectedDate);
|
|
beginDate.setDate(1);
|
|
beginDate.setSeconds(0);
|
|
beginDate.setHours(12);
|
|
|
|
this._calendarBegin = new Date(beginDate);
|
|
this._markedAsToday = now;
|
|
|
|
let year = beginDate.getYear();
|
|
|
|
let daysToWeekStart = (7 + beginDate.getDay() - this._weekStart) % 7;
|
|
let startsOnWeekStart = daysToWeekStart == 0;
|
|
let weekPadding = startsOnWeekStart ? 7 : 0;
|
|
|
|
beginDate.setTime(beginDate.getTime() - (weekPadding + daysToWeekStart) * MSECS_IN_DAY);
|
|
|
|
let layout = this.actor.layout_manager;
|
|
let iter = new Date(beginDate);
|
|
let row = 2;
|
|
// nRows here means 6 weeks + one header + one navbar
|
|
let nRows = 8;
|
|
while (row < 8) {
|
|
// xgettext:no-javascript-format
|
|
let button = new St.Button({ label: iter.toLocaleFormat(C_("date day number format", "%d")),
|
|
can_focus: true });
|
|
let rtl = button.get_text_direction() == Clutter.TextDirection.RTL;
|
|
|
|
if (this._eventSource.isDummy)
|
|
button.reactive = false;
|
|
|
|
button._date = new Date(iter);
|
|
button.connect('clicked', () => {
|
|
this._shouldDateGrabFocus = true;
|
|
this.setDate(button._date);
|
|
this._shouldDateGrabFocus = false;
|
|
});
|
|
|
|
let hasEvents = this._eventSource.hasEvents(iter);
|
|
let styleClass = 'calendar-day-base calendar-day';
|
|
|
|
if (_isWorkDay(iter))
|
|
styleClass += ' calendar-work-day';
|
|
else
|
|
styleClass += ' calendar-nonwork-day';
|
|
|
|
// Hack used in lieu of border-collapse - see gnome-shell.css
|
|
if (row == 2)
|
|
styleClass = 'calendar-day-top ' + styleClass;
|
|
|
|
let leftMost = rtl ? iter.getDay() == (this._weekStart + 6) % 7
|
|
: iter.getDay() == this._weekStart;
|
|
if (leftMost)
|
|
styleClass = 'calendar-day-left ' + styleClass;
|
|
|
|
if (sameDay(now, iter))
|
|
styleClass += ' calendar-today';
|
|
else if (iter.getMonth() != this._selectedDate.getMonth())
|
|
styleClass += ' calendar-other-month-day';
|
|
|
|
if (hasEvents)
|
|
styleClass += ' calendar-day-with-events';
|
|
|
|
button.style_class = styleClass;
|
|
|
|
let offsetCols = this._useWeekdate ? 1 : 0;
|
|
let col;
|
|
if (rtl)
|
|
col = 6 - (7 + iter.getDay() - this._weekStart) % 7;
|
|
else
|
|
col = offsetCols + (7 + iter.getDay() - this._weekStart) % 7;
|
|
layout.pack(button, col, row);
|
|
|
|
this._buttons.push(button);
|
|
|
|
if (this._useWeekdate && iter.getDay() == 4) {
|
|
let label = new St.Label({ text: iter.toLocaleFormat('%V'),
|
|
style_class: 'calendar-day-base calendar-week-number',
|
|
can_focus: true });
|
|
let weekFormat = Shell.util_translate_time_string(N_("Week %V"));
|
|
label.accessible_name = iter.toLocaleFormat(weekFormat);
|
|
layout.pack(label, rtl ? 7 : 0, row);
|
|
}
|
|
|
|
iter.setTime(iter.getTime() + MSECS_IN_DAY);
|
|
|
|
if (iter.getDay() == this._weekStart)
|
|
row++;
|
|
}
|
|
|
|
// Signal to the event source that we are interested in events
|
|
// only from this date range
|
|
this._eventSource.requestRange(beginDate, iter);
|
|
}
|
|
|
|
_update() {
|
|
let now = new Date();
|
|
|
|
if (sameYear(this._selectedDate, now))
|
|
this._monthLabel.text = this._selectedDate.toLocaleFormat(this._headerFormatWithoutYear);
|
|
else
|
|
this._monthLabel.text = this._selectedDate.toLocaleFormat(this._headerFormat);
|
|
|
|
if (!this._calendarBegin || !sameMonth(this._selectedDate, this._calendarBegin) || !sameDay(now, this._markedAsToday))
|
|
this._rebuildCalendar();
|
|
|
|
this._buttons.forEach(button => {
|
|
if (sameDay(button._date, this._selectedDate)) {
|
|
button.add_style_pseudo_class('selected');
|
|
if (this._shouldDateGrabFocus)
|
|
button.grab_key_focus();
|
|
}
|
|
else
|
|
button.remove_style_pseudo_class('selected');
|
|
});
|
|
}
|
|
};
|
|
Signals.addSignalMethods(Calendar.prototype);
|
|
|
|
var EventMessage = class EventMessage extends MessageList.Message {
|
|
constructor(event, date) {
|
|
super('', event.summary);
|
|
|
|
this._event = event;
|
|
this._date = date;
|
|
|
|
this.setTitle(this._formatEventTime());
|
|
|
|
this._icon = new St.Icon({ icon_name: 'x-office-calendar-symbolic' });
|
|
this.setIcon(this._icon);
|
|
|
|
this.actor.connect('style-changed', () => {
|
|
let iconVisible = this.actor.get_parent().has_style_pseudo_class('first-child');
|
|
this._icon.opacity = (iconVisible ? 255 : 0);
|
|
});
|
|
}
|
|
|
|
_formatEventTime() {
|
|
let periodBegin = _getBeginningOfDay(this._date);
|
|
let periodEnd = _getEndOfDay(this._date);
|
|
let allDay = (this._event.allDay || (this._event.date <= periodBegin &&
|
|
this._event.end >= periodEnd));
|
|
let title;
|
|
if (allDay) {
|
|
/* Translators: Shown in calendar event list for all day events
|
|
* Keep it short, best if you can use less then 10 characters
|
|
*/
|
|
title = C_("event list time", "All Day");
|
|
} else {
|
|
let date = this._event.date >= periodBegin ? this._event.date
|
|
: this._event.end;
|
|
title = Util.formatTime(date, { timeOnly: true });
|
|
}
|
|
|
|
let rtl = Clutter.get_default_text_direction() == Clutter.TextDirection.RTL;
|
|
if (this._event.date < periodBegin && !this._event.allDay) {
|
|
if (rtl)
|
|
title = title + ELLIPSIS_CHAR;
|
|
else
|
|
title = ELLIPSIS_CHAR + title;
|
|
}
|
|
if (this._event.end > periodEnd && !this._event.allDay) {
|
|
if (rtl)
|
|
title = ELLIPSIS_CHAR + title;
|
|
else
|
|
title = title + ELLIPSIS_CHAR;
|
|
}
|
|
return title;
|
|
}
|
|
};
|
|
|
|
var NotificationMessage =
|
|
class NotificationMessage extends MessageList.Message {
|
|
constructor(notification) {
|
|
super(notification.title, notification.bannerBodyText);
|
|
this.setUseBodyMarkup(notification.bannerBodyMarkup);
|
|
|
|
this.notification = notification;
|
|
|
|
this.setIcon(this._getIcon());
|
|
|
|
this.connect('close', () => {
|
|
this._closed = true;
|
|
if (this.notification)
|
|
this.notification.destroy(MessageTray.NotificationDestroyedReason.DISMISSED);
|
|
});
|
|
this._destroyId = notification.connect('destroy', () => {
|
|
this._disconnectNotificationSignals();
|
|
this.notification = null;
|
|
if (!this._closed)
|
|
this.close();
|
|
});
|
|
this._updatedId = notification.connect('updated',
|
|
this._onUpdated.bind(this));
|
|
}
|
|
|
|
_getIcon() {
|
|
if (this.notification.gicon)
|
|
return new St.Icon({ gicon: this.notification.gicon,
|
|
icon_size: MESSAGE_ICON_SIZE });
|
|
else
|
|
return this.notification.source.createIcon(MESSAGE_ICON_SIZE);
|
|
}
|
|
|
|
_onUpdated(n, clear) {
|
|
this.setIcon(this._getIcon());
|
|
this.setTitle(n.title);
|
|
this.setBody(n.bannerBodyText);
|
|
this.setUseBodyMarkup(n.bannerBodyMarkup);
|
|
}
|
|
|
|
_onClicked() {
|
|
this.notification.activate();
|
|
}
|
|
|
|
_onDestroy() {
|
|
super._onDestroy();
|
|
this._disconnectNotificationSignals();
|
|
}
|
|
|
|
_disconnectNotificationSignals() {
|
|
if (this._updatedId)
|
|
this.notification.disconnect(this._updatedId);
|
|
this._updatedId = 0;
|
|
|
|
if (this._destroyId)
|
|
this.notification.disconnect(this._destroyId);
|
|
this._destroyId = 0;
|
|
}
|
|
|
|
canClose() {
|
|
return true;
|
|
}
|
|
};
|
|
|
|
var EventsSection = class EventsSection extends MessageList.MessageListSection {
|
|
constructor() {
|
|
super();
|
|
|
|
this._desktopSettings = new Gio.Settings({ schema_id: 'org.gnome.desktop.interface' });
|
|
this._desktopSettings.connect('changed', this._reloadEvents.bind(this));
|
|
this._eventSource = new EmptyEventSource();
|
|
|
|
this._messageById = new Map();
|
|
|
|
this._title = new St.Button({ style_class: 'events-section-title',
|
|
label: '',
|
|
x_align: St.Align.START,
|
|
can_focus: true });
|
|
this.actor.insert_child_below(this._title, null);
|
|
|
|
this._title.connect('clicked', this._onTitleClicked.bind(this));
|
|
this._title.connect('key-focus-in', this._onKeyFocusIn.bind(this));
|
|
|
|
Shell.AppSystem.get_default().connect('installed-changed',
|
|
this._appInstalledChanged.bind(this));
|
|
this._appInstalledChanged();
|
|
}
|
|
|
|
setEventSource(eventSource) {
|
|
this._eventSource = eventSource;
|
|
this._eventSource.connect('changed', this._reloadEvents.bind(this));
|
|
}
|
|
|
|
get allowed() {
|
|
return Main.sessionMode.showCalendarEvents;
|
|
}
|
|
|
|
_updateTitle() {
|
|
this._title.visible = !isToday(this._date);
|
|
|
|
if (!this._title.visible)
|
|
return;
|
|
|
|
let dayFormat;
|
|
let now = new Date();
|
|
if (sameYear(this._date, now))
|
|
/* Translators: Shown on calendar heading when selected day occurs on current year */
|
|
dayFormat = Shell.util_translate_time_string(NC_("calendar heading",
|
|
"%A, %B %-d"));
|
|
else
|
|
/* Translators: Shown on calendar heading when selected day occurs on different year */
|
|
dayFormat = Shell.util_translate_time_string(NC_("calendar heading",
|
|
"%A, %B %-d, %Y"));
|
|
this._title.label = this._date.toLocaleFormat(dayFormat);
|
|
}
|
|
|
|
_reloadEvents() {
|
|
if (this._eventSource.isLoading)
|
|
return;
|
|
|
|
this._reloading = true;
|
|
|
|
let periodBegin = _getBeginningOfDay(this._date);
|
|
let periodEnd = _getEndOfDay(this._date);
|
|
let events = this._eventSource.getEvents(periodBegin, periodEnd);
|
|
|
|
let ids = events.map(e => e.id);
|
|
this._messageById.forEach((message, id) => {
|
|
if (ids.includes(id))
|
|
return;
|
|
this._messageById.delete(id);
|
|
this.removeMessage(message);
|
|
});
|
|
|
|
for (let i = 0; i < events.length; i++) {
|
|
let event = events[i];
|
|
|
|
let message = this._messageById.get(event.id);
|
|
if (!message) {
|
|
message = new EventMessage(event, this._date);
|
|
this._messageById.set(event.id, message);
|
|
this.addMessage(message, false);
|
|
} else {
|
|
this.moveMessage(message, i, false);
|
|
}
|
|
}
|
|
|
|
this._reloading = false;
|
|
this._sync();
|
|
}
|
|
|
|
_appInstalledChanged() {
|
|
this._calendarApp = undefined;
|
|
this._title.reactive = (this._getCalendarApp() != null);
|
|
}
|
|
|
|
_getCalendarApp() {
|
|
if (this._calendarApp !== undefined)
|
|
return this._calendarApp;
|
|
|
|
let apps = Gio.AppInfo.get_recommended_for_type('text/calendar');
|
|
if (apps && (apps.length > 0)) {
|
|
let app = Gio.AppInfo.get_default_for_type('text/calendar', false);
|
|
let defaultInRecommended = apps.some(a => a.equal(app));
|
|
this._calendarApp = defaultInRecommended ? app : apps[0];
|
|
} else {
|
|
this._calendarApp = null;
|
|
}
|
|
return this._calendarApp;
|
|
}
|
|
|
|
_onTitleClicked() {
|
|
Main.overview.hide();
|
|
Main.panel.closeCalendar();
|
|
|
|
let app = this._getCalendarApp();
|
|
if (app.get_id() == 'evolution.desktop')
|
|
app = Gio.DesktopAppInfo.new('evolution-calendar.desktop');
|
|
app.launch([], global.create_app_launch_context(0, -1));
|
|
}
|
|
|
|
setDate(date) {
|
|
super.setDate(date);
|
|
this._updateTitle();
|
|
this._reloadEvents();
|
|
}
|
|
|
|
_shouldShow() {
|
|
return !this.empty || !isToday(this._date);
|
|
}
|
|
|
|
_sync() {
|
|
if (this._reloading)
|
|
return;
|
|
|
|
super._sync();
|
|
}
|
|
};
|
|
|
|
var NotificationSection =
|
|
class NotificationSection extends MessageList.MessageListSection {
|
|
constructor() {
|
|
super();
|
|
|
|
this._sources = new Map();
|
|
this._nUrgent = 0;
|
|
|
|
Main.messageTray.connect('source-added', this._sourceAdded.bind(this));
|
|
Main.messageTray.getSources().forEach(source => {
|
|
this._sourceAdded(Main.messageTray, source);
|
|
});
|
|
|
|
this.actor.connect('notify::mapped', this._onMapped.bind(this));
|
|
}
|
|
|
|
get allowed() {
|
|
return Main.sessionMode.hasNotifications &&
|
|
!Main.sessionMode.isGreeter;
|
|
}
|
|
|
|
_createTimeLabel(datetime) {
|
|
let label = new St.Label({ style_class: 'event-time',
|
|
x_align: Clutter.ActorAlign.START,
|
|
y_align: Clutter.ActorAlign.END });
|
|
label.connect('notify::mapped', () => {
|
|
if (label.mapped)
|
|
label.text = Util.formatTimeSpan(datetime);
|
|
});
|
|
return label;
|
|
}
|
|
|
|
_sourceAdded(tray, source) {
|
|
let obj = {
|
|
destroyId: 0,
|
|
notificationAddedId: 0,
|
|
};
|
|
|
|
obj.destroyId = source.connect('destroy', source => {
|
|
this._onSourceDestroy(source, obj);
|
|
});
|
|
obj.notificationAddedId = source.connect('notification-added',
|
|
this._onNotificationAdded.bind(this));
|
|
|
|
this._sources.set(source, obj);
|
|
}
|
|
|
|
_onNotificationAdded(source, notification) {
|
|
let message = new NotificationMessage(notification);
|
|
message.setSecondaryActor(this._createTimeLabel(notification.datetime));
|
|
|
|
let isUrgent = notification.urgency == MessageTray.Urgency.CRITICAL;
|
|
|
|
let updatedId = notification.connect('updated', () => {
|
|
message.setSecondaryActor(this._createTimeLabel(notification.datetime));
|
|
this.moveMessage(message, isUrgent ? 0 : this._nUrgent, this.actor.mapped);
|
|
});
|
|
let destroyId = notification.connect('destroy', () => {
|
|
notification.disconnect(destroyId);
|
|
notification.disconnect(updatedId);
|
|
if (isUrgent)
|
|
this._nUrgent--;
|
|
});
|
|
|
|
if (isUrgent) {
|
|
// Keep track of urgent notifications to keep them on top
|
|
this._nUrgent++;
|
|
} else if (this.mapped) {
|
|
// Only acknowledge non-urgent notifications in case it
|
|
// has important actions that are inaccessible when not
|
|
// shown as banner
|
|
notification.acknowledged = true;
|
|
}
|
|
|
|
let index = isUrgent ? 0 : this._nUrgent;
|
|
this.addMessageAtIndex(message, index, this.actor.mapped);
|
|
}
|
|
|
|
_onSourceDestroy(source, obj) {
|
|
source.disconnect(obj.destroyId);
|
|
source.disconnect(obj.notificationAddedId);
|
|
|
|
this._sources.delete(source);
|
|
}
|
|
|
|
_onMapped() {
|
|
if (!this.actor.mapped)
|
|
return;
|
|
|
|
for (let message of this._messages.keys())
|
|
if (message.notification.urgency != MessageTray.Urgency.CRITICAL)
|
|
message.notification.acknowledged = true;
|
|
}
|
|
|
|
_shouldShow() {
|
|
return !this.empty && isToday(this._date);
|
|
}
|
|
};
|
|
|
|
var Placeholder = class Placeholder {
|
|
constructor() {
|
|
this.actor = new St.BoxLayout({ style_class: 'message-list-placeholder',
|
|
vertical: true });
|
|
|
|
this._date = new Date();
|
|
|
|
let todayFile = Gio.File.new_for_uri('resource:///org/gnome/shell/theme/no-notifications.svg');
|
|
let otherFile = Gio.File.new_for_uri('resource:///org/gnome/shell/theme/no-events.svg');
|
|
this._todayIcon = new Gio.FileIcon({ file: todayFile });
|
|
this._otherIcon = new Gio.FileIcon({ file: otherFile });
|
|
|
|
this._icon = new St.Icon();
|
|
this.actor.add_actor(this._icon);
|
|
|
|
this._label = new St.Label();
|
|
this.actor.add_actor(this._label);
|
|
|
|
this._sync();
|
|
}
|
|
|
|
setDate(date) {
|
|
if (sameDay(this._date, date))
|
|
return;
|
|
this._date = date;
|
|
this._sync();
|
|
}
|
|
|
|
_sync() {
|
|
let today = isToday(this._date);
|
|
if (today && this._icon.gicon == this._todayIcon)
|
|
return;
|
|
if (!today && this._icon.gicon == this._otherIcon)
|
|
return;
|
|
|
|
if (today) {
|
|
this._icon.gicon = this._todayIcon;
|
|
this._label.text = _("No Notifications");
|
|
} else {
|
|
this._icon.gicon = this._otherIcon;
|
|
this._label.text = _("No Events");
|
|
}
|
|
}
|
|
};
|
|
|
|
var CalendarMessageList = class CalendarMessageList {
|
|
constructor() {
|
|
this.actor = new St.Widget({ style_class: 'message-list',
|
|
layout_manager: new Clutter.BinLayout(),
|
|
x_expand: true, y_expand: true });
|
|
|
|
this._placeholder = new Placeholder();
|
|
this.actor.add_actor(this._placeholder.actor);
|
|
|
|
let box = new St.BoxLayout({ vertical: true,
|
|
x_expand: true, y_expand: true });
|
|
this.actor.add_actor(box);
|
|
|
|
this._scrollView = new St.ScrollView({ style_class: 'vfade',
|
|
overlay_scrollbars: true,
|
|
x_expand: true, y_expand: true,
|
|
x_fill: true, y_fill: true });
|
|
this._scrollView.set_policy(St.PolicyType.NEVER, St.PolicyType.AUTOMATIC);
|
|
box.add_actor(this._scrollView);
|
|
|
|
this._clearButton = new St.Button({ style_class: 'message-list-clear-button button',
|
|
label: _("Clear"),
|
|
can_focus: true });
|
|
this._clearButton.set_x_align(Clutter.ActorAlign.END);
|
|
this._clearButton.connect('clicked', () => {
|
|
let sections = [...this._sections.keys()];
|
|
sections.forEach((s) => { s.clear(); });
|
|
});
|
|
box.add_actor(this._clearButton);
|
|
|
|
this._sectionList = new St.BoxLayout({ style_class: 'message-list-sections',
|
|
vertical: true,
|
|
y_expand: true,
|
|
y_align: Clutter.ActorAlign.START });
|
|
this._scrollView.add_actor(this._sectionList);
|
|
this._sections = new Map();
|
|
|
|
this._mediaSection = new Mpris.MediaSection();
|
|
this._addSection(this._mediaSection);
|
|
|
|
this._notificationSection = new NotificationSection();
|
|
this._addSection(this._notificationSection);
|
|
|
|
this._eventsSection = new EventsSection();
|
|
this._addSection(this._eventsSection);
|
|
|
|
Main.sessionMode.connect('updated', this._sync.bind(this));
|
|
}
|
|
|
|
_addSection(section) {
|
|
let obj = {
|
|
destroyId: 0,
|
|
visibleId: 0,
|
|
emptyChangedId: 0,
|
|
canClearChangedId: 0,
|
|
keyFocusId: 0
|
|
};
|
|
obj.destroyId = section.actor.connect('destroy', () => {
|
|
this._removeSection(section);
|
|
});
|
|
obj.visibleId = section.actor.connect('notify::visible',
|
|
this._sync.bind(this));
|
|
obj.emptyChangedId = section.connect('empty-changed',
|
|
this._sync.bind(this));
|
|
obj.canClearChangedId = section.connect('can-clear-changed',
|
|
this._sync.bind(this));
|
|
obj.keyFocusId = section.connect('key-focus-in',
|
|
this._onKeyFocusIn.bind(this));
|
|
|
|
this._sections.set(section, obj);
|
|
this._sectionList.add_actor(section.actor);
|
|
this._sync();
|
|
}
|
|
|
|
_removeSection(section) {
|
|
let obj = this._sections.get(section);
|
|
section.actor.disconnect(obj.destroyId);
|
|
section.actor.disconnect(obj.visibleId);
|
|
section.disconnect(obj.emptyChangedId);
|
|
section.disconnect(obj.canClearChangedId);
|
|
section.disconnect(obj.keyFocusId);
|
|
|
|
this._sections.delete(section);
|
|
this._sectionList.remove_actor(section.actor);
|
|
this._sync();
|
|
}
|
|
|
|
_onKeyFocusIn(section, actor) {
|
|
Util.ensureActorVisibleInScrollView(this._scrollView, actor);
|
|
}
|
|
|
|
_sync() {
|
|
let sections = [...this._sections.keys()];
|
|
let visible = sections.some(s => s.allowed);
|
|
this.actor.visible = visible;
|
|
if (!visible)
|
|
return;
|
|
|
|
let empty = sections.every(s => s.empty || !s.actor.visible);
|
|
this._placeholder.actor.visible = empty;
|
|
this._clearButton.visible = !empty;
|
|
|
|
let canClear = sections.some(s => s.canClear && s.actor.visible);
|
|
this._clearButton.reactive = canClear;
|
|
}
|
|
|
|
setEventSource(eventSource) {
|
|
this._eventsSection.setEventSource(eventSource);
|
|
}
|
|
|
|
setDate(date) {
|
|
for (let section of this._sections.keys())
|
|
section.setDate(date);
|
|
this._placeholder.setDate(date);
|
|
}
|
|
};
|