9e45cf84fb
When the user clicks on "Activities", adjust the input shape to the whole screen and show a black overlay group. Actually, the black should be *beneath* the window actors and the overlay group transparent so we can fade in the black while leaving the windows unfaded, visible, but shrunk and rearranged. svn path=/trunk/; revision=14
80 lines
1.9 KiB
JavaScript
80 lines
1.9 KiB
JavaScript
/* -*- mode: js2; js2-basic-offset: 4; -*- */
|
|
|
|
const Mainloop = imports.mainloop;
|
|
|
|
const Shell = imports.gi.Shell;
|
|
const Clutter = imports.gi.Clutter;
|
|
|
|
// The mutual import here causes things to break in weird ways,
|
|
// (http://bugzilla.gnome.org/show_bug.cgi?id=558741)
|
|
// So we do a local import below
|
|
// const Main = imports.ui.main;
|
|
|
|
const PANEL_HEIGHT = 32;
|
|
const PANEL_BACKGROUND_COLOR = new Clutter.Color();
|
|
PANEL_BACKGROUND_COLOR.from_pixel(0xeeddccff);
|
|
|
|
function Panel() {
|
|
this._init();
|
|
}
|
|
|
|
Panel.prototype = {
|
|
_init : function() {
|
|
let global = Shell.global_get();
|
|
|
|
this._group = new Clutter.Group();
|
|
|
|
let background = new Clutter.Rectangle({ color: PANEL_BACKGROUND_COLOR,
|
|
reactive: true,
|
|
width: global.screen_width,
|
|
height: PANEL_HEIGHT });
|
|
this._group.add_actor(background);
|
|
|
|
let message = new Clutter.Label({ font_name: "Sans Bold 16px",
|
|
text: "Activities",
|
|
reactive: true });
|
|
message.set_position(5, 5);
|
|
this._group.add_actor(message);
|
|
|
|
this._clock = new Clutter.Label({ font_name: "Sans Bold 16px",
|
|
text: "" });
|
|
this._clock.set_anchor_point_from_gravity(Clutter.Gravity.NORTH_EAST);
|
|
this._clock.set_position(global.screen_width - 5, 5);
|
|
this._group.add_actor(this._clock);
|
|
|
|
message.connect('button-press-event',
|
|
function(o, event) {
|
|
// See comment above
|
|
let Main = imports.ui.main;
|
|
|
|
if (Main.overlay.visible)
|
|
Main.hide_overlay();
|
|
else
|
|
Main.show_overlay();
|
|
|
|
return true;
|
|
});
|
|
|
|
global.stage.add_actor(this._group);
|
|
|
|
this._updateClock();
|
|
this._startClock();
|
|
},
|
|
|
|
_startClock: function() {
|
|
let me = this;
|
|
Mainloop.timeout_add_seconds(60,
|
|
function() {
|
|
me._updateClock();
|
|
return true;
|
|
});
|
|
},
|
|
|
|
_updateClock: function() {
|
|
this._clock.set_text(new Date().toLocaleFormat("%H:%M"));
|
|
this._clock.set_anchor_point_from_gravity(Clutter.Gravity.NORTH_EAST);
|
|
|
|
return true;
|
|
}
|
|
};
|