2010-06-22 17:02:26 -04:00
|
|
|
/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: nil -*- */
|
|
|
|
|
2010-10-07 14:15:51 -04:00
|
|
|
const Clutter = imports.gi.Clutter;
|
2010-06-22 17:02:26 -04:00
|
|
|
const St = imports.gi.St;
|
|
|
|
const Lang = imports.lang;
|
|
|
|
const PopupMenu = imports.ui.popupMenu;
|
|
|
|
const Main = imports.ui.main;
|
|
|
|
|
|
|
|
function Button(menuAlignment) {
|
|
|
|
this._init(menuAlignment);
|
|
|
|
}
|
|
|
|
|
|
|
|
Button.prototype = {
|
|
|
|
_init: function(menuAlignment) {
|
|
|
|
this.actor = new St.Bin({ style_class: 'panel-button',
|
|
|
|
reactive: true,
|
2010-10-07 14:15:51 -04:00
|
|
|
can_focus: true,
|
2010-06-22 17:02:26 -04:00
|
|
|
x_fill: true,
|
|
|
|
y_fill: false,
|
|
|
|
track_hover: true });
|
|
|
|
this.actor._delegate = this;
|
|
|
|
this.actor.connect('button-press-event', Lang.bind(this, this._onButtonPress));
|
2010-10-07 14:15:51 -04:00
|
|
|
this.actor.connect('key-press-event', Lang.bind(this, this._onKeyPress));
|
2010-06-22 17:02:26 -04:00
|
|
|
this.menu = new PopupMenu.PopupMenu(this.actor, menuAlignment, St.Side.TOP, /* FIXME */ 0);
|
|
|
|
this.menu.connect('open-state-changed', Lang.bind(this, this._onOpenStateChanged));
|
|
|
|
Main.chrome.addActor(this.menu.actor, { visibleInOverview: true,
|
|
|
|
affectsStruts: false });
|
|
|
|
this.menu.actor.hide();
|
|
|
|
},
|
|
|
|
|
|
|
|
_onButtonPress: function(actor, event) {
|
|
|
|
this.menu.toggle();
|
|
|
|
},
|
|
|
|
|
2010-10-07 14:15:51 -04:00
|
|
|
_onKeyPress: function(actor, event) {
|
|
|
|
let symbol = event.get_key_symbol();
|
|
|
|
if (symbol == Clutter.KEY_space || symbol == Clutter.KEY_Return) {
|
|
|
|
this.menu.toggle();
|
|
|
|
return true;
|
|
|
|
} else if (symbol == Clutter.KEY_Down) {
|
|
|
|
if (!this.menu.isOpen)
|
|
|
|
this.menu.toggle();
|
|
|
|
this.menu.activateFirst();
|
|
|
|
return true;
|
|
|
|
} else
|
|
|
|
return false;
|
|
|
|
},
|
|
|
|
|
2010-06-22 17:02:26 -04:00
|
|
|
_onOpenStateChanged: function(menu, open) {
|
2010-10-07 14:15:51 -04:00
|
|
|
if (open) {
|
2010-06-22 17:02:26 -04:00
|
|
|
this.actor.add_style_pseudo_class('pressed');
|
2010-10-07 14:15:51 -04:00
|
|
|
let focus = global.stage.get_key_focus();
|
|
|
|
if (!focus || (focus != this.actor && !menu.contains(focus)))
|
|
|
|
this.actor.grab_key_focus();
|
|
|
|
} else
|
2010-06-22 17:02:26 -04:00
|
|
|
this.actor.remove_style_pseudo_class('pressed');
|
|
|
|
}
|
2010-06-22 17:06:17 -04:00
|
|
|
};
|
|
|
|
|
|
|
|
/* SystemStatusButton:
|
|
|
|
*
|
|
|
|
* This class manages one System Status indicator (network, keyboard,
|
|
|
|
* volume, bluetooth...), which is just a PanelMenuButton with an
|
|
|
|
* icon and a tooltip
|
|
|
|
*/
|
|
|
|
function SystemStatusButton() {
|
|
|
|
this._init.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
|
|
|
SystemStatusButton.prototype = {
|
|
|
|
__proto__: Button.prototype,
|
|
|
|
|
|
|
|
_init: function(iconName,tooltipText) {
|
|
|
|
Button.prototype._init.call(this, St.Align.START);
|
|
|
|
this._iconActor = null;
|
|
|
|
this.setIcon(iconName);
|
|
|
|
this.setTooltip(tooltipText);
|
|
|
|
},
|
|
|
|
|
|
|
|
setIcon: function(iconName) {
|
|
|
|
this._iconName = iconName;
|
|
|
|
if (this._iconActor)
|
|
|
|
this._iconActor.destroy();
|
2010-09-16 11:04:51 -04:00
|
|
|
this._iconActor = St.TextureCache.get_default().load_icon_name(this._iconName, St.IconType.SYMBOLIC, 24);
|
2010-06-22 17:06:17 -04:00
|
|
|
this.actor.set_child(this._iconActor);
|
|
|
|
},
|
|
|
|
|
|
|
|
setTooltip: function(text) {
|
|
|
|
if (text != null) {
|
|
|
|
this.tooltip = text;
|
|
|
|
this.actor.has_tooltip = true;
|
|
|
|
this.actor.tooltip_text = text;
|
|
|
|
} else {
|
|
|
|
this.actor.has_tooltip = false;
|
|
|
|
this.tooltip = null;
|
|
|
|
}
|
|
|
|
}
|
2010-06-22 17:02:26 -04:00
|
|
|
};
|