2009-10-29 20:14:39 +00:00
|
|
|
/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: nil -*- */
|
|
|
|
|
|
|
|
const Lang = imports.lang;
|
|
|
|
const Mainloop = imports.mainloop;
|
|
|
|
const St = imports.gi.St;
|
|
|
|
const Tweener = imports.ui.tweener;
|
|
|
|
|
|
|
|
const Main = imports.ui.main;
|
|
|
|
|
|
|
|
const ANIMATION_TIME = 0.2;
|
|
|
|
const NOTIFICATION_TIMEOUT = 4;
|
|
|
|
|
2009-12-02 21:34:48 +00:00
|
|
|
const MESSAGE_TRAY_TIMEOUT = 0.2;
|
|
|
|
|
2009-10-29 20:14:39 +00:00
|
|
|
function Notification() {
|
|
|
|
this._init();
|
|
|
|
}
|
|
|
|
|
|
|
|
Notification.prototype = {
|
|
|
|
_init: function() {
|
|
|
|
this.actor = new St.BoxLayout({ name: 'notification' });
|
|
|
|
|
2009-11-03 15:47:02 +00:00
|
|
|
this._iconBox = new St.Bin();
|
|
|
|
this.actor.add(this._iconBox);
|
|
|
|
|
2009-10-29 20:14:39 +00:00
|
|
|
this._text = new St.Label();
|
2009-12-08 15:11:33 +00:00
|
|
|
this.actor.add(this._text, { expand: true, x_fill: false, y_fill: false, y_align: St.Align.MIDDLE });
|
2009-10-29 20:14:39 +00:00
|
|
|
|
2009-12-02 22:14:04 +00:00
|
|
|
Main.chrome.addActor(this.actor, { affectsStruts: false });
|
2009-10-29 20:14:39 +00:00
|
|
|
|
|
|
|
let primary = global.get_primary_monitor();
|
|
|
|
this.actor.y = primary.height;
|
|
|
|
|
|
|
|
this._hideTimeoutId = 0;
|
|
|
|
},
|
|
|
|
|
2009-11-03 15:47:02 +00:00
|
|
|
show: function(icon, text) {
|
2009-10-29 20:14:39 +00:00
|
|
|
let primary = global.get_primary_monitor();
|
|
|
|
|
|
|
|
if (this._hideTimeoutId > 0)
|
|
|
|
Mainloop.source_remove(this._hideTimeoutId);
|
|
|
|
this._hideTimeoutId = Mainloop.timeout_add(NOTIFICATION_TIMEOUT * 1000, Lang.bind(this, this.hide));
|
|
|
|
|
2009-11-03 15:47:02 +00:00
|
|
|
this._iconBox.child = icon;
|
2009-10-29 20:14:39 +00:00
|
|
|
this._text.text = text;
|
|
|
|
|
|
|
|
this.actor.x = Math.round((primary.width - this.actor.width) / 2);
|
|
|
|
this.actor.show();
|
|
|
|
Tweener.addTween(this.actor,
|
|
|
|
{ y: primary.height - this.actor.height,
|
|
|
|
time: ANIMATION_TIME,
|
|
|
|
transition: "easeOutQuad"
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
hide: function() {
|
|
|
|
let primary = global.get_primary_monitor();
|
|
|
|
this._hideTimeoutId = 0;
|
|
|
|
|
|
|
|
Tweener.addTween(this.actor,
|
|
|
|
{ y: primary.height,
|
|
|
|
time: ANIMATION_TIME,
|
|
|
|
transition: "easeOutQuad",
|
2009-11-03 15:47:02 +00:00
|
|
|
onComplete: this.hideComplete,
|
2009-10-29 20:14:39 +00:00
|
|
|
onCompleteScope: this
|
|
|
|
});
|
|
|
|
return false;
|
2009-11-03 15:47:02 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
hideComplete: function() {
|
|
|
|
// We don't explicitly destroy the icon, since the caller may
|
|
|
|
// still want it.
|
|
|
|
this._iconBox.child = null;
|
|
|
|
|
|
|
|
// Don't hide the notification if we are showing a new one.
|
|
|
|
if (this._hideTimeoutId == 0)
|
|
|
|
this.actor.hide();
|
2009-10-29 20:14:39 +00:00
|
|
|
}
|
|
|
|
};
|
2009-12-02 21:34:48 +00:00
|
|
|
|
|
|
|
function MessageTray() {
|
|
|
|
this._init();
|
|
|
|
}
|
|
|
|
|
|
|
|
MessageTray.prototype = {
|
|
|
|
_init: function() {
|
|
|
|
this.actor = new St.Bin({ name: 'message-tray',
|
|
|
|
reactive: true,
|
|
|
|
x_align: St.Align.END });
|
2009-12-02 22:14:04 +00:00
|
|
|
Main.chrome.addActor(this.actor, { affectsStruts: false });
|
2009-12-02 21:34:48 +00:00
|
|
|
|
|
|
|
let primary = global.get_primary_monitor();
|
|
|
|
this.actor.x = 0;
|
|
|
|
this.actor.y = primary.height - 1;
|
|
|
|
|
|
|
|
this.actor.width = primary.width;
|
|
|
|
|
|
|
|
this.actor.connect('enter-event',
|
|
|
|
Lang.bind(this, this._onMessageTrayEntered));
|
|
|
|
this.actor.connect('leave-event',
|
|
|
|
Lang.bind(this, this._onMessageTrayLeft));
|
|
|
|
this._isShowing = false;
|
|
|
|
this.actor.show();
|
|
|
|
|
|
|
|
this._tray = new St.BoxLayout({ name: 'message-tray-inner' });
|
|
|
|
this.actor.child = this._tray;
|
|
|
|
this._tray.expand = true;
|
|
|
|
this._icons = {};
|
|
|
|
},
|
|
|
|
|
|
|
|
contains: function(id) {
|
|
|
|
return this._icons.hasOwnProperty(id);
|
|
|
|
},
|
|
|
|
|
|
|
|
add: function(id, icon) {
|
|
|
|
if (this.contains(id))
|
|
|
|
return;
|
|
|
|
|
|
|
|
let iconBox = new St.Bin();
|
|
|
|
iconBox.child = icon;
|
|
|
|
this._tray.insert_actor(iconBox, 0);
|
|
|
|
this._icons[id] = iconBox;
|
|
|
|
},
|
|
|
|
|
|
|
|
remove: function(id) {
|
|
|
|
if (!this.contains(id))
|
|
|
|
return;
|
|
|
|
|
|
|
|
this._tray.remove_actor(this._icons[id]);
|
|
|
|
this._icons[id].destroy();
|
|
|
|
delete this._icons[id];
|
|
|
|
},
|
|
|
|
|
|
|
|
_onMessageTrayEntered: function() {
|
|
|
|
if (this._hideTimeoutId > 0)
|
|
|
|
Mainloop.source_remove(this._hideTimeoutId);
|
|
|
|
|
|
|
|
if (this._isShowing)
|
|
|
|
return;
|
|
|
|
|
|
|
|
this._isShowing = true;
|
|
|
|
let primary = global.get_primary_monitor();
|
|
|
|
Tweener.addTween(this.actor,
|
|
|
|
{ y: primary.height - this.actor.height,
|
|
|
|
time: ANIMATION_TIME,
|
|
|
|
transition: "easeOutQuad"
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
_onMessageTrayLeft: function() {
|
|
|
|
if (!this._isShowing)
|
|
|
|
return;
|
|
|
|
|
|
|
|
this._hideTimeoutId = Mainloop.timeout_add(MESSAGE_TRAY_TIMEOUT * 1000, Lang.bind(this, this._hide));
|
|
|
|
},
|
|
|
|
|
|
|
|
_hide: function() {
|
|
|
|
this._isShowing = false;
|
|
|
|
this._hideTimeoutId = 0;
|
|
|
|
|
|
|
|
let primary = global.get_primary_monitor();
|
|
|
|
|
|
|
|
Tweener.addTween(this.actor,
|
|
|
|
{ y: primary.height - 1,
|
|
|
|
time: ANIMATION_TIME,
|
|
|
|
transition: "easeOutQuad"
|
|
|
|
});
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|