880b240ecb
The message indicator conveys that the message list contains unseen messages that will not be shown as banner. So its visibility depends on two factors: the number of unseen messages, and the number of messages waiting in the queue to be shown as banner. As we currently only update the visibility on changes to the former, the indicator is not always accurate - for instance sources notify count changes before passing on a notification to the message tray for display. To fix, add a signal to the message tray to notify when the queue changes and use it to update the indicator's visibility. https://bugzilla.gnome.org/show_bug.cgi?id=744880
2099 lines
77 KiB
JavaScript
2099 lines
77 KiB
JavaScript
// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-
|
|
|
|
const Clutter = imports.gi.Clutter;
|
|
const GLib = imports.gi.GLib;
|
|
const Gio = imports.gi.Gio;
|
|
const Gtk = imports.gi.Gtk;
|
|
const Atk = imports.gi.Atk;
|
|
const Lang = imports.lang;
|
|
const Mainloop = imports.mainloop;
|
|
const Meta = imports.gi.Meta;
|
|
const Pango = imports.gi.Pango;
|
|
const Shell = imports.gi.Shell;
|
|
const Signals = imports.signals;
|
|
const St = imports.gi.St;
|
|
|
|
const Calendar = imports.ui.calendar;
|
|
const GnomeSession = imports.misc.gnomeSession;
|
|
const Main = imports.ui.main;
|
|
const Params = imports.misc.params;
|
|
const Tweener = imports.ui.tweener;
|
|
const Util = imports.misc.util;
|
|
|
|
const SHELL_KEYBINDINGS_SCHEMA = 'org.gnome.shell.keybindings';
|
|
|
|
const ANIMATION_TIME = 0.2;
|
|
const NOTIFICATION_TIMEOUT = 4;
|
|
|
|
const HIDE_TIMEOUT = 0.2;
|
|
const LONGER_HIDE_TIMEOUT = 0.6;
|
|
|
|
const MAX_NOTIFICATIONS_IN_QUEUE = 3;
|
|
const MAX_NOTIFICATIONS_PER_SOURCE = 3;
|
|
const MAX_NOTIFICATION_BUTTONS = 3;
|
|
|
|
// We delay hiding of the tray if the mouse is within MOUSE_LEFT_ACTOR_THRESHOLD
|
|
// range from the point where it left the tray.
|
|
const MOUSE_LEFT_ACTOR_THRESHOLD = 20;
|
|
|
|
const IDLE_TIME = 1000;
|
|
|
|
const State = {
|
|
HIDDEN: 0,
|
|
SHOWING: 1,
|
|
SHOWN: 2,
|
|
HIDING: 3
|
|
};
|
|
|
|
// These reasons are useful when we destroy the notifications received through
|
|
// the notification daemon. We use EXPIRED for notifications that we dismiss
|
|
// and the user did not interact with, DISMISSED for all other notifications
|
|
// that were destroyed as a result of a user action, and SOURCE_CLOSED for the
|
|
// notifications that were requested to be destroyed by the associated source.
|
|
const NotificationDestroyedReason = {
|
|
EXPIRED: 1,
|
|
DISMISSED: 2,
|
|
SOURCE_CLOSED: 3
|
|
};
|
|
|
|
// Message tray has its custom Urgency enumeration. LOW, NORMAL and CRITICAL
|
|
// urgency values map to the corresponding values for the notifications received
|
|
// through the notification daemon. HIGH urgency value is used for chats received
|
|
// through the Telepathy client.
|
|
const Urgency = {
|
|
LOW: 0,
|
|
NORMAL: 1,
|
|
HIGH: 2,
|
|
CRITICAL: 3
|
|
};
|
|
|
|
function _fixMarkup(text, allowMarkup) {
|
|
if (allowMarkup) {
|
|
// Support &, ", ', < and >, escape all other
|
|
// occurrences of '&'.
|
|
let _text = text.replace(/&(?!amp;|quot;|apos;|lt;|gt;)/g, '&');
|
|
|
|
// Support <b>, <i>, and <u>, 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 FocusGrabber = new Lang.Class({
|
|
Name: 'FocusGrabber',
|
|
|
|
_init: function(actor) {
|
|
this._actor = actor;
|
|
this._prevKeyFocusActor = null;
|
|
this._focusActorChangedId = 0;
|
|
this._focused = false;
|
|
},
|
|
|
|
grabFocus: function() {
|
|
if (this._focused)
|
|
return;
|
|
|
|
this._prevKeyFocusActor = global.stage.get_key_focus();
|
|
|
|
this._focusActorChangedId = global.stage.connect('notify::key-focus', Lang.bind(this, this._focusActorChanged));
|
|
|
|
if (!this._actor.navigate_focus(null, Gtk.DirectionType.TAB_FORWARD, false))
|
|
this._actor.grab_key_focus();
|
|
|
|
this._focused = true;
|
|
},
|
|
|
|
_focusUngrabbed: function() {
|
|
if (!this._focused)
|
|
return false;
|
|
|
|
if (this._focusActorChangedId > 0) {
|
|
global.stage.disconnect(this._focusActorChangedId);
|
|
this._focusActorChangedId = 0;
|
|
}
|
|
|
|
this._focused = false;
|
|
return true;
|
|
},
|
|
|
|
_focusActorChanged: function() {
|
|
let focusedActor = global.stage.get_key_focus();
|
|
if (!focusedActor || !this._actor.contains(focusedActor))
|
|
this._focusUngrabbed();
|
|
},
|
|
|
|
ungrabFocus: function() {
|
|
if (!this._focusUngrabbed())
|
|
return;
|
|
|
|
if (this._prevKeyFocusActor) {
|
|
global.stage.set_key_focus(this._prevKeyFocusActor);
|
|
this._prevKeyFocusActor = null;
|
|
} else {
|
|
let focusedActor = global.stage.get_key_focus();
|
|
if (focusedActor && this._actor.contains(focusedActor))
|
|
global.stage.set_key_focus(null);
|
|
}
|
|
}
|
|
});
|
|
|
|
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();
|
|
}
|
|
}
|
|
}));
|
|
if (lineWrap) {
|
|
this.actor.clutter_text.line_wrap = true;
|
|
this.actor.clutter_text.line_wrap_mode = Pango.WrapMode.WORD_CHAR;
|
|
this.actor.clutter_text.ellipsize = Pango.EllipsizeMode.NONE;
|
|
}
|
|
|
|
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 + '<span foreground="' + this._linkColor + '"><u>' + url.url + '</u></span>';
|
|
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;
|
|
}
|
|
});
|
|
|
|
// NotificationPolicy:
|
|
// An object that holds all bits of configurable policy related to a notification
|
|
// source, such as whether to play sound or honour the critical bit.
|
|
//
|
|
// A notification without a policy object will inherit the default one.
|
|
const NotificationPolicy = new Lang.Class({
|
|
Name: 'NotificationPolicy',
|
|
|
|
_init: function(params) {
|
|
params = Params.parse(params, { enable: true,
|
|
enableSound: true,
|
|
showBanners: true,
|
|
forceExpanded: false,
|
|
showInLockScreen: true,
|
|
detailsInLockScreen: false
|
|
});
|
|
Lang.copyProperties(params, this);
|
|
},
|
|
|
|
// Do nothing for the default policy. These methods are only useful for the
|
|
// GSettings policy.
|
|
store: function() { },
|
|
destroy: function() { }
|
|
});
|
|
Signals.addSignalMethods(NotificationPolicy.prototype);
|
|
|
|
const NotificationGenericPolicy = new Lang.Class({
|
|
Name: 'NotificationGenericPolicy',
|
|
Extends: NotificationPolicy,
|
|
|
|
_init: function() {
|
|
// Don't chain to parent, it would try setting
|
|
// our properties to the defaults
|
|
|
|
this.id = 'generic';
|
|
|
|
this._masterSettings = new Gio.Settings({ schema_id: 'org.gnome.desktop.notifications' });
|
|
this._masterSettings.connect('changed', Lang.bind(this, this._changed));
|
|
},
|
|
|
|
store: function() { },
|
|
|
|
destroy: function() {
|
|
this._masterSettings.run_dispose();
|
|
},
|
|
|
|
_changed: function(settings, key) {
|
|
this.emit('policy-changed', key);
|
|
},
|
|
|
|
get enable() {
|
|
return true;
|
|
},
|
|
|
|
get enableSound() {
|
|
return true;
|
|
},
|
|
|
|
get showBanners() {
|
|
return this._masterSettings.get_boolean('show-banners');
|
|
},
|
|
|
|
get forceExpanded() {
|
|
return false;
|
|
},
|
|
|
|
get showInLockScreen() {
|
|
return this._masterSettings.get_boolean('show-in-lock-screen');
|
|
},
|
|
|
|
get detailsInLockScreen() {
|
|
return false;
|
|
}
|
|
});
|
|
|
|
const NotificationApplicationPolicy = new Lang.Class({
|
|
Name: 'NotificationApplicationPolicy',
|
|
Extends: NotificationPolicy,
|
|
|
|
_init: function(id) {
|
|
// Don't chain to parent, it would try setting
|
|
// our properties to the defaults
|
|
|
|
this.id = id;
|
|
this._canonicalId = this._canonicalizeId(id);
|
|
|
|
this._masterSettings = new Gio.Settings({ schema_id: 'org.gnome.desktop.notifications' });
|
|
this._settings = new Gio.Settings({ schema_id: 'org.gnome.desktop.notifications.application',
|
|
path: '/org/gnome/desktop/notifications/application/' + this._canonicalId + '/' });
|
|
|
|
this._masterSettings.connect('changed', Lang.bind(this, this._changed));
|
|
this._settings.connect('changed', Lang.bind(this, this._changed));
|
|
},
|
|
|
|
store: function() {
|
|
this._settings.set_string('application-id', this.id + '.desktop');
|
|
|
|
let apps = this._masterSettings.get_strv('application-children');
|
|
if (apps.indexOf(this._canonicalId) < 0) {
|
|
apps.push(this._canonicalId);
|
|
this._masterSettings.set_strv('application-children', apps);
|
|
}
|
|
},
|
|
|
|
destroy: function() {
|
|
this._masterSettings.run_dispose();
|
|
this._settings.run_dispose();
|
|
},
|
|
|
|
_changed: function(settings, key) {
|
|
this.emit('policy-changed', key);
|
|
},
|
|
|
|
_canonicalizeId: function(id) {
|
|
// Keys are restricted to lowercase alphanumeric characters and dash,
|
|
// and two dashes cannot be in succession
|
|
return id.toLowerCase().replace(/[^a-z0-9\-]/g, '-').replace(/--+/g, '-');
|
|
},
|
|
|
|
get enable() {
|
|
return this._settings.get_boolean('enable');
|
|
},
|
|
|
|
get enableSound() {
|
|
return this._settings.get_boolean('enable-sound-alerts');
|
|
},
|
|
|
|
get showBanners() {
|
|
return this._masterSettings.get_boolean('show-banners') &&
|
|
this._settings.get_boolean('show-banners');
|
|
},
|
|
|
|
get forceExpanded() {
|
|
return this._settings.get_boolean('force-expanded');
|
|
},
|
|
|
|
get showInLockScreen() {
|
|
return this._masterSettings.get_boolean('show-in-lock-screen') &&
|
|
this._settings.get_boolean('show-in-lock-screen');
|
|
},
|
|
|
|
get detailsInLockScreen() {
|
|
return this._settings.get_boolean('details-in-lock-screen');
|
|
}
|
|
});
|
|
|
|
// Notification:
|
|
// @source: the notification's Source
|
|
// @title: the title
|
|
// @banner: the banner text
|
|
// @params: optional additional params
|
|
//
|
|
// Creates a notification. In the banner mode, the notification
|
|
// will show an icon, @title (in bold) and @banner, all on a single
|
|
// line (with @banner ellipsized if necessary).
|
|
//
|
|
// The notification will be expandable if either it has additional
|
|
// elements that were added to it or if the @banner text did not
|
|
// fit fully in the banner mode. When the notification is expanded,
|
|
// the @banner text from the top line is always removed. The complete
|
|
// @banner text is added as the first element in the content section,
|
|
// unless 'customContent' parameter with the value 'true' is specified
|
|
// in @params.
|
|
//
|
|
// Additional notification content can be added with addActor() and
|
|
// addBody() methods. The notification content is put inside a
|
|
// scrollview, so if it gets too tall, the notification will scroll
|
|
// rather than continue to grow. In addition to this main content
|
|
// area, there is also a single-row action area, which is not
|
|
// scrolled and can contain a single actor. The action area can
|
|
// be set by calling setActionArea() method. There is also a
|
|
// convenience method addButton() for adding a button to the action
|
|
// area.
|
|
//
|
|
// If @params contains a 'customContent' parameter with the value %true,
|
|
// then @banner will not be shown in the body of the notification when the
|
|
// notification is expanded and calls to update() will not clear the content
|
|
// unless 'clear' parameter with value %true is explicitly specified.
|
|
//
|
|
// By default, the icon shown is the same as the source's.
|
|
// However, if @params contains a 'gicon' parameter, the passed in gicon
|
|
// will be used.
|
|
//
|
|
// You can add a secondary icon to the banner with 'secondaryGIcon'. There
|
|
// is no fallback for this icon.
|
|
//
|
|
// If @params contains 'bannerMarkup', with the value %true, then
|
|
// the corresponding element is assumed to use pango markup. If the
|
|
// parameter is not present for an element, then anything that looks
|
|
// like markup in that element will appear literally in the output.
|
|
//
|
|
// If @params contains a 'clear' parameter with the value %true, then
|
|
// the content and the action area of the notification will be cleared.
|
|
// The content area is also always cleared if 'customContent' is false
|
|
// because it might contain the @banner that didn't fit in the banner mode.
|
|
//
|
|
// If @params contains 'soundName' or 'soundFile', the corresponding
|
|
// event sound is played when the notification is shown (if the policy for
|
|
// @source allows playing sounds).
|
|
const Notification = new Lang.Class({
|
|
Name: 'Notification',
|
|
|
|
ICON_SIZE: 24,
|
|
|
|
IMAGE_SIZE: 125,
|
|
|
|
_init: function(source, title, banner, params) {
|
|
this.source = source;
|
|
this.title = title;
|
|
this.urgency = Urgency.NORMAL;
|
|
this.resident = false;
|
|
// 'transient' is a reserved keyword in JS, so we have to use an alternate variable name
|
|
this.isTransient = false;
|
|
this.forFeedback = false;
|
|
this.expanded = false;
|
|
this.focused = false;
|
|
this._acknowledged = false;
|
|
this._destroyed = false;
|
|
this._customContent = false;
|
|
this.bannerBodyText = null;
|
|
this.bannerBodyMarkup = false;
|
|
this._bannerBodyAdded = false;
|
|
this._titleFitsInBannerMode = true;
|
|
this._spacing = 0;
|
|
this._scrollPolicy = Gtk.PolicyType.AUTOMATIC;
|
|
this._soundName = null;
|
|
this._soundFile = null;
|
|
this._soundPlayed = false;
|
|
this.actions = [];
|
|
|
|
this.actor = new St.Button({ accessible_role: Atk.Role.NOTIFICATION });
|
|
this.actor.add_style_class_name('notification-unexpanded');
|
|
this.actor._delegate = this;
|
|
this.actor.connect('clicked', Lang.bind(this, this.activate));
|
|
this.actor.connect('destroy', Lang.bind(this, this._onDestroy));
|
|
|
|
this._table = new St.Table({ style_class: 'notification',
|
|
reactive: true });
|
|
this._table.connect('style-changed', Lang.bind(this, this._styleChanged));
|
|
this.actor.set_child(this._table);
|
|
|
|
// The first line should have the title, followed by the
|
|
// banner text, but ellipsized if they won't both fit. We can't
|
|
// make St.Table or St.BoxLayout do this the way we want (don't
|
|
// show banner at all if title needs to be ellipsized), so we
|
|
// use Shell.GenericContainer.
|
|
this._bannerBox = new Shell.GenericContainer();
|
|
this._bannerBox.connect('get-preferred-width', Lang.bind(this, this._bannerBoxGetPreferredWidth));
|
|
this._bannerBox.connect('get-preferred-height', Lang.bind(this, this._bannerBoxGetPreferredHeight));
|
|
this._bannerBox.connect('allocate', Lang.bind(this, this._bannerBoxAllocate));
|
|
this._table.add(this._bannerBox, { row: 0,
|
|
col: 1,
|
|
col_span: 2,
|
|
x_expand: false,
|
|
y_expand: false,
|
|
y_fill: false });
|
|
|
|
// This is an empty cell that overlaps with this._bannerBox cell to ensure
|
|
// that this._bannerBox cell expands horizontally, while not forcing the
|
|
// this._imageBin that is also in col: 2 to expand horizontally.
|
|
this._table.add(new St.Bin(), { row: 0,
|
|
col: 2,
|
|
y_expand: false,
|
|
y_fill: false });
|
|
|
|
this._titleLabel = new St.Label();
|
|
this._bannerBox.add_actor(this._titleLabel);
|
|
this._bannerUrlHighlighter = new URLHighlighter();
|
|
this._bannerLabel = this._bannerUrlHighlighter.actor;
|
|
this._bannerBox.add_actor(this._bannerLabel);
|
|
|
|
// If called with only one argument we assume the caller
|
|
// will call .update() later on. This is the case of
|
|
// NotificationDaemon, which wants to use the same code
|
|
// for new and updated notifications
|
|
if (arguments.length != 1)
|
|
this.update(title, banner, params);
|
|
},
|
|
|
|
// update:
|
|
// @title: the new title
|
|
// @banner: the new banner
|
|
// @params: as in the Notification constructor
|
|
//
|
|
// Updates the notification by regenerating its icon and updating
|
|
// the title/banner. If @params.clear is %true, it will also
|
|
// remove any additional actors/action buttons previously added.
|
|
update: function(title, banner, params) {
|
|
params = Params.parse(params, { customContent: false,
|
|
gicon: null,
|
|
secondaryGIcon: null,
|
|
bannerMarkup: false,
|
|
clear: false,
|
|
soundName: null,
|
|
soundFile: null });
|
|
|
|
this._customContent = params.customContent;
|
|
|
|
let oldFocus = global.stage.key_focus;
|
|
|
|
if (this._icon && (params.gicon || params.clear)) {
|
|
this._icon.destroy();
|
|
this._icon = null;
|
|
}
|
|
|
|
if (this._secondaryIcon && (params.secondaryGIcon || params.clear)) {
|
|
this._secondaryIcon.destroy();
|
|
this._secondaryIcon = null;
|
|
}
|
|
|
|
// We always clear the content area if we don't have custom
|
|
// content because it might contain the @banner that didn't
|
|
// fit in the banner mode.
|
|
if (this._scrollArea && (!this._customContent || params.clear)) {
|
|
if (oldFocus && this._scrollArea.contains(oldFocus))
|
|
this.actor.grab_key_focus();
|
|
|
|
this._scrollArea.destroy();
|
|
this._scrollArea = null;
|
|
this._contentArea = null;
|
|
}
|
|
if (this._actionArea && params.clear) {
|
|
if (oldFocus && this._actionArea.contains(oldFocus))
|
|
this.actor.grab_key_focus();
|
|
|
|
this._actionArea.destroy();
|
|
this._actionArea = null;
|
|
this._buttonBox = null;
|
|
this.actions = [];
|
|
}
|
|
if (!this._scrollArea && !this._actionArea)
|
|
this._table.remove_style_class_name('multi-line-notification');
|
|
|
|
if (params.gicon) {
|
|
this._icon = new St.Icon({ gicon: params.gicon,
|
|
icon_size: this.ICON_SIZE });
|
|
} else {
|
|
this._icon = this.source.createIcon(this.ICON_SIZE);
|
|
}
|
|
|
|
if (this._icon) {
|
|
this._table.add(this._icon, { row: 0,
|
|
col: 0,
|
|
x_expand: false,
|
|
y_expand: false,
|
|
y_fill: false,
|
|
y_align: St.Align.START });
|
|
}
|
|
|
|
if (params.secondaryGIcon) {
|
|
this._secondaryIcon = new St.Icon({ gicon: params.secondaryGIcon,
|
|
style_class: 'secondary-icon' });
|
|
this._bannerBox.add_actor(this._secondaryIcon);
|
|
}
|
|
|
|
this.title = title;
|
|
title = title ? _fixMarkup(title.replace(/\n/g, ' '), false) : '';
|
|
this._titleLabel.clutter_text.set_markup('<b>' + title + '</b>');
|
|
|
|
let titleDirection;
|
|
if (Pango.find_base_dir(title, -1) == Pango.Direction.RTL)
|
|
titleDirection = Clutter.TextDirection.RTL;
|
|
else
|
|
titleDirection = Clutter.TextDirection.LTR;
|
|
|
|
// Let the title's text direction control the overall direction
|
|
// of the notification - in case where different scripts are used
|
|
// in the notification, this is the right thing for the icon, and
|
|
// arguably for action buttons as well. Labels other than the title
|
|
// will be allocated at the available width, so that their alignment
|
|
// is done correctly automatically.
|
|
this._table.set_text_direction(titleDirection);
|
|
|
|
// Unless the notification has custom content, we save this.bannerBodyText
|
|
// to add it to the content of the notification if the notification is
|
|
// expandable due to other elements in its content area or due to the banner
|
|
// not fitting fully in the single-line mode.
|
|
this.bannerBodyText = this._customContent ? null : banner;
|
|
this.bannerBodyMarkup = params.bannerMarkup;
|
|
this._bannerBodyAdded = false;
|
|
|
|
banner = banner ? banner.replace(/\n/g, ' ') : '';
|
|
|
|
this._bannerUrlHighlighter.setMarkup(banner, params.bannerMarkup);
|
|
this._bannerLabel.queue_relayout();
|
|
|
|
// Add the bannerBody now if we know for sure we'll need it
|
|
if (this.bannerBodyText && this.bannerBodyText.indexOf('\n') > -1)
|
|
this._addBannerBody();
|
|
|
|
if (this._soundName != params.soundName ||
|
|
this._soundFile != params.soundFile) {
|
|
this._soundName = params.soundName;
|
|
this._soundFile = params.soundFile;
|
|
this._soundPlayed = false;
|
|
}
|
|
|
|
this.updated();
|
|
this.emit('updated', params.clear);
|
|
},
|
|
|
|
setIconVisible: function(visible) {
|
|
this._icon.visible = visible;
|
|
},
|
|
|
|
enableScrolling: function(enableScrolling) {
|
|
this._scrollPolicy = enableScrolling ? Gtk.PolicyType.AUTOMATIC : Gtk.PolicyType.NEVER;
|
|
if (this._scrollArea) {
|
|
this._scrollArea.vscrollbar_policy = this._scrollPolicy;
|
|
this._scrollArea.enable_mouse_scrolling = enableScrolling;
|
|
}
|
|
},
|
|
|
|
_createScrollArea: function() {
|
|
this._table.add_style_class_name('multi-line-notification');
|
|
this._scrollArea = new St.ScrollView({ style_class: 'notification-scrollview',
|
|
vscrollbar_policy: this._scrollPolicy,
|
|
hscrollbar_policy: Gtk.PolicyType.NEVER,
|
|
visible: this.expanded });
|
|
this._table.add(this._scrollArea, { row: 1,
|
|
col: 2 });
|
|
this._updateLastColumnSettings();
|
|
this._contentArea = new St.BoxLayout({ style_class: 'notification-body',
|
|
vertical: true });
|
|
this._scrollArea.add_actor(this._contentArea);
|
|
// If we know the notification will be expandable, we need to add
|
|
// the banner text to the body as the first element.
|
|
this._addBannerBody();
|
|
},
|
|
|
|
// addActor:
|
|
// @actor: actor to add to the body of the notification
|
|
//
|
|
// Appends @actor to the notification's body
|
|
addActor: function(actor, style) {
|
|
if (!this._scrollArea) {
|
|
this._createScrollArea();
|
|
}
|
|
|
|
this._contentArea.add(actor, style ? style : {});
|
|
this.updated();
|
|
},
|
|
|
|
// addBody:
|
|
// @text: the text
|
|
// @markup: %true if @text contains pango markup
|
|
// @style: style to use when adding the actor containing the text
|
|
//
|
|
// Adds a multi-line label containing @text to the notification.
|
|
//
|
|
// Return value: the newly-added label
|
|
addBody: function(text, markup, style) {
|
|
let label = new URLHighlighter(text, true, markup);
|
|
|
|
this.addActor(label.actor, style);
|
|
return label.actor;
|
|
},
|
|
|
|
_addBannerBody: function() {
|
|
if (this.bannerBodyText && !this._bannerBodyAdded) {
|
|
this._bannerBodyAdded = true;
|
|
this.addBody(this.bannerBodyText, this.bannerBodyMarkup);
|
|
}
|
|
},
|
|
|
|
// scrollTo:
|
|
// @side: St.Side.TOP or St.Side.BOTTOM
|
|
//
|
|
// Scrolls the content area (if scrollable) to the indicated edge
|
|
scrollTo: function(side) {
|
|
let adjustment = this._scrollArea.vscroll.adjustment;
|
|
if (side == St.Side.TOP)
|
|
adjustment.value = adjustment.lower;
|
|
else if (side == St.Side.BOTTOM)
|
|
adjustment.value = adjustment.upper;
|
|
},
|
|
|
|
// setActionArea:
|
|
// @actor: the actor
|
|
// @props: (option) St.Table child properties
|
|
//
|
|
// Puts @actor into the action area of the notification, replacing
|
|
// the previous contents
|
|
setActionArea: function(actor, props) {
|
|
if (this._actionArea) {
|
|
this._actionArea.destroy();
|
|
this._actionArea = null;
|
|
if (this._buttonBox)
|
|
this._buttonBox = null;
|
|
} else {
|
|
this._addBannerBody();
|
|
}
|
|
this._actionArea = actor;
|
|
this._actionArea.visible = this.expanded;
|
|
|
|
if (!props)
|
|
props = {};
|
|
props.row = 2;
|
|
props.col = 2;
|
|
|
|
this._table.add_style_class_name('multi-line-notification');
|
|
this._table.add(this._actionArea, props);
|
|
this._updateLastColumnSettings();
|
|
this.updated();
|
|
},
|
|
|
|
_updateLastColumnSettings: function() {
|
|
if (this._scrollArea)
|
|
this._table.child_set(this._scrollArea, { col: 1,
|
|
col_span: 2 });
|
|
if (this._actionArea)
|
|
this._table.child_set(this._actionArea, { col: 1,
|
|
col_span: 2 });
|
|
},
|
|
|
|
addButton: function(button, callback) {
|
|
if (!this._buttonBox) {
|
|
let box = new St.BoxLayout({ style_class: 'notification-actions' });
|
|
this.setActionArea(box, { x_expand: false,
|
|
y_expand: false,
|
|
x_fill: false,
|
|
y_fill: false,
|
|
x_align: St.Align.END });
|
|
this._buttonBox = box;
|
|
global.focus_manager.add_group(this._buttonBox);
|
|
}
|
|
|
|
this._buttonBox.add(button);
|
|
button.connect('clicked', Lang.bind(this, function() {
|
|
callback();
|
|
|
|
if (!this.resident) {
|
|
// We don't hide a resident notification when the user invokes one of its actions,
|
|
// because it is common for such notifications to update themselves with new
|
|
// information based on the action. We'd like to display the updated information
|
|
// in place, rather than pop-up a new notification.
|
|
this.emit('done-displaying');
|
|
this.destroy();
|
|
}
|
|
}));
|
|
|
|
this.updated();
|
|
return button;
|
|
},
|
|
|
|
// addAction:
|
|
// @label: the label for the action's button
|
|
// @callback: the callback for the action
|
|
//
|
|
// Adds a button with the given @label to the notification. All
|
|
// action buttons will appear in a single row at the bottom of
|
|
// the notification.
|
|
addAction: function(label, callback) {
|
|
this.actions.push({ label: label, callback: callback });
|
|
let button = new St.Button({ style_class: 'notification-button',
|
|
label: label,
|
|
can_focus: true });
|
|
|
|
return this.addButton(button, callback);
|
|
},
|
|
|
|
get acknowledged() {
|
|
return this._acknowledged;
|
|
},
|
|
|
|
set acknowledged(v) {
|
|
if (this._acknowledged == v)
|
|
return;
|
|
this._acknowledged = v;
|
|
this.emit('acknowledged-changed');
|
|
},
|
|
|
|
setUrgency: function(urgency) {
|
|
this.urgency = urgency;
|
|
},
|
|
|
|
setResident: function(resident) {
|
|
this.resident = resident;
|
|
},
|
|
|
|
setTransient: function(isTransient) {
|
|
this.isTransient = isTransient;
|
|
},
|
|
|
|
setForFeedback: function(forFeedback) {
|
|
this.forFeedback = forFeedback;
|
|
},
|
|
|
|
_styleChanged: function() {
|
|
this._spacing = this._table.get_theme_node().get_length('spacing-columns');
|
|
},
|
|
|
|
_bannerBoxGetPreferredWidth: function(actor, forHeight, alloc) {
|
|
let [titleMin, titleNat] = this._titleLabel.get_preferred_width(forHeight);
|
|
let [bannerMin, bannerNat] = this._bannerLabel.get_preferred_width(forHeight);
|
|
|
|
if (this._secondaryIcon) {
|
|
let [secondaryIconMin, secondaryIconNat] = this._secondaryIcon.get_preferred_width(forHeight);
|
|
|
|
alloc.min_size = secondaryIconMin + this._spacing + titleMin;
|
|
alloc.natural_size = secondaryIconNat + this._spacing + titleNat + this._spacing + bannerNat;
|
|
} else {
|
|
alloc.min_size = titleMin;
|
|
alloc.natural_size = titleNat + this._spacing + bannerNat;
|
|
}
|
|
},
|
|
|
|
_bannerBoxGetPreferredHeight: function(actor, forWidth, alloc) {
|
|
[alloc.min_size, alloc.natural_size] =
|
|
this._titleLabel.get_preferred_height(forWidth);
|
|
},
|
|
|
|
_bannerBoxAllocate: function(actor, box, flags) {
|
|
let availWidth = box.x2 - box.x1;
|
|
|
|
let [titleMinW, titleNatW] = this._titleLabel.get_preferred_width(-1);
|
|
let [titleMinH, titleNatH] = this._titleLabel.get_preferred_height(availWidth);
|
|
let [bannerMinW, bannerNatW] = this._bannerLabel.get_preferred_width(availWidth);
|
|
|
|
let rtl = (this._table.text_direction == Clutter.TextDirection.RTL);
|
|
let x = rtl ? availWidth : 0;
|
|
|
|
if (this._secondaryIcon) {
|
|
let [iconMinW, iconNatW] = this._secondaryIcon.get_preferred_width(-1);
|
|
let [iconMinH, iconNatH] = this._secondaryIcon.get_preferred_height(availWidth);
|
|
|
|
let secondaryIconBox = new Clutter.ActorBox();
|
|
let secondaryIconBoxW = Math.min(iconNatW, availWidth);
|
|
|
|
// allocate secondary icon box
|
|
if (rtl) {
|
|
secondaryIconBox.x1 = x - secondaryIconBoxW;
|
|
secondaryIconBox.x2 = x;
|
|
x = x - (secondaryIconBoxW + this._spacing);
|
|
} else {
|
|
secondaryIconBox.x1 = x;
|
|
secondaryIconBox.x2 = x + secondaryIconBoxW;
|
|
x = x + secondaryIconBoxW + this._spacing;
|
|
}
|
|
secondaryIconBox.y1 = 0;
|
|
// Using titleNatH ensures that the secondary icon is centered vertically
|
|
secondaryIconBox.y2 = titleNatH;
|
|
|
|
availWidth = availWidth - (secondaryIconBoxW + this._spacing);
|
|
this._secondaryIcon.allocate(secondaryIconBox, flags);
|
|
}
|
|
|
|
let titleBox = new Clutter.ActorBox();
|
|
let titleBoxW = Math.min(titleNatW, availWidth);
|
|
if (rtl) {
|
|
titleBox.x1 = availWidth - titleBoxW;
|
|
titleBox.x2 = availWidth;
|
|
} else {
|
|
titleBox.x1 = x;
|
|
titleBox.x2 = titleBox.x1 + titleBoxW;
|
|
}
|
|
titleBox.y1 = 0;
|
|
titleBox.y2 = titleNatH;
|
|
this._titleLabel.allocate(titleBox, flags);
|
|
this._titleFitsInBannerMode = (titleNatW <= availWidth);
|
|
|
|
let bannerFits = true;
|
|
if (titleBoxW + this._spacing > availWidth) {
|
|
this._bannerLabel.opacity = 0;
|
|
bannerFits = false;
|
|
} else {
|
|
let bannerBox = new Clutter.ActorBox();
|
|
|
|
if (rtl) {
|
|
bannerBox.x1 = 0;
|
|
bannerBox.x2 = titleBox.x1 - this._spacing;
|
|
|
|
bannerFits = (bannerBox.x2 - bannerNatW >= 0);
|
|
} else {
|
|
bannerBox.x1 = titleBox.x2 + this._spacing;
|
|
bannerBox.x2 = availWidth;
|
|
|
|
bannerFits = (bannerBox.x1 + bannerNatW <= availWidth);
|
|
}
|
|
bannerBox.y1 = 0;
|
|
bannerBox.y2 = titleNatH;
|
|
this._bannerLabel.allocate(bannerBox, flags);
|
|
|
|
// Make _bannerLabel visible if the entire notification
|
|
// fits on one line, or if the notification is currently
|
|
// unexpanded and only showing one line anyway.
|
|
if (!this.expanded || (bannerFits && this._table.row_count == 1))
|
|
this._bannerLabel.opacity = 255;
|
|
}
|
|
|
|
// If the banner doesn't fully fit in the banner box, we possibly need to add the
|
|
// banner to the body. We can't do that from here though since that will force a
|
|
// relayout, so we add it to the main loop.
|
|
if (!bannerFits && this._canExpandContent())
|
|
Meta.later_add(Meta.LaterType.BEFORE_REDRAW,
|
|
Lang.bind(this,
|
|
function() {
|
|
if (this._destroyed)
|
|
return false;
|
|
|
|
if (this._canExpandContent()) {
|
|
this._addBannerBody();
|
|
this._table.add_style_class_name('multi-line-notification');
|
|
this.updated();
|
|
}
|
|
return false;
|
|
}));
|
|
},
|
|
|
|
_canExpandContent: function() {
|
|
return (this.bannerBodyText && !this._bannerBodyAdded) ||
|
|
(!this._titleFitsInBannerMode && !this._table.has_style_class_name('multi-line-notification'));
|
|
},
|
|
|
|
playSound: function() {
|
|
if (this._soundPlayed)
|
|
return;
|
|
|
|
if (!this.source.policy.enableSound) {
|
|
this._soundPlayed = true;
|
|
return;
|
|
}
|
|
|
|
if (this._soundName) {
|
|
if (this.source.app) {
|
|
let app = this.source.app;
|
|
|
|
global.play_theme_sound_full(0, this._soundName,
|
|
this.title, null,
|
|
app.get_id(), app.get_name());
|
|
} else {
|
|
global.play_theme_sound(0, this._soundName, this.title, null);
|
|
}
|
|
} else if (this._soundFile) {
|
|
if (this.source.app) {
|
|
let app = this.source.app;
|
|
|
|
global.play_sound_file_full(0, this._soundFile,
|
|
this.title, null,
|
|
app.get_id(), app.get_name());
|
|
} else {
|
|
global.play_sound_file(0, this._soundFile, this.title, null);
|
|
}
|
|
}
|
|
},
|
|
|
|
updated: function() {
|
|
if (this.expanded)
|
|
this.expand(false);
|
|
},
|
|
|
|
expand: function(animate) {
|
|
this.expanded = true;
|
|
this.actor.remove_style_class_name('notification-unexpanded');
|
|
|
|
// Show additional content that we keep hidden in banner mode
|
|
if (this._actionArea)
|
|
this._actionArea.show();
|
|
if (this._scrollArea)
|
|
this._scrollArea.show();
|
|
|
|
// The banner is never shown when the title did not fit, so this
|
|
// can be an if-else statement.
|
|
if (!this._titleFitsInBannerMode) {
|
|
// Remove ellipsization from the title label and make it wrap so that
|
|
// we show the full title when the notification is expanded.
|
|
this._titleLabel.clutter_text.line_wrap = true;
|
|
this._titleLabel.clutter_text.line_wrap_mode = Pango.WrapMode.WORD_CHAR;
|
|
this._titleLabel.clutter_text.ellipsize = Pango.EllipsizeMode.NONE;
|
|
} else if (this._table.row_count > 1 && this._bannerLabel.opacity != 0) {
|
|
// We always hide the banner if the notification has additional content.
|
|
//
|
|
// We don't need to wrap the banner that doesn't fit the way we wrap the
|
|
// title that doesn't fit because we won't have a notification with
|
|
// row_count=1 that has a banner that doesn't fully fit. We'll either add
|
|
// that banner to the content of the notification in _bannerBoxAllocate()
|
|
// or the notification will have custom content.
|
|
if (animate)
|
|
Tweener.addTween(this._bannerLabel,
|
|
{ opacity: 0,
|
|
time: ANIMATION_TIME,
|
|
transition: 'easeOutQuad' });
|
|
else
|
|
this._bannerLabel.opacity = 0;
|
|
}
|
|
this.emit('expanded');
|
|
},
|
|
|
|
collapseCompleted: function() {
|
|
if (this._destroyed)
|
|
return;
|
|
this.expanded = false;
|
|
|
|
// Hide additional content that we keep hidden in banner mode
|
|
if (this._actionArea)
|
|
this._actionArea.hide();
|
|
if (this._scrollArea)
|
|
this._scrollArea.hide();
|
|
|
|
// Make sure we don't line wrap the title, and ellipsize it instead.
|
|
this._titleLabel.clutter_text.line_wrap = false;
|
|
this._titleLabel.clutter_text.ellipsize = Pango.EllipsizeMode.END;
|
|
|
|
// Restore banner opacity in case the notification is shown in the
|
|
// banner mode again on update.
|
|
this._bannerLabel.opacity = 255;
|
|
|
|
// Restore height requisition
|
|
this.actor.add_style_class_name('notification-unexpanded');
|
|
},
|
|
|
|
// Allow customizing the banner UI:
|
|
// the default implementation defers the creation to
|
|
// the source (which will create a NotificationBanner),
|
|
// so customization can be done by subclassing either
|
|
// Notification or Source
|
|
createBanner: function() {
|
|
return this.source.createBanner(this);
|
|
},
|
|
|
|
activate: function() {
|
|
this.emit('activated');
|
|
// We hide all types of notifications once the user clicks on them because the common
|
|
// outcome of clicking should be the relevant window being brought forward and the user's
|
|
// attention switching to the window.
|
|
this.emit('done-displaying');
|
|
if (!this.resident)
|
|
this.destroy();
|
|
},
|
|
|
|
_onDestroy: function() {
|
|
if (this._destroyed)
|
|
return;
|
|
this._destroyed = true;
|
|
if (!this._destroyedReason)
|
|
this._destroyedReason = NotificationDestroyedReason.DISMISSED;
|
|
this.emit('destroy', this._destroyedReason);
|
|
},
|
|
|
|
destroy: function(reason) {
|
|
this._destroyedReason = reason;
|
|
this.actor.destroy();
|
|
this.actor._delegate = null;
|
|
}
|
|
});
|
|
Signals.addSignalMethods(Notification.prototype);
|
|
|
|
const NotificationBanner = new Lang.Class({
|
|
Name: 'NotificationBanner',
|
|
Extends: Calendar.NotificationMessage,
|
|
|
|
_init: function(notification) {
|
|
this.parent(notification);
|
|
|
|
this.actor.add_style_class_name('notification-banner');
|
|
this.actor.connect('destroy', Lang.bind(this, this._onDestroyed));
|
|
|
|
this._buttonBox = null;
|
|
|
|
this._addActions();
|
|
this._addSecondaryIcon();
|
|
|
|
this._activatedId = this.notification.connect('activated',
|
|
Lang.bind(this, function() {
|
|
// We hide all types of notifications once the user clicks on
|
|
// them because the common outcome of clicking should be the
|
|
// relevant window being brought forward and the user's
|
|
// attention switching to the window.
|
|
this.emit('done-displaying');
|
|
}));
|
|
},
|
|
|
|
_onDestroyed: function() {
|
|
this.notification.disconnect(this._activatedId);
|
|
},
|
|
|
|
_onUpdated: function(n, clear) {
|
|
this.parent(n, clear);
|
|
|
|
if (clear) {
|
|
this.setSecondaryActor(null);
|
|
this.setActionArea(null);
|
|
this._buttonBox = null;
|
|
}
|
|
|
|
this._addActions();
|
|
this._addSecondaryIcon();
|
|
},
|
|
|
|
_addActions: function() {
|
|
this.notification.actions.forEach(Lang.bind(this,
|
|
function(action) {
|
|
this.addAction(action.label, action.callback);
|
|
}));
|
|
},
|
|
|
|
_addSecondaryIcon: function() {
|
|
if (this.notification.secondaryGIcon) {
|
|
let icon = new St.Icon({ gicon: this.notification.secondaryGIcon });
|
|
this.setSecondaryActor(icon);
|
|
}
|
|
},
|
|
|
|
addButton: function(button, callback) {
|
|
if (!this._buttonBox) {
|
|
this._buttonBox = new St.BoxLayout({ style_class: 'notification-actions',
|
|
x_expand: true });
|
|
this.setActionArea(this._buttonBox);
|
|
global.focus_manager.add_group(this._buttonBox);
|
|
}
|
|
|
|
if (this._buttonBox.get_n_children() >= MAX_NOTIFICATION_BUTTONS)
|
|
return null;
|
|
|
|
this._buttonBox.add(button);
|
|
button.connect('clicked', Lang.bind(this, function() {
|
|
callback();
|
|
|
|
if (!this.notification.resident) {
|
|
// We don't hide a resident notification when the user invokes one of its actions,
|
|
// because it is common for such notifications to update themselves with new
|
|
// information based on the action. We'd like to display the updated information
|
|
// in place, rather than pop-up a new notification.
|
|
this.emit('done-displaying');
|
|
this.notification.destroy();
|
|
}
|
|
}));
|
|
|
|
return button;
|
|
},
|
|
|
|
addAction: function(label, callback) {
|
|
let button = new St.Button({ style_class: 'notification-button',
|
|
label: label,
|
|
x_expand: true,
|
|
can_focus: true });
|
|
|
|
return this.addButton(button, callback);
|
|
}
|
|
});
|
|
|
|
const SourceActor = new Lang.Class({
|
|
Name: 'SourceActor',
|
|
|
|
_init: function(source, size) {
|
|
this._source = source;
|
|
this._size = size;
|
|
|
|
this.actor = new Shell.GenericContainer();
|
|
this.actor.connect('get-preferred-width', Lang.bind(this, this._getPreferredWidth));
|
|
this.actor.connect('get-preferred-height', Lang.bind(this, this._getPreferredHeight));
|
|
this.actor.connect('allocate', Lang.bind(this, this._allocate));
|
|
this.actor.connect('destroy', Lang.bind(this, function() {
|
|
this._source.disconnect(this._iconUpdatedId);
|
|
this._actorDestroyed = true;
|
|
}));
|
|
this._actorDestroyed = false;
|
|
|
|
let scale_factor = St.ThemeContext.get_for_stage(global.stage).scale_factor;
|
|
this._iconBin = new St.Bin({ x_fill: true,
|
|
height: size * scale_factor,
|
|
width: size * scale_factor });
|
|
|
|
this.actor.add_actor(this._iconBin);
|
|
|
|
this._iconUpdatedId = this._source.connect('icon-updated', Lang.bind(this, this._updateIcon));
|
|
this._updateIcon();
|
|
},
|
|
|
|
setIcon: function(icon) {
|
|
this._iconBin.child = icon;
|
|
this._iconSet = true;
|
|
},
|
|
|
|
_getPreferredWidth: function (actor, forHeight, alloc) {
|
|
let [min, nat] = this._iconBin.get_preferred_width(forHeight);
|
|
alloc.min_size = min; alloc.nat_size = nat;
|
|
},
|
|
|
|
_getPreferredHeight: function (actor, forWidth, alloc) {
|
|
let [min, nat] = this._iconBin.get_preferred_height(forWidth);
|
|
alloc.min_size = min; alloc.nat_size = nat;
|
|
},
|
|
|
|
_allocate: function(actor, box, flags) {
|
|
// the iconBin should fill our entire box
|
|
this._iconBin.allocate(box, flags);
|
|
},
|
|
|
|
_updateIcon: function() {
|
|
if (this._actorDestroyed)
|
|
return;
|
|
|
|
if (!this._iconSet)
|
|
this._iconBin.child = this._source.createIcon(this._size);
|
|
}
|
|
});
|
|
|
|
const SourceActorWithLabel = new Lang.Class({
|
|
Name: 'SourceActorWithLabel',
|
|
Extends: SourceActor,
|
|
|
|
_init: function(source, size) {
|
|
this.parent(source, size);
|
|
|
|
this._counterLabel = new St.Label({ x_align: Clutter.ActorAlign.CENTER,
|
|
x_expand: true,
|
|
y_align: Clutter.ActorAlign.CENTER,
|
|
y_expand: true });
|
|
|
|
this._counterBin = new St.Bin({ style_class: 'summary-source-counter',
|
|
child: this._counterLabel,
|
|
layout_manager: new Clutter.BinLayout() });
|
|
this._counterBin.hide();
|
|
|
|
this._counterBin.connect('style-changed', Lang.bind(this, function() {
|
|
let themeNode = this._counterBin.get_theme_node();
|
|
this._counterBin.translation_x = themeNode.get_length('-shell-counter-overlap-x');
|
|
this._counterBin.translation_y = themeNode.get_length('-shell-counter-overlap-y');
|
|
}));
|
|
|
|
this.actor.add_actor(this._counterBin);
|
|
|
|
this._countUpdatedId = this._source.connect('count-updated', Lang.bind(this, this._updateCount));
|
|
this._updateCount();
|
|
|
|
this.actor.connect('destroy', function() {
|
|
this._source.disconnect(this._countUpdatedId);
|
|
});
|
|
},
|
|
|
|
_allocate: function(actor, box, flags) {
|
|
this.parent(actor, box, flags);
|
|
|
|
let childBox = new Clutter.ActorBox();
|
|
|
|
let [minWidth, minHeight, naturalWidth, naturalHeight] = this._counterBin.get_preferred_size();
|
|
let direction = this.actor.get_text_direction();
|
|
|
|
if (direction == Clutter.TextDirection.LTR) {
|
|
// allocate on the right in LTR
|
|
childBox.x1 = box.x2 - naturalWidth;
|
|
childBox.x2 = box.x2;
|
|
} else {
|
|
// allocate on the left in RTL
|
|
childBox.x1 = 0;
|
|
childBox.x2 = naturalWidth;
|
|
}
|
|
|
|
childBox.y1 = box.y2 - naturalHeight;
|
|
childBox.y2 = box.y2;
|
|
|
|
this._counterBin.allocate(childBox, flags);
|
|
},
|
|
|
|
_updateCount: function() {
|
|
if (this._actorDestroyed)
|
|
return;
|
|
|
|
this._counterBin.visible = this._source.countVisible;
|
|
|
|
let text;
|
|
if (this._source.count < 100)
|
|
text = this._source.count.toString();
|
|
else
|
|
text = String.fromCharCode(0x22EF); // midline horizontal ellipsis
|
|
|
|
this._counterLabel.set_text(text);
|
|
}
|
|
});
|
|
|
|
const Source = new Lang.Class({
|
|
Name: 'MessageTraySource',
|
|
|
|
SOURCE_ICON_SIZE: 48,
|
|
|
|
_init: function(title, iconName) {
|
|
this.title = title;
|
|
this.iconName = iconName;
|
|
|
|
this.isChat = false;
|
|
|
|
this.notifications = [];
|
|
|
|
this.policy = this._createPolicy();
|
|
},
|
|
|
|
get count() {
|
|
return this.notifications.length;
|
|
},
|
|
|
|
get unseenCount() {
|
|
return this.notifications.filter(function(n) { return !n.acknowledged; }).length;
|
|
},
|
|
|
|
get countVisible() {
|
|
return this.count > 1;
|
|
},
|
|
|
|
get isClearable() {
|
|
return !this.isChat && !this.resident;
|
|
},
|
|
|
|
countUpdated: function() {
|
|
this.emit('count-updated');
|
|
},
|
|
|
|
_createPolicy: function() {
|
|
return new NotificationPolicy();
|
|
},
|
|
|
|
setTitle: function(newTitle) {
|
|
this.title = newTitle;
|
|
this.emit('title-changed');
|
|
},
|
|
|
|
createBanner: function(notification) {
|
|
return new NotificationBanner(notification);
|
|
},
|
|
|
|
// Called to create a new icon actor.
|
|
// Provides a sane default implementation, override if you need
|
|
// something more fancy.
|
|
createIcon: function(size) {
|
|
return new St.Icon({ gicon: this.getIcon(),
|
|
icon_size: size });
|
|
},
|
|
|
|
getIcon: function() {
|
|
return new Gio.ThemedIcon({ name: this.iconName });
|
|
},
|
|
|
|
_onNotificationDestroy: function(notification) {
|
|
let index = this.notifications.indexOf(notification);
|
|
if (index < 0)
|
|
return;
|
|
|
|
this.notifications.splice(index, 1);
|
|
if (this.notifications.length == 0)
|
|
this.destroy();
|
|
|
|
this.countUpdated();
|
|
},
|
|
|
|
pushNotification: function(notification) {
|
|
if (this.notifications.indexOf(notification) >= 0)
|
|
return;
|
|
|
|
while (this.notifications.length >= MAX_NOTIFICATIONS_PER_SOURCE)
|
|
this.notifications.shift().destroy(NotificationDestroyedReason.EXPIRED);
|
|
|
|
notification.connect('destroy', Lang.bind(this, this._onNotificationDestroy));
|
|
notification.connect('acknowledged-changed', Lang.bind(this, this.countUpdated));
|
|
this.notifications.push(notification);
|
|
this.emit('notification-added', notification);
|
|
|
|
this.countUpdated();
|
|
},
|
|
|
|
notify: function(notification) {
|
|
notification.acknowledged = false;
|
|
this.pushNotification(notification);
|
|
|
|
if (this.policy.showBanners) {
|
|
this.emit('notify', notification);
|
|
} else {
|
|
notification.playSound();
|
|
}
|
|
},
|
|
|
|
destroy: function(reason) {
|
|
this.policy.destroy();
|
|
|
|
let notifications = this.notifications;
|
|
this.notifications = [];
|
|
|
|
for (let i = 0; i < notifications.length; i++)
|
|
notifications[i].destroy(reason);
|
|
|
|
this.emit('destroy', reason);
|
|
},
|
|
|
|
iconUpdated: function() {
|
|
this.emit('icon-updated');
|
|
},
|
|
|
|
// To be overridden by subclasses
|
|
open: function() {
|
|
},
|
|
|
|
destroyNonResidentNotifications: function() {
|
|
for (let i = this.notifications.length - 1; i >= 0; i--)
|
|
if (!this.notifications[i].resident)
|
|
this.notifications[i].destroy();
|
|
|
|
this.countUpdated();
|
|
}
|
|
});
|
|
Signals.addSignalMethods(Source.prototype);
|
|
|
|
const MessageTray = new Lang.Class({
|
|
Name: 'MessageTray',
|
|
|
|
_init: function() {
|
|
this._presence = new GnomeSession.Presence(Lang.bind(this, function(proxy, error) {
|
|
this._onStatusChanged(proxy.status);
|
|
}));
|
|
this._busy = false;
|
|
this._bannerBlocked = false;
|
|
this._presence.connectSignal('StatusChanged', Lang.bind(this, function(proxy, senderName, [status]) {
|
|
this._onStatusChanged(status);
|
|
}));
|
|
|
|
global.stage.connect('enter-event', Lang.bind(this,
|
|
function(a, ev) {
|
|
// HACK: St uses ClutterInputDevice for hover tracking, which
|
|
// misses relevant X11 events when untracked actors are
|
|
// involved (read: the notification banner in normal mode),
|
|
// so fix up Clutter's view of the pointer position in
|
|
// that case.
|
|
let related = ev.get_related();
|
|
if (!related || this.actor.contains(related))
|
|
global.sync_pointer();
|
|
}));
|
|
|
|
this.actor = new St.Widget({ name: 'notification-container',
|
|
reactive: true,
|
|
track_hover: true,
|
|
y_align: Clutter.ActorAlign.START,
|
|
x_align: Clutter.ActorAlign.CENTER,
|
|
y_expand: true,
|
|
x_expand: true,
|
|
layout_manager: new Clutter.BinLayout() });
|
|
this.actor.connect('key-release-event', Lang.bind(this, this._onNotificationKeyRelease));
|
|
this.actor.connect('notify::hover', Lang.bind(this, this._onNotificationHoverChanged));
|
|
|
|
this.actor.hide();
|
|
this._notificationFocusGrabber = new FocusGrabber(this.actor);
|
|
this._notificationQueue = [];
|
|
this._notification = null;
|
|
this._banner = null;
|
|
this._bannerClickedId = 0;
|
|
|
|
this._userActiveWhileNotificationShown = false;
|
|
|
|
this.idleMonitor = Meta.IdleMonitor.get_core();
|
|
|
|
this._useLongerNotificationLeftTimeout = false;
|
|
|
|
// pointerInNotification is sort of a misnomer -- it tracks whether
|
|
// a message tray notification should expand. The value is
|
|
// partially driven by the hover state of the notification, but has
|
|
// a lot of complex state related to timeouts and the current
|
|
// state of the pointer when a notification pops up.
|
|
this._pointerInNotification = false;
|
|
|
|
// This tracks this.actor.hover and is used to fizzle
|
|
// out non-changing hover notifications in onNotificationHoverChanged.
|
|
this._notificationHovered = false;
|
|
|
|
this._notificationState = State.HIDDEN;
|
|
this._notificationTimeoutId = 0;
|
|
this._notificationRemoved = false;
|
|
|
|
this.clearableCount = 0;
|
|
|
|
Main.layoutManager.trayBox.add_actor(this.actor);
|
|
Main.layoutManager.trackChrome(this.actor, { affectsInputRegion: true });
|
|
|
|
global.screen.connect('in-fullscreen-changed', Lang.bind(this, this._updateState));
|
|
|
|
Main.sessionMode.connect('updated', Lang.bind(this, this._sessionUpdated));
|
|
|
|
Main.wm.addKeybinding('focus-active-notification',
|
|
new Gio.Settings({ schema_id: SHELL_KEYBINDINGS_SCHEMA }),
|
|
Meta.KeyBindingFlags.NONE,
|
|
Shell.ActionMode.NORMAL |
|
|
Shell.ActionMode.MESSAGE_TRAY |
|
|
Shell.ActionMode.OVERVIEW,
|
|
Lang.bind(this, this._expandActiveNotification));
|
|
|
|
this._sources = new Map();
|
|
|
|
this._sessionUpdated();
|
|
},
|
|
|
|
_sessionUpdated: function() {
|
|
this._updateState();
|
|
},
|
|
|
|
_onNotificationKeyRelease: function(actor, event) {
|
|
if (event.get_key_symbol() == Clutter.KEY_Escape && event.get_state() == 0) {
|
|
this._expireNotification();
|
|
return Clutter.EVENT_STOP;
|
|
}
|
|
|
|
return Clutter.EVENT_PROPAGATE;
|
|
},
|
|
|
|
_expireNotification: function() {
|
|
this._notificationExpired = true;
|
|
this._updateState();
|
|
},
|
|
|
|
get queueCount() {
|
|
return this._notificationQueue.length;
|
|
},
|
|
|
|
set bannerBlocked(v) {
|
|
if (this._bannerBlocked == v)
|
|
return;
|
|
this._bannerBlocked = v;
|
|
this._updateState();
|
|
},
|
|
|
|
contains: function(source) {
|
|
return this._sources.has(source);
|
|
},
|
|
|
|
add: function(source) {
|
|
if (this.contains(source)) {
|
|
log('Trying to re-add source ' + source.title);
|
|
return;
|
|
}
|
|
|
|
// Register that we got a notification for this source
|
|
source.policy.store();
|
|
|
|
source.policy.connect('enable-changed', Lang.bind(this, this._onSourceEnableChanged, source));
|
|
source.policy.connect('policy-changed', Lang.bind(this, this._updateState));
|
|
this._onSourceEnableChanged(source.policy, source);
|
|
},
|
|
|
|
_addSource: function(source) {
|
|
let obj = {
|
|
source: source,
|
|
notifyId: 0,
|
|
destroyId: 0,
|
|
};
|
|
|
|
if (source.isClearable)
|
|
this.clearableCount++;
|
|
|
|
this._sources.set(source, obj);
|
|
|
|
obj.notifyId = source.connect('notify', Lang.bind(this, this._onNotify));
|
|
obj.destroyId = source.connect('destroy', Lang.bind(this, this._onSourceDestroy));
|
|
|
|
this.emit('source-added', source);
|
|
},
|
|
|
|
_removeSource: function(source) {
|
|
let obj = this._sources.get(source);
|
|
this._sources.delete(source);
|
|
|
|
if (source.isClearable)
|
|
this.clearableCount--;
|
|
|
|
source.disconnect(obj.notifyId);
|
|
source.disconnect(obj.destroyId);
|
|
|
|
this.emit('source-removed', source);
|
|
},
|
|
|
|
getSources: function() {
|
|
return [k for (k of this._sources.keys())];
|
|
},
|
|
|
|
_onSourceEnableChanged: function(policy, source) {
|
|
let wasEnabled = this.contains(source);
|
|
let shouldBeEnabled = policy.enable;
|
|
|
|
if (wasEnabled != shouldBeEnabled) {
|
|
if (shouldBeEnabled)
|
|
this._addSource(source);
|
|
else
|
|
this._removeSource(source);
|
|
}
|
|
},
|
|
|
|
_onSourceDestroy: function(source) {
|
|
this._removeSource(source);
|
|
},
|
|
|
|
_onNotificationDestroy: function(notification) {
|
|
if (this._notification == notification && (this._notificationState == State.SHOWN || this._notificationState == State.SHOWING)) {
|
|
this._updateNotificationTimeout(0);
|
|
this._notificationRemoved = true;
|
|
this._updateState();
|
|
return;
|
|
}
|
|
|
|
let index = this._notificationQueue.indexOf(notification);
|
|
if (index != -1) {
|
|
this._notificationQueue.splice(index, 1);
|
|
this.emit('queue-changed');
|
|
}
|
|
},
|
|
|
|
_onNotify: function(source, notification) {
|
|
if (this._notification == notification) {
|
|
// If a notification that is being shown is updated, we update
|
|
// how it is shown and extend the time until it auto-hides.
|
|
// If a new notification is updated while it is being hidden,
|
|
// we stop hiding it and show it again.
|
|
this._updateShowingNotification();
|
|
} else if (this._notificationQueue.indexOf(notification) < 0) {
|
|
// If the queue is "full", we skip banner mode and just show a small
|
|
// indicator in the panel; however do make an exception for CRITICAL
|
|
// notifications, as only banner mode allows expansion.
|
|
let bannerCount = this._notification ? 1 : 0;
|
|
let full = (this.queueCount + bannerCount >= MAX_NOTIFICATIONS_IN_QUEUE);
|
|
if (!full || notification.urgency == Urgency.CRITICAL) {
|
|
notification.connect('destroy',
|
|
Lang.bind(this, this._onNotificationDestroy));
|
|
this._notificationQueue.push(notification);
|
|
this._notificationQueue.sort(function(notification1, notification2) {
|
|
return (notification2.urgency - notification1.urgency);
|
|
});
|
|
this.emit('queue-changed');
|
|
}
|
|
}
|
|
this._updateState();
|
|
},
|
|
|
|
_resetNotificationLeftTimeout: function() {
|
|
this._useLongerNotificationLeftTimeout = false;
|
|
if (this._notificationLeftTimeoutId) {
|
|
Mainloop.source_remove(this._notificationLeftTimeoutId);
|
|
this._notificationLeftTimeoutId = 0;
|
|
this._notificationLeftMouseX = -1;
|
|
this._notificationLeftMouseY = -1;
|
|
}
|
|
},
|
|
|
|
_onNotificationHoverChanged: function() {
|
|
if (this.actor.hover == this._notificationHovered)
|
|
return;
|
|
|
|
this._notificationHovered = this.actor.hover;
|
|
if (this._notificationHovered) {
|
|
this._resetNotificationLeftTimeout();
|
|
|
|
if (this._showNotificationMouseX >= 0) {
|
|
let actorAtShowNotificationPosition =
|
|
global.stage.get_actor_at_pos(Clutter.PickMode.ALL, this._showNotificationMouseX, this._showNotificationMouseY);
|
|
this._showNotificationMouseX = -1;
|
|
this._showNotificationMouseY = -1;
|
|
// Don't set this._pointerInNotification to true if the pointer was initially in the area where the notification
|
|
// popped up. That way we will not be expanding notifications that happen to pop up over the pointer
|
|
// automatically. Instead, the user is able to expand the notification by mousing away from it and then
|
|
// mousing back in. Because this is an expected action, we set the boolean flag that indicates that a longer
|
|
// timeout should be used before popping down the notification.
|
|
if (this.actor.contains(actorAtShowNotificationPosition)) {
|
|
this._useLongerNotificationLeftTimeout = true;
|
|
return;
|
|
}
|
|
}
|
|
|
|
this._pointerInNotification = true;
|
|
this._updateState();
|
|
} else {
|
|
// We record the position of the mouse the moment it leaves the tray. These coordinates are used in
|
|
// this._onNotificationLeftTimeout() to determine if the mouse has moved far enough during the initial timeout for us
|
|
// to consider that the user intended to leave the tray and therefore hide the tray. If the mouse is still
|
|
// close to its previous position, we extend the timeout once.
|
|
let [x, y, mods] = global.get_pointer();
|
|
this._notificationLeftMouseX = x;
|
|
this._notificationLeftMouseY = y;
|
|
|
|
// We wait just a little before hiding the message tray in case the user quickly moves the mouse back into it.
|
|
// We wait for a longer period if the notification popped up where the mouse pointer was already positioned.
|
|
// That gives the user more time to mouse away from the notification and mouse back in in order to expand it.
|
|
let timeout = this._useLongerNotificationLeftTimeout ? LONGER_HIDE_TIMEOUT * 1000 : HIDE_TIMEOUT * 1000;
|
|
this._notificationLeftTimeoutId = Mainloop.timeout_add(timeout, Lang.bind(this, this._onNotificationLeftTimeout));
|
|
GLib.Source.set_name_by_id(this._notificationLeftTimeoutId, '[gnome-shell] this._onNotificationLeftTimeout');
|
|
}
|
|
},
|
|
|
|
_onStatusChanged: function(status) {
|
|
if (status == GnomeSession.PresenceStatus.BUSY) {
|
|
// remove notification and allow the summary to be closed now
|
|
this._updateNotificationTimeout(0);
|
|
this._busy = true;
|
|
} else if (status != GnomeSession.PresenceStatus.IDLE) {
|
|
// We preserve the previous value of this._busy if the status turns to IDLE
|
|
// so that we don't start showing notifications queued during the BUSY state
|
|
// as the screensaver gets activated.
|
|
this._busy = false;
|
|
}
|
|
|
|
this._updateState();
|
|
},
|
|
|
|
_onNotificationLeftTimeout: function() {
|
|
let [x, y, mods] = global.get_pointer();
|
|
// We extend the timeout once if the mouse moved no further than MOUSE_LEFT_ACTOR_THRESHOLD to either side.
|
|
if (this._notificationLeftMouseX > -1 &&
|
|
y < this._notificationLeftMouseY + MOUSE_LEFT_ACTOR_THRESHOLD &&
|
|
y > this._notificationLeftMouseY - MOUSE_LEFT_ACTOR_THRESHOLD &&
|
|
x < this._notificationLeftMouseX + MOUSE_LEFT_ACTOR_THRESHOLD &&
|
|
x > this._notificationLeftMouseX - MOUSE_LEFT_ACTOR_THRESHOLD) {
|
|
this._notificationLeftMouseX = -1;
|
|
this._notificationLeftTimeoutId = Mainloop.timeout_add(LONGER_HIDE_TIMEOUT * 1000,
|
|
Lang.bind(this, this._onNotificationLeftTimeout));
|
|
GLib.Source.set_name_by_id(this._notificationLeftTimeoutId, '[gnome-shell] this._onNotificationLeftTimeout');
|
|
} else {
|
|
this._notificationLeftTimeoutId = 0;
|
|
this._useLongerNotificationLeftTimeout = false;
|
|
this._pointerInNotification = false;
|
|
this._updateNotificationTimeout(0);
|
|
this._updateState();
|
|
}
|
|
return GLib.SOURCE_REMOVE;
|
|
},
|
|
|
|
_escapeTray: function() {
|
|
this._pointerInNotification = false;
|
|
this._updateNotificationTimeout(0);
|
|
this._updateState();
|
|
},
|
|
|
|
// All of the logic for what happens when occurs here; the various
|
|
// event handlers merely update variables such as
|
|
// 'this._pointerInNotification', 'this._traySummoned', etc, and
|
|
// _updateState() figures out what (if anything) needs to be done
|
|
// at the present time.
|
|
_updateState: function() {
|
|
this.actor.visible = !this._bannerBlocked;
|
|
if (this._bannerBlocked)
|
|
return;
|
|
|
|
// If our state changes caused _updateState to be called,
|
|
// just exit now to prevent reentrancy issues.
|
|
if (this._updatingState)
|
|
return;
|
|
|
|
this._updatingState = true;
|
|
|
|
// Filter out acknowledged notifications.
|
|
let changed = false;
|
|
this._notificationQueue = this._notificationQueue.filter(function(n) {
|
|
changed = changed || n.acknowledged;
|
|
return !n.acknowledged;
|
|
});
|
|
|
|
if (changed)
|
|
this.emit('queue-changed');
|
|
|
|
let hasNotifications = Main.sessionMode.hasNotifications;
|
|
|
|
if (this._notificationState == State.HIDDEN) {
|
|
let nextNotification = this._notificationQueue[0] || null;
|
|
if (hasNotifications && nextNotification) {
|
|
let limited = this._busy || Main.layoutManager.bottomMonitor.inFullscreen;
|
|
let showNextNotification = (!limited || nextNotification.forFeedback || nextNotification.urgency == Urgency.CRITICAL);
|
|
if (showNextNotification)
|
|
this._showNotification();
|
|
}
|
|
} else if (this._notificationState == State.SHOWN) {
|
|
let expired = (this._userActiveWhileNotificationShown &&
|
|
this._notificationTimeoutId == 0 &&
|
|
this._notification.urgency != Urgency.CRITICAL &&
|
|
!this._banner.focused &&
|
|
!this._pointerInNotification) || this._notificationExpired;
|
|
let mustClose = (this._notificationRemoved || !hasNotifications || expired);
|
|
|
|
if (mustClose) {
|
|
let animate = hasNotifications && !this._notificationRemoved;
|
|
this._hideNotification(animate);
|
|
} else if (this._pointerInNotification && !this._banner.expanded) {
|
|
this._expandBanner(false);
|
|
} else if (this._pointerInNotification) {
|
|
this._ensureBannerFocused();
|
|
}
|
|
}
|
|
|
|
this._updatingState = false;
|
|
|
|
// Clean transient variables that are used to communicate actions
|
|
// to updateState()
|
|
this._notificationExpired = false;
|
|
},
|
|
|
|
_tween: function(actor, statevar, value, params) {
|
|
let onComplete = params.onComplete;
|
|
let onCompleteScope = params.onCompleteScope;
|
|
let onCompleteParams = params.onCompleteParams;
|
|
|
|
params.onComplete = this._tweenComplete;
|
|
params.onCompleteScope = this;
|
|
params.onCompleteParams = [statevar, value, onComplete, onCompleteScope, onCompleteParams];
|
|
|
|
// Remove other tweens that could mess with the state machine
|
|
Tweener.removeTweens(actor);
|
|
Tweener.addTween(actor, params);
|
|
|
|
let valuing = (value == State.SHOWN) ? State.SHOWING : State.HIDING;
|
|
this[statevar] = valuing;
|
|
},
|
|
|
|
_tweenComplete: function(statevar, value, onComplete, onCompleteScope, onCompleteParams) {
|
|
this[statevar] = value;
|
|
if (onComplete)
|
|
onComplete.apply(onCompleteScope, onCompleteParams);
|
|
this._updateState();
|
|
},
|
|
|
|
_clampOpacity: function() {
|
|
this.actor.opacity = Math.max(0, Math.min(this.actor._opacity, 255));
|
|
},
|
|
|
|
_onIdleMonitorBecameActive: function() {
|
|
this._userActiveWhileNotificationShown = true;
|
|
this._updateNotificationTimeout(2000);
|
|
this._updateState();
|
|
},
|
|
|
|
_showNotification: function() {
|
|
this._notification = this._notificationQueue.shift();
|
|
this.emit('queue-changed');
|
|
|
|
this._userActiveWhileNotificationShown = this.idleMonitor.get_idletime() <= IDLE_TIME;
|
|
if (!this._userActiveWhileNotificationShown) {
|
|
// If the user isn't active, set up a watch to let us know
|
|
// when the user becomes active.
|
|
this.idleMonitor.add_user_active_watch(Lang.bind(this, this._onIdleMonitorBecameActive));
|
|
}
|
|
|
|
// HACK: didn't manage to get chat into a proper state in time
|
|
if (this._notification.source.isChat)
|
|
this._banner = this._notification;
|
|
else
|
|
this._banner = this._notification.createBanner();
|
|
this._bannerClickedId = this._banner.connect('done-displaying',
|
|
Lang.bind(this, this._escapeTray));
|
|
this._bannerUnfocusedId = this._banner.connect('unfocused', Lang.bind(this, function() {
|
|
this._updateState();
|
|
}));
|
|
|
|
this.actor.add_actor(this._banner.actor);
|
|
|
|
this.actor._opacity = 0;
|
|
this.actor.opacity = 0;
|
|
this.actor.y = -this._banner.actor.height;
|
|
this.actor.show();
|
|
|
|
this._updateShowingNotification();
|
|
|
|
let [x, y, mods] = global.get_pointer();
|
|
// We save the position of the mouse at the time when we started showing the notification
|
|
// in order to determine if the notification popped up under it. We make that check if
|
|
// the user starts moving the mouse and _onNotificationHoverChanged() gets called. We don't
|
|
// expand the notification if it just happened to pop up under the mouse unless the user
|
|
// explicitly mouses away from it and then mouses back in.
|
|
this._showNotificationMouseX = x;
|
|
this._showNotificationMouseY = y;
|
|
// We save the coordinates of the mouse at the time when we started showing the notification
|
|
// and then we update it in _notificationTimeout(). We don't pop down the notification if
|
|
// the mouse is moving towards it or within it.
|
|
this._lastSeenMouseX = x;
|
|
this._lastSeenMouseY = y;
|
|
|
|
this._resetNotificationLeftTimeout();
|
|
},
|
|
|
|
_updateShowingNotification: function() {
|
|
this._notification.acknowledged = true;
|
|
this._notification.playSound();
|
|
|
|
// We auto-expand notifications with CRITICAL urgency, or for which the relevant setting
|
|
// is on in the control center.
|
|
if (this._notification.urgency == Urgency.CRITICAL ||
|
|
this._notification.source.policy.forceExpanded)
|
|
this._expandBanner(true);
|
|
|
|
// We tween all notifications to full opacity. This ensures that both new notifications and
|
|
// notifications that might have been in the process of hiding get full opacity.
|
|
//
|
|
// We tween any notification showing in the banner mode to the appropriate height
|
|
// (which is banner height or expanded height, depending on the notification state)
|
|
// This ensures that both new notifications and notifications in the banner mode that might
|
|
// have been in the process of hiding are shown with the correct height.
|
|
//
|
|
// We use this._showNotificationCompleted() onComplete callback to extend the time the updated
|
|
// notification is being shown.
|
|
|
|
let tweenParams = { y: 0,
|
|
_opacity: 255,
|
|
time: ANIMATION_TIME,
|
|
transition: 'easeOutBack',
|
|
onUpdate: this._clampOpacity,
|
|
onUpdateScope: this,
|
|
onComplete: this._showNotificationCompleted,
|
|
onCompleteScope: this
|
|
};
|
|
|
|
this._tween(this.actor, '_notificationState', State.SHOWN, tweenParams);
|
|
},
|
|
|
|
_showNotificationCompleted: function() {
|
|
if (this._notification.urgency != Urgency.CRITICAL)
|
|
this._updateNotificationTimeout(NOTIFICATION_TIMEOUT * 1000);
|
|
},
|
|
|
|
_updateNotificationTimeout: function(timeout) {
|
|
if (this._notificationTimeoutId) {
|
|
Mainloop.source_remove(this._notificationTimeoutId);
|
|
this._notificationTimeoutId = 0;
|
|
}
|
|
if (timeout > 0) {
|
|
this._notificationTimeoutId =
|
|
Mainloop.timeout_add(timeout,
|
|
Lang.bind(this, this._notificationTimeout));
|
|
GLib.Source.set_name_by_id(this._notificationTimeoutId, '[gnome-shell] this._notificationTimeout');
|
|
}
|
|
},
|
|
|
|
_notificationTimeout: function() {
|
|
let [x, y, mods] = global.get_pointer();
|
|
if (y < this._lastSeenMouseY - 10 && !this._notificationHovered) {
|
|
// The mouse is moving towards the notification, so don't
|
|
// hide it yet. (We just create a new timeout (and destroy
|
|
// the old one) each time because the bookkeeping is
|
|
// simpler.)
|
|
this._updateNotificationTimeout(1000);
|
|
} else if (this._useLongerNotificationLeftTimeout && !this._notificationLeftTimeoutId &&
|
|
(x != this._lastSeenMouseX || y != this._lastSeenMouseY)) {
|
|
// Refresh the timeout if the notification originally
|
|
// popped up under the pointer, and the pointer is hovering
|
|
// inside it.
|
|
this._updateNotificationTimeout(1000);
|
|
} else {
|
|
this._notificationTimeoutId = 0;
|
|
this._updateState();
|
|
}
|
|
|
|
this._lastSeenMouseX = x;
|
|
this._lastSeenMouseY = y;
|
|
return GLib.SOURCE_REMOVE;
|
|
},
|
|
|
|
_hideNotification: function(animate) {
|
|
this._notificationFocusGrabber.ungrabFocus();
|
|
|
|
if (this._bannerClickedId) {
|
|
this._banner.disconnect(this._bannerClickedId);
|
|
this._bannerClickedId = 0;
|
|
}
|
|
if (this._bannerUnfocusedId) {
|
|
this._banner.disconnect(this._bannerUnfocusedId);
|
|
this._bannerUnfocusedId = 0;
|
|
}
|
|
|
|
this._resetNotificationLeftTimeout();
|
|
|
|
if (animate) {
|
|
this._tween(this.actor, '_notificationState', State.HIDDEN,
|
|
{ y: -this.actor.height,
|
|
_opacity: 0,
|
|
time: ANIMATION_TIME,
|
|
transition: 'easeOutBack',
|
|
onUpdate: this._clampOpacity,
|
|
onUpdateScope: this,
|
|
onComplete: this._hideNotificationCompleted,
|
|
onCompleteScope: this
|
|
});
|
|
} else {
|
|
Tweener.removeTweens(this.actor);
|
|
this.actor.y = -this.actor.height;
|
|
this.actor.opacity = 0;
|
|
this._notificationState = State.HIDDEN;
|
|
this._hideNotificationCompleted();
|
|
}
|
|
},
|
|
|
|
_hideNotificationCompleted: function() {
|
|
let notification = this._notification;
|
|
this._notification = null;
|
|
if (notification.isTransient)
|
|
notification.destroy(NotificationDestroyedReason.EXPIRED);
|
|
|
|
this._pointerInNotification = false;
|
|
this._notificationRemoved = false;
|
|
|
|
if (notification.resident)
|
|
this.actor.remove_actor(this._banner.actor);
|
|
else
|
|
this._banner.actor.destroy();
|
|
this._banner = null;
|
|
this.actor.hide();
|
|
},
|
|
|
|
_expandActiveNotification: function() {
|
|
if (!this._banner)
|
|
return;
|
|
|
|
this._expandBanner(false);
|
|
},
|
|
|
|
_expandBanner: function(autoExpanding) {
|
|
// Don't animate changes in notifications that are auto-expanding.
|
|
this._banner.expand(!autoExpanding);
|
|
|
|
// Don't focus notifications that are auto-expanding.
|
|
if (!autoExpanding)
|
|
this._ensureBannerFocused();
|
|
},
|
|
|
|
_ensureBannerFocused: function() {
|
|
this._notificationFocusGrabber.grabFocus();
|
|
}
|
|
});
|
|
Signals.addSignalMethods(MessageTray.prototype);
|
|
|
|
const SystemNotificationSource = new Lang.Class({
|
|
Name: 'SystemNotificationSource',
|
|
Extends: Source,
|
|
|
|
_init: function() {
|
|
this.parent(_("System Information"), 'dialog-information-symbolic');
|
|
},
|
|
|
|
open: function() {
|
|
this.destroy();
|
|
}
|
|
});
|