// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*- const Atk = imports.gi.Atk; const Clutter = imports.gi.Clutter; const Gio = imports.gi.Gio; const GLib = imports.gi.GLib; const GObject = imports.gi.GObject; const Gtk = imports.gi.Gtk; const Lang = imports.lang; const St = imports.gi.St; const Signals = imports.signals; const Pango = imports.gi.Pango; const Gettext_gtk30 = imports.gettext.domain('gtk30'); const Mainloop = imports.mainloop; const Meta = imports.gi.Meta; const Shell = imports.gi.Shell; const Main = imports.ui.main; const MessageTray = imports.ui.messageTray; const Tweener = imports.ui.tweener; const Util = imports.misc.util; const MSECS_IN_DAY = 24 * 60 * 60 * 1000; const SHOW_WEEKDATE_KEY = 'show-weekdate'; const ELLIPSIS_CHAR = '\u2026'; const MESSAGE_ANIMATION_TIME = 0.1; const DEFAULT_EXPAND_LINES = 6; // alias to prevent xgettext from picking up strings translated in GTK+ const gtk30_ = Gettext_gtk30.gettext; const NC_ = function(context, str) { return context + '\u0004' + str; }; // in org.gnome.desktop.interface const CLOCK_FORMAT_KEY = 'clock-format'; 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 _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.indexOf(date.getDay().toString()) == -1; } 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 _formatEventTime(event, clockFormat, periodBegin, periodEnd) { let ret; let allDay = (event.allDay || (event.date <= periodBegin && event.end >= periodEnd)); if (allDay) { /* Translators: Shown in calendar event list for all day events * Keep it short, best if you can use less then 10 characters */ ret = C_("event list time", "All Day"); } else { let date = event.date >= periodBegin ? event.date : event.end; switch (clockFormat) { case '24h': /* Translators: Shown in calendar event list, if 24h format, \u2236 is a ratio character, similar to : */ ret = date.toLocaleFormat(C_("event list time", "%H\u2236%M")); break; default: /* explicit fall-through */ case '12h': /* Translators: Shown in calendar event list, if 12h format, \u2236 is a ratio character, similar to : and \u2009 is a thin space */ ret = date.toLocaleFormat(C_("event list time", "%l\u2236%M\u2009%p")); break; } } 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]); } function _fixMarkup(text, allowMarkup) { if (allowMarkup) { // Support &, ", ', < and >, escape all other // occurrences of '&'. let _text = text.replace(/&(?!amp;|quot;|apos;|lt;|gt;)/g, '&'); // Support , , and , escape anything else // so it displays as raw markup. _text = _text.replace(/<(?!\/?[biu]>)/g, '<'); try { Pango.parse_markup(_text, -1, ''); return _text; } catch (e) {} } // !allowMarkup, or invalid markup return GLib.markup_escape_text(text, -1); } const URLHighlighter = new Lang.Class({ Name: 'URLHighlighter', _init: function(text, lineWrap, allowMarkup) { if (!text) text = ''; this.actor = new St.Label({ reactive: true, style_class: 'url-highlighter' }); this._linkColor = '#ccccff'; this.actor.connect('style-changed', Lang.bind(this, function() { let [hasColor, color] = this.actor.get_theme_node().lookup_color('link-color', false); if (hasColor) { let linkColor = color.to_string().substr(0, 7); if (linkColor != this._linkColor) { this._linkColor = linkColor; this._highlightUrls(); } } })); this.actor.clutter_text.line_wrap = lineWrap; this.actor.clutter_text.line_wrap_mode = Pango.WrapMode.WORD_CHAR; this.setMarkup(text, allowMarkup); this.actor.connect('button-press-event', Lang.bind(this, function(actor, event) { // Don't try to URL highlight when invisible. // The MessageTray doesn't actually hide us, so // we need to check for paint opacities as well. if (!actor.visible || actor.get_paint_opacity() == 0) return Clutter.EVENT_PROPAGATE; // Keep Notification.actor from seeing this and taking // a pointer grab, which would block our button-release-event // handler, if an URL is clicked return this._findUrlAtPos(event) != -1; })); this.actor.connect('button-release-event', Lang.bind(this, function (actor, event) { if (!actor.visible || actor.get_paint_opacity() == 0) return Clutter.EVENT_PROPAGATE; let urlId = this._findUrlAtPos(event); if (urlId != -1) { let url = this._urls[urlId].url; if (url.indexOf(':') == -1) url = 'http://' + url; Gio.app_info_launch_default_for_uri(url, global.create_app_launch_context(0, -1)); return Clutter.EVENT_STOP; } return Clutter.EVENT_PROPAGATE; })); this.actor.connect('motion-event', Lang.bind(this, function(actor, event) { if (!actor.visible || actor.get_paint_opacity() == 0) return Clutter.EVENT_PROPAGATE; let urlId = this._findUrlAtPos(event); if (urlId != -1 && !this._cursorChanged) { global.screen.set_cursor(Meta.Cursor.POINTING_HAND); this._cursorChanged = true; } else if (urlId == -1) { global.screen.set_cursor(Meta.Cursor.DEFAULT); this._cursorChanged = false; } return Clutter.EVENT_PROPAGATE; })); this.actor.connect('leave-event', Lang.bind(this, function() { if (!this.actor.visible || this.actor.get_paint_opacity() == 0) return Clutter.EVENT_PROPAGATE; if (this._cursorChanged) { this._cursorChanged = false; global.screen.set_cursor(Meta.Cursor.DEFAULT); } return Clutter.EVENT_PROPAGATE; })); }, setMarkup: function(text, allowMarkup) { text = text ? _fixMarkup(text, allowMarkup) : ''; this._text = text; this.actor.clutter_text.set_markup(text); /* clutter_text.text contain text without markup */ this._urls = Util.findUrls(this.actor.clutter_text.text); this._highlightUrls(); }, _highlightUrls: function() { // text here contain markup let urls = Util.findUrls(this._text); let markup = ''; let pos = 0; for (let i = 0; i < urls.length; i++) { let url = urls[i]; let str = this._text.substr(pos, url.pos - pos); markup += str + '' + url.url + ''; pos = url.pos + url.url.length; } markup += this._text.substr(pos); this.actor.clutter_text.set_markup(markup); }, _findUrlAtPos: function(event) { let success; let [x, y] = event.get_coords(); [success, x, y] = this.actor.transform_stage_point(x, y); let find_pos = -1; for (let i = 0; i < this.actor.clutter_text.text.length; i++) { let [success, px, py, line_height] = this.actor.clutter_text.position_to_coords(i); if (py > y || py + line_height < y || x < px) continue; find_pos = i; } if (find_pos != -1) { for (let i = 0; i < this._urls.length; i++) if (find_pos >= this._urls[i].pos && this._urls[i].pos + this._urls[i].url.length > find_pos) return i; } return -1; } }); // Abstraction for an appointment/event in a calendar const CalendarEvent = new Lang.Class({ Name: 'CalendarEvent', _init: function(date, end, summary, allDay) { 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 const EmptyEventSource = new Lang.Class({ Name: 'EmptyEventSource', _init: function() { this.isLoading = false; this.isDummy = true; this.hasCalendars = false; }, destroy: function() { }, requestRange: function(begin, end) { }, getEvents: function(begin, end) { let result = []; return result; }, hasEvents: function(day) { return false; } }); Signals.addSignalMethods(EmptyEventSource.prototype); const CalendarServerIface = ' \ \ \ \ \ \ \ \ \ \ \ '; 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 const DBusEventSource = new Lang.Class({ Name: 'DBusEventSource', _init: function() { this._resetCache(); this.isLoading = false; this.isDummy = false; this._initialized = false; this._dbusProxy = new CalendarServer(); this._dbusProxy.init_async(GLib.PRIORITY_DEFAULT, null, Lang.bind(this, function(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', Lang.bind(this, this._onChanged)); this._dbusProxy.connect('notify::g-name-owner', Lang.bind(this, function() { if (this._dbusProxy.g_name_owner) this._onNameAppeared(); else this._onNameVanished(); })); this._dbusProxy.connect('g-properties-changed', Lang.bind(this, function() { this.emit('notify::has-calendars'); })); this._initialized = loaded; if (loaded) { this.emit('notify::has-calendars'); this._onNameAppeared(); } })); }, destroy: function() { this._dbusProxy.run_dispose(); }, get hasCalendars() { if (this._initialized) return this._dbusProxy.HasCalendars; else return false; }, _resetCache: function() { this._events = []; this._lastRequestBegin = null; this._lastRequestEnd = null; }, _onNameAppeared: function(owner) { this._initialized = true; this._resetCache(); this._loadEvents(true); }, _onNameVanished: function(oldOwner) { this._resetCache(); this.emit('changed'); }, _onChanged: function() { this._loadEvents(false); }, _onEventsReceived: function(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 summary = a[1]; let allDay = a[3]; let event = new CalendarEvent(date, end, summary, allDay); newEvents.push(event); } newEvents.sort(function(event1, event2) { return event1.date.getTime() - event2.date.getTime(); }); } this._events = newEvents; this.isLoading = false; this.emit('changed'); }, _loadEvents: function(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, Lang.bind(this, this._onEventsReceived), Gio.DBusCallFlags.NONE); } }, requestRange: function(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: function(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(function(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: function(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); const Calendar = new Lang.Class({ Name: 'Calendar', _init: function() { this._weekStart = Shell.util_get_week_start(); this._settings = new Gio.Settings({ schema_id: 'org.gnome.shell.calendar' }); this._settings.connect('changed::' + SHOW_WEEKDATE_KEY, Lang.bind(this, this._onSettingsChange)); this._useWeekdate = this._settings.get_boolean(SHOW_WEEKDATE_KEY); // Find the ordering for month/year in the calendar heading this._headerFormatWithoutYear = '%B'; switch (gtk30_('calendar:MY')) { case 'calendar:MY': this._headerFormat = '%B %Y'; break; case 'calendar:YM': this._headerFormat = '%Y %B'; break; default: log('Translation of "calendar:MY" in GTK+ is not correct'); this._headerFormat = '%B %Y'; break; } // 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', Lang.bind(this, this._onScroll)); this._buildHeader (); }, // @eventSource: is an object implementing the EventSource API, e.g. the // requestRange(), getEvents(), hasEvents() methods and the ::changed signal. setEventSource: function(eventSource) { this._eventSource = eventSource; this._eventSource.connect('changed', Lang.bind(this, function() { this._rebuildCalendar(); this._update(); })); this._rebuildCalendar(); this._update(); }, // Sets the calendar to show a specific date setDate: function(date) { if (_sameDay(date, this._selectedDate)) return; this._selectedDate = date; this._update(); this.emit('selected-date-changed', new Date(this._selectedDate)); }, _buildHeader: function() { 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._topBox.add(this._backButton); this._backButton.connect('clicked', Lang.bind(this, this._onPrevMonthButtonClicked)); 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._topBox.add(this._forwardButton); this._forwardButton.connect('clicked', Lang.bind(this, this._onNextMonthButtonClicked)); // 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 }); 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 : function(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: function() { 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: function() { 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: function() { this._useWeekdate = this._settings.get_boolean(SHOW_WEEKDATE_KEY); this._buildHeader(); this._rebuildCalendar(); this._update(); }, _rebuildCalendar: function() { 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) { let button = new St.Button({ label: iter.getDate().toString(), 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', Lang.bind(this, function() { 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'}); 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: function() { 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(Lang.bind(this, function(button) { if (_sameDay(button._date, this._selectedDate)) { button.add_style_pseudo_class('active'); if (this._shouldDateGrabFocus) button.grab_key_focus(); } else button.remove_style_pseudo_class('active'); })); } }); Signals.addSignalMethods(Calendar.prototype); const ScaleLayout = new Lang.Class({ Name: 'ScaleLayout', Extends: Clutter.BinLayout, _connectContainer: function(container) { if (this._container == container) return; if (this._container) for (let id of this._signals) this._container.disconnect(id); this._container = container; this._signals = []; if (this._container) for (let signal of ['notify::scale-x', 'notify::scale-y']) { let id = this._container.connect(signal, Lang.bind(this, function() { this.layout_changed(); })); this._signals.push(id); } }, vfunc_get_preferred_width: function(container, forHeight) { this._connectContainer(container); let [min, nat] = this.parent(container, forHeight); return [Math.floor(min * container.scale_x), Math.floor(nat * container.scale_x)]; }, vfunc_get_preferred_height: function(container, forWidth) { this._connectContainer(container); let [min, nat] = this.parent(container, forWidth); return [Math.floor(min * container.scale_y), Math.floor(nat * container.scale_y)]; } }); const LabelExpanderLayout = new Lang.Class({ Name: 'LabelExpanderLayout', Extends: Clutter.LayoutManager, Properties: { 'expansion': GObject.ParamSpec.double('expansion', 'Expansion', 'Expansion of the layout, between 0 (collapsed) ' + 'and 1 (fully expanded', GObject.ParamFlags.READABLE | GObject.ParamFlags.WRITABLE, 0, 1, 0)}, _init: function(params) { this._expansion = 0; this._expandLines = DEFAULT_EXPAND_LINES; this.parent(params); }, get expansion() { return this._expansion; }, set expansion(v) { if (v == this._expansion) return; this._expansion = v; this.notify('expansion'); let visibleIndex = this._expansion > 0 ? 1 : 0; for (let i = 0; this._container && i < this._container.get_n_children(); i++) this._container.get_child_at_index(i).visible = (i == visibleIndex); this.layout_changed(); }, set expandLines(v) { if (v == this._expandLines) return; this._expandLines = v; if (this._expansion > 0) this.layout_changed(); }, vfunc_set_container: function(container) { this._container = container; }, vfunc_get_preferred_width: function(container, forHeight) { let [min, nat] = [0, 0]; for (let i = 0; i < container.get_n_children(); i++) { if (i > 1) break; // we support one unexpanded + one expanded child let child = container.get_child_at_index(i); let [childMin, childNat] = child.get_preferred_width(forHeight); [min, nat] = [Math.max(min, childMin), Math.max(nat, childNat)]; } return [min, nat]; }, vfunc_get_preferred_height: function(container, forWidth) { let [min, nat] = [0, 0]; let children = container.get_children(); if (children[0]) [min, nat] = children[0].get_preferred_height(forWidth); if (children[1]) { let [min2, nat2] = children[1].get_preferred_height(forWidth); let [expMin, expNat] = [Math.min(min2, min * this._expandLines), Math.min(nat2, nat * this._expandLines)]; [min, nat] = [min + this._expansion * (expMin - min), nat + this._expansion * (expNat - nat)]; } return [min, nat]; }, vfunc_allocate: function(container, box, flags) { for (let i = 0; i < container.get_n_children(); i++) { let child = container.get_child_at_index(i); if (child.visible) child.allocate(box, flags); } } }); const Message = new Lang.Class({ Name: 'Message', _init: function(title, body) { this.expanded = false; this.actor = new St.Button({ style_class: 'message', accessible_role: Atk.Role.NOTIFICATION, can_focus: true, x_expand: true, x_fill: true }); this.actor.connect('key-press-event', Lang.bind(this, this._onKeyPressed)); let vbox = new St.BoxLayout({ vertical: true }); this.actor.set_child(vbox); let hbox = new St.BoxLayout(); vbox.add_actor(hbox); this._actionBin = new St.Widget({ layout_manager: new ScaleLayout(), visible: false }); vbox.add_actor(this._actionBin); this._iconBin = new St.Bin({ style_class: 'message-icon-bin', y_expand: true, visible: false }); this._iconBin.set_y_align(Clutter.ActorAlign.START); hbox.add_actor(this._iconBin); let contentBox = new St.BoxLayout({ style_class: 'message-content', vertical: true, x_expand: true }); hbox.add_actor(contentBox); let titleBox = new St.BoxLayout(); contentBox.add_actor(titleBox); this.titleLabel = new St.Label({ style_class: 'message-title', x_expand: true, x_align: Clutter.ActorAlign.START }); this.setTitle(title); titleBox.add_actor(this.titleLabel); this._secondaryBin = new St.Bin({ style_class: 'message-secondary-bin' }); titleBox.add_actor(this._secondaryBin); let closeIcon = new St.Icon({ icon_name: 'window-close-symbolic', icon_size: 16 }); this._closeButton = new St.Button({ child: closeIcon, visible: false }); titleBox.add_actor(this._closeButton); this._bodyStack = new St.Widget({ x_expand: true, x_align: Clutter.ActorAlign.START }); this._bodyStack.layout_manager = new LabelExpanderLayout(); contentBox.add_actor(this._bodyStack); this.bodyLabel = new URLHighlighter('', false, this._useBodyMarkup); this.bodyLabel.actor.add_style_class_name('message-body'); this._bodyStack.add_actor(this.bodyLabel.actor); this.setBody(body); this._closeButton.connect('clicked', Lang.bind(this, function() { this.emit('close'); })); this.actor.connect('notify::hover', Lang.bind(this, this._sync)); this.actor.connect('clicked', Lang.bind(this, this._onClicked)); this.actor.connect('destroy', Lang.bind(this, this._onDestroy)); this._sync(); }, setIcon: function(actor) { this._iconBin.child = actor; this._iconBin.visible = (actor != null); }, setSecondaryActor: function(actor) { this._secondaryBin.child = actor; }, setTitle: function(text) { let title = text ? _fixMarkup(text.replace(/\n/g, ' '), false) : ''; this.titleLabel.clutter_text.set_markup(title); }, setBody: function(text) { this._bodyText = text; this.bodyLabel.setMarkup(text, this._useBodyMarkup); }, setUseBodyMarkup: function(enable) { if (this._useBodyMarkup === enable) return; this._useBodyMarkup = enable; if (this.bodyLabel) this.setBody(this._bodyText); }, setActionArea: function(actor) { if (actor == null) { if (this._actionBin.get_n_children() > 0) this._actionBin.get_child_at_index(0).destroy(); return; } if (this._actionBin.get_n_children() > 0) throw new Error('Message already has an action area'); this._actionBin.add_actor(actor); this._actionBin.visible = this.expanded; }, setExpandedBody: function(actor) { if (actor == null) { if (this._bodyStack.get_n_children() > 1) this._bodyStack.get_child_at_index(1).destroy(); return; } if (this._bodyStack.get_n_children() > 1) throw new Error('Message already has an expanded body actor'); this._bodyStack.insert_child_at_index(actor, 1); }, setExpandedLines: function(nLines) { this._bodyStack.layout_manager.expandLines = nLines; }, expand: function(animate) { this.expanded = true; this._actionBin.visible = (this._actionBin.get_n_children() > 0); if (this._bodyStack.get_n_children() < 2) { let expandedLabel = new URLHighlighter(this._bodyText, true, this._useBodyMarkup); this.setExpandedBody(expandedLabel.actor); } if (animate) { Tweener.addTween(this._bodyStack.layout_manager, { expansion: 1, time: MessageTray.ANIMATION_TIME, transition: 'easeOutQuad' }); this._actionBin.scale_y = 0; Tweener.addTween(this._actionBin, { scale_y: 1, time: MessageTray.ANIMATION_TIME, transition: 'easeOutQuad' }); } else { this._bodyStack.layout_manager.expansion = 1; this._actionBin.scale_y = 1; } }, unexpand: function(animate) { if (animate) { Tweener.addTween(this._bodyStack.layout_manager, { expansion: 0, time: MessageTray.ANIMATION_TIME, transition: 'easeOutQuad' }); Tweener.addTween(this._actionBin, { scale_y: 0, time: MessageTray.ANIMATION_TIME, transition: 'easeOutQuad', onCompleteScope: this, onComplete: function() { this._actionBin.hide(); this.expanded = false; }}); } else { this._bodyStack.layout_manager.expansion = 0; this._actionBin.scale_y = 0; this.expanded = false; } }, canClear: function() { return true; }, _sync: function() { let hovered = this.actor.hover; this._closeButton.visible = hovered; this._secondaryBin.visible = !hovered; }, _onClicked: function() { }, _onDestroy: function() { }, _onKeyPressed: function(a, event) { let keysym = event.get_key_symbol(); if (keysym == Clutter.KEY_Delete || keysym == Clutter.KEY_KP_Delete) { this.emit('close'); return Clutter.EVENT_STOP; } return Clutter.EVENT_PROPAGATE; } }); Signals.addSignalMethods(Message.prototype); const NotificationMessage = new Lang.Class({ Name: 'NotificationMessage', Extends: Message, _init: function(notification) { this.notification = notification; this.setUseBodyMarkup(notification.bannerBodyMarkup); this.parent(notification.title, notification.bannerBodyText); this.setIcon(this._getIcon()); this.connect('close', Lang.bind(this, function() { this._closed = true; this.notification.destroy(MessageTray.NotificationDestroyedReason.DISMISSED); })); notification.connect('destroy', Lang.bind(this, function() { if (!this._closed) this.emit('close'); })); this._updatedId = notification.connect('updated', Lang.bind(this, this._onUpdated)); }, _getIcon: function() { if (this.notification.gicon) return new St.Icon({ gicon: this.notification.gicon, icon_size: 48 }); else return this.notification.source.createIcon(48); }, _onUpdated: function(n, clear) { this.setIcon(this._getIcon()); this.setTitle(n.title); this.setBody(n.bannerBodyText); this.setUseBodyMarkup(n.bannerBodyMarkup); }, canClear: function() { return !this.notification.resident; }, _onClicked: function() { this.notification.activate(); }, _onDestroy: function() { if (this._updatedId) this.notification.disconnect(this._updatedId); this._updatedId = 0; } }); const MessageListSection = new Lang.Class({ Name: 'MessageListSection', _init: function(title) { this.actor = new St.BoxLayout({ style_class: 'message-list-section', clip_to_allocation: true, x_expand: true, vertical: true }); let titleBox = new St.BoxLayout({ style_class: 'message-list-section-title-box' }); this.actor.add_actor(titleBox); this._title = new St.Button({ style_class: 'message-list-section-title', label: title, can_focus: true, x_expand: true, x_align: St.Align.START }); titleBox.add_actor(this._title); this._title.connect('clicked', Lang.bind(this, this._onTitleClicked)); this._title.connect('key-focus-in', Lang.bind(this, this._onKeyFocusIn)); let closeIcon = new St.Icon({ icon_name: 'window-close-symbolic' }); this._closeButton = new St.Button({ style_class: 'message-list-section-close', child: closeIcon, accessible_name: _("Clear section"), can_focus: true }); this._closeButton.set_x_align(Clutter.ActorAlign.END); titleBox.add_actor(this._closeButton); this._closeButton.connect('clicked', Lang.bind(this, this.clear)); this._list = new St.BoxLayout({ style_class: 'message-list-section-list', vertical: true }); this.actor.add_actor(this._list); this._list.connect('actor-added', Lang.bind(this, this._sync)); this._list.connect('actor-removed', Lang.bind(this, this._sync)); this._messages = new Map(); this._date = new Date(); this.empty = true; this._sync(); }, _onTitleClicked: function() { Main.overview.hide(); Main.panel.closeCalendar(); }, _onKeyFocusIn: function(actor) { this.emit('key-focus-in', actor); }, setDate: function(date) { if (_sameDay(date, this._date)) return; this._date = date; this._sync(); }, addMessage: function(message, animate) { this.addMessageAtIndex(message, 0, animate); }, addMessageAtIndex: function(message, index, animate) { let obj = { container: null, destroyId: 0, keyFocusId: 0, closeId: 0 }; let pivot = new Clutter.Point({ x: .5, y: .5 }); let scale = animate ? 0 : 1; obj.container = new St.Widget({ layout_manager: new ScaleLayout(), pivot_point: pivot, scale_x: scale, scale_y: scale }); obj.keyFocusId = message.actor.connect('key-focus-in', Lang.bind(this, this._onKeyFocusIn)); obj.destroyId = message.actor.connect('destroy', Lang.bind(this, function() { this.removeMessage(message, false); })); obj.closeId = message.connect('close', Lang.bind(this, function() { this.removeMessage(message, true); })); this._messages.set(message, obj); obj.container.add_actor(message.actor); this._list.insert_child_at_index(obj.container, index); if (animate) Tweener.addTween(obj.container, { scale_x: 1, scale_y: 1, time: MESSAGE_ANIMATION_TIME, transition: 'easeOutQuad' }); }, removeMessage: function(message, animate) { let obj = this._messages.get(message); message.actor.disconnect(obj.destroyId); message.actor.disconnect(obj.keyFocusId); message.disconnect(obj.closeId); this._messages.delete(message); if (animate) Tweener.addTween(obj.container, { scale_x: 0, scale_y: 0, time: MESSAGE_ANIMATION_TIME, transition: 'easeOutQuad', onComplete: function() { obj.container.destroy(); }}); else obj.container.destroy(); }, clear: function() { let messages = [...this._messages.keys()].filter(function(message) { return message.canClear(); }); // If there are few messages, letting them all zoom out looks OK if (messages.length < 2) { messages.forEach(Lang.bind(this, function(message) { this.removeMessage(message, true); })); } else { // Otherwise we slide them out one by one, and then zoom them // out "off-screen" in the end to smoothly shrink the parent let delay = MESSAGE_ANIMATION_TIME / Math.max(messages.length, 5); for (let i = 0; i < messages.length; i++) { let message = messages[i]; let obj = this._messages.get(message); Tweener.addTween(obj.container, { anchor_x: this._list.width, opacity: 0, time: MESSAGE_ANIMATION_TIME, delay: i * delay, transition: 'easeOutQuad', onComplete: Lang.bind(this, function() { this.removeMessage(message, true); })}); } } }, _canClear: function() { for (let message of this._messages.keys()) if (message.canClear()) return true; return false; }, _isToday: function() { let today = new Date(); return _sameDay(this._date, today); }, _syncVisible: function() { this.actor.visible = !this.empty; }, _sync: function() { let empty = this._list.get_n_children() == 0; let changed = this.empty !== empty; this.empty = empty; if (changed) this.emit('empty-changed'); this._closeButton.visible = this._canClear(); this._syncVisible(); } }); Signals.addSignalMethods(MessageListSection.prototype); const EventsSection = new Lang.Class({ Name: 'EventsSection', Extends: MessageListSection, _init: function() { this._desktopSettings = new Gio.Settings({ schema_id: 'org.gnome.desktop.interface' }); this._desktopSettings.connect('changed', Lang.bind(this, this._reloadEvents)); this._eventSource = new EmptyEventSource(); this.parent(''); Shell.AppSystem.get_default().connect('installed-changed', Lang.bind(this, this._appInstalledChanged)); this._appInstalledChanged(); }, setEventSource: function(eventSource) { this._eventSource = eventSource; this._eventSource.connect('changed', Lang.bind(this, this._reloadEvents)); }, _updateTitle: function() { let now = new Date(); if (_sameDay(this._date, now)) { this._title.label = _("Events"); return; } let dayFormat; 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: function() { if (this._eventSource.isLoading) return; this._reloading = true; this._list.destroy_all_children(); let periodBegin = _getBeginningOfDay(this._date); let periodEnd = _getEndOfDay(this._date); let events = this._eventSource.getEvents(periodBegin, periodEnd); let clockFormat = this._desktopSettings.get_string(CLOCK_FORMAT_KEY); for (let i = 0; i < events.length; i++) { let event = events[i]; let title = _formatEventTime(event, clockFormat, periodBegin, periodEnd); let rtl = this.actor.get_text_direction() == Clutter.TextDirection.RTL; if (event.date < periodBegin && !event.allDay) { if (rtl) title = title + ELLIPSIS_CHAR; else title = ELLIPSIS_CHAR + title; } if (event.end > periodEnd && !event.allDay) { if (rtl) title = ELLIPSIS_CHAR + title; else title = title + ELLIPSIS_CHAR; } this.addMessage(new Message(title, event.summary), false); } this._reloading = false; this._sync(); }, _appInstalledChanged: function() { this._calendarApp = undefined; this._title.reactive = (this._getCalendarApp() != null); }, _getCalendarApp: function() { 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(function(a) { return a.equal(app); }); this._calendarApp = defaultInRecommended ? app : apps[0]; } else { this._calendarApp = null; } return this._calendarApp; }, _onTitleClicked: function() { this.parent(); 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: function(date) { this.parent(date); this._updateTitle(); this._reloadEvents(); }, _syncVisible: function() { this.actor.visible = !this.empty || !this._isToday(); }, _sync: function() { if (this._reloading) return; this.parent(); } }); const NotificationSection = new Lang.Class({ Name: 'NotificationSection', Extends: MessageListSection, _init: function() { this.parent(_("Notifications")); this._sources = new Map(); this._nUrgent = 0; Main.messageTray.connect('source-added', Lang.bind(this, this._sourceAdded)); Main.messageTray.getSources().forEach(Lang.bind(this, function(source) { this._sourceAdded(Main.messageTray, source); })); this.actor.connect('notify::mapped', Lang.bind(this, this._onMapped)); Main.sessionMode.connect('updated', Lang.bind(this, this._sessionUpdated)); this._sessionUpdated(); }, _sourceAdded: function(tray, source) { let obj = { destroyId: 0, notificationAddedId: 0, }; obj.destroyId = source.connect('destroy', Lang.bind(this, function(source) { this._onSourceDestroy(source, obj); })); obj.notificationAddedId = source.connect('notification-added', Lang.bind(this, this._onNotificationAdded)); this._sources.set(source, obj); }, _onNotificationAdded: function(source, notification) { let message = new NotificationMessage(notification); let time = new Date().toLocaleFormat(C_("event list time", "%H\u2236%M")); message.setSecondaryActor(new St.Label({ style_class: 'event-time', x_align: Clutter.ActorAlign.END, text: time })); let isUrgent = notification.urgency == MessageTray.Urgency.CRITICAL; if (isUrgent) { // Keep track of urgent notifications to keep them on top this._nUrgent++; let id = notification.connect('destroy', Lang.bind(this, function() { notification.disconnect(id); 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: function(source, obj) { source.disconnect(obj.destroyId); source.disconnect(obj.notificationAddedId); this._sources.delete(source); }, _onMapped: function() { if (!this.actor.mapped) return; for (let message of this._messages.keys()) if (message.notification.urgency != MessageTray.Urgency.CRITICAL) message.notification.acknowledged = true; }, _onTitleClicked: function() { this.parent(); let app = Shell.AppSystem.get_default().lookup_app('gnome-notifications-panel.desktop'); if (!app) { log('Settings panel for desktop file ' + desktopFile + ' could not be loaded!'); return; } app.activate(); }, _syncVisible: function() { this.actor.visible = !this.empty && this._isToday(); }, _sessionUpdated: function() { this._title.reactive = Main.sessionMode.allowSettings; } }); const Placeholder = new Lang.Class({ Name: 'Placeholder', _init: function() { 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: function(date) { if (_sameDay(this._date, date)) return; this._date = date; this._sync(); }, _sync: function() { let isToday = _sameDay(this._date, new Date()); if (isToday && this._icon.gicon == this._todayIcon) return; if (!isToday && this._icon.gicon == this._otherIcon) return; if (isToday) { this._icon.gicon = this._todayIcon; this._label.text = _("No Notifications"); } else { this._icon.gicon = this._otherIcon; this._label.text = _("No Events"); } } }); const MessageList = new Lang.Class({ Name: 'MessageList', _init: function() { 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); 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(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC); this.actor.add_actor(this._scrollView); 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._notificationSection = new NotificationSection(); this._addSection(this._notificationSection); this._eventsSection = new EventsSection(); this._addSection(this._eventsSection); }, _addSection: function(section) { let obj = { destroyId: 0, visibleId: 0, emptyChangedId: 0, keyFocusId: 0 }; obj.destroyId = section.actor.connect('destroy', Lang.bind(this, function() { this._removeSection(section); })); obj.visibleId = section.actor.connect('notify::visible', Lang.bind(this, this._sync)); obj.emptyChangedId = section.connect('empty-changed', Lang.bind(this, this._sync)); obj.keyFocusId = section.connect('key-focus-in', Lang.bind(this, this._onKeyFocusIn)); this._sections.set(section, obj); this._sectionList.add_actor(section.actor); this._sync(); }, _removeSection: function(section) { let obj = this._sections.get(section); section.actor.disconnect(obj.destroyId); section.actor.disconnect(obj.visibleId); section.disconnect(obj.emptyChangedId); section.disconnect(obj.keyFocusId); this._sections.delete(section); this._sectionList.remove_actor(section.actor); this._sync(); }, _onKeyFocusIn: function(section, actor) { Util.ensureActorVisibleInScrollView(this._scrollView, actor); }, _sync: function() { let showPlaceholder = [...this._sections.keys()].every(function(s) { return s.empty || !s.actor.visible; }); this._placeholder.actor.visible = showPlaceholder; }, setEventSource: function(eventSource) { this._eventsSection.setEventSource(eventSource); }, setDate: function(date) { for (let section of this._sections.keys()) section.setDate(date); this._placeholder.setDate(date); } });