const { Atk, Clutter, Gio, GLib, GObject, Meta, Pango, St } = imports.gi; const Main = imports.ui.main; const MessageTray = imports.ui.messageTray; const Signals = imports.signals; const Calendar = imports.ui.calendar; const Tweener = imports.ui.tweener; const Util = imports.misc.util; var MESSAGE_ANIMATION_TIME = 0.1; var DEFAULT_EXPAND_LINES = 6; 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. // Ref: https://developer.gnome.org/notification-spec/#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); } var URLHighlighter = class URLHighlighter { constructor(text, lineWrap, allowMarkup) { if (!text) text = ''; this.actor = new St.Label({ reactive: true, style_class: 'url-highlighter', x_expand: true, x_align: Clutter.ActorAlign.START }); this._linkColor = '#ccccff'; this.actor.connect('style-changed', () => { 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', (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', (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.includes(':')) 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', (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.display.set_cursor(Meta.Cursor.POINTING_HAND); this._cursorChanged = true; } else if (urlId == -1) { global.display.set_cursor(Meta.Cursor.DEFAULT); this._cursorChanged = false; } return Clutter.EVENT_PROPAGATE; }); this.actor.connect('leave-event', () => { if (!this.actor.visible || this.actor.get_paint_opacity() == 0) return Clutter.EVENT_PROPAGATE; if (this._cursorChanged) { this._cursorChanged = false; global.display.set_cursor(Meta.Cursor.DEFAULT); } return Clutter.EVENT_PROPAGATE; }); } setMarkup(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() { // 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(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; } }; var ScaleLayout = GObject.registerClass( class ScaleLayout extends Clutter.BinLayout { _init(params) { this._container = null; super._init(params); } _connectContainer(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, () => { this.layout_changed(); }); this._signals.push(id); } } vfunc_get_preferred_width(container, forHeight) { this._connectContainer(container); let [min, nat] = super.vfunc_get_preferred_width(container, forHeight); return [Math.floor(min * container.scale_x), Math.floor(nat * container.scale_x)]; } vfunc_get_preferred_height(container, forWidth) { this._connectContainer(container); let [min, nat] = super.vfunc_get_preferred_height(container, forWidth); return [Math.floor(min * container.scale_y), Math.floor(nat * container.scale_y)]; } }); var LabelExpanderLayout = GObject.registerClass({ 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)}, }, class LabelExpanderLayout extends Clutter.LayoutManager { _init(params) { this._expansion = 0; this._expandLines = DEFAULT_EXPAND_LINES; super._init(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(container) { this._container = container; } vfunc_get_preferred_width(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(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(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); } } }); var Message = class Message { constructor(title, body) { this.expanded = false; this._useBodyMarkup = 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', this._onKeyPressed.bind(this)); 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, y_align: St.Align.START, visible: false }); hbox.add_actor(this._iconBin); let contentBox = new St.BoxLayout({ style_class: 'message-content', vertical: true, x_expand: true }); hbox.add_actor(contentBox); this._mediaControls = new St.BoxLayout(); hbox.add_actor(this._mediaControls); let titleBox = new St.BoxLayout(); contentBox.add_actor(titleBox); this.titleLabel = new St.Label({ style_class: 'message-title' }); this.setTitle(title); titleBox.add_actor(this.titleLabel); this._secondaryBin = new St.Bin({ style_class: 'message-secondary-bin', x_expand: true, y_expand: true, x_fill: true, y_fill: true }); 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, opacity: 0 }); titleBox.add_actor(this._closeButton); this._bodyStack = new St.Widget({ x_expand: true }); 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', this.close.bind(this)); let actorHoverId = this.actor.connect('notify::hover', this._sync.bind(this)); this._closeButton.connect('destroy', this.actor.disconnect.bind(this.actor, actorHoverId)); this.actor.connect('clicked', this._onClicked.bind(this)); this.actor.connect('destroy', this._onDestroy.bind(this)); this._sync(); } close() { this.emit('close'); } setIcon(actor) { this._iconBin.child = actor; this._iconBin.visible = (actor != null); } setSecondaryActor(actor) { this._secondaryBin.child = actor; } setTitle(text) { let title = text ? _fixMarkup(text.replace(/\n/g, ' '), false) : ''; this.titleLabel.clutter_text.set_markup(title); } setBody(text) { this._bodyText = text; this.bodyLabel.setMarkup(text ? text.replace(/\n/g, ' ') : '', this._useBodyMarkup); if (this._expandedLabel) this._expandedLabel.setMarkup(text, this._useBodyMarkup); } setUseBodyMarkup(enable) { if (this._useBodyMarkup === enable) return; this._useBodyMarkup = enable; if (this.bodyLabel) this.setBody(this._bodyText); } setActionArea(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; } addMediaControl(iconName, callback) { let icon = new St.Icon({ icon_name: iconName, icon_size: 16 }); let button = new St.Button({ style_class: 'message-media-control', child: icon }); button.connect('clicked', callback); this._mediaControls.add_actor(button); return button; } setExpandedBody(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(nLines) { this._bodyStack.layout_manager.expandLines = nLines; } expand(animate) { this.expanded = true; this._actionBin.visible = (this._actionBin.get_n_children() > 0); if (this._bodyStack.get_n_children() < 2) { this._expandedLabel = new URLHighlighter(this._bodyText, true, this._useBodyMarkup); this.setExpandedBody(this._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; } this.emit('expanded'); } unexpand(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() { this._actionBin.hide(); this.expanded = false; }}); } else { this._bodyStack.layout_manager.expansion = 0; this._actionBin.scale_y = 0; this.expanded = false; } this.emit('unexpanded'); } canClose() { return false; } _sync() { let visible = this.actor.hover && this.canClose(); this._closeButton.opacity = visible ? 255 : 0; this._closeButton.reactive = visible; } _onClicked() { } _onDestroy() { } _onKeyPressed(a, event) { let keysym = event.get_key_symbol(); if (keysym == Clutter.KEY_Delete || keysym == Clutter.KEY_KP_Delete) { this.close(); return Clutter.EVENT_STOP; } return Clutter.EVENT_PROPAGATE; } }; Signals.addSignalMethods(Message.prototype); var MessageListSection = class MessageListSection { constructor() { this.actor = new St.BoxLayout({ style_class: 'message-list-section', clip_to_allocation: true, x_expand: true, vertical: true }); this._list = new St.BoxLayout({ style_class: 'message-list-section-list', vertical: true }); this.actor.add_actor(this._list); this._list.connect('actor-added', this._sync.bind(this)); this._list.connect('actor-removed', this._sync.bind(this)); let id = Main.sessionMode.connect('updated', this._sync.bind(this)); this.actor.connect('destroy', () => { Main.sessionMode.disconnect(id); }); this._messages = new Map(); this._date = new Date(); this.empty = true; this.canClear = false; this._sync(); } _onKeyFocusIn(actor) { this.emit('key-focus-in', actor); } get allowed() { return true; } setDate(date) { if (Calendar.sameDay(date, this._date)) return; this._date = date; this._sync(); } addMessage(message, animate) { this.addMessageAtIndex(message, -1, animate); } addMessageAtIndex(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', this._onKeyFocusIn.bind(this)); obj.destroyId = message.actor.connect('destroy', () => { this.removeMessage(message, false); }); obj.closeId = message.connect('close', () => { 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' }); } moveMessage(message, index, animate) { let obj = this._messages.get(message); if (!animate) { this._list.set_child_at_index(obj.container, index); return; } let onComplete = () => { this._list.set_child_at_index(obj.container, index); Tweener.addTween(obj.container, { scale_x: 1, scale_y: 1, time: MESSAGE_ANIMATION_TIME, transition: 'easeOutQuad' }); }; Tweener.addTween(obj.container, { scale_x: 0, scale_y: 0, time: MESSAGE_ANIMATION_TIME, transition: 'easeOutQuad', onComplete: onComplete }); } removeMessage(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() { obj.container.destroy(); global.sync_pointer(); }}); } else { obj.container.destroy(); global.sync_pointer(); } } clear() { let messages = [...this._messages.keys()].filter(msg => msg.canClose()); // If there are few messages, letting them all zoom out looks OK if (messages.length < 2) { messages.forEach(message => { message.close(); }); } 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() { message.close(); }}); } } } _canClear() { for (let message of this._messages.keys()) if (message.canClose()) return true; return false; } _shouldShow() { return !this.empty; } _sync() { let empty = this._list.get_n_children() == 0; let changed = this.empty !== empty; this.empty = empty; if (changed) this.emit('empty-changed'); let canClear = this._canClear(); changed = this.canClear !== canClear; this.canClear = canClear; if (changed) this.emit('can-clear-changed'); this.actor.visible = this.allowed && this._shouldShow(); } }; Signals.addSignalMethods(MessageListSection.prototype);