isa/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add a very simple first-pass top panel

Browse Source 
Add a top panel with a label "Activities" you can click on and
a HH:MM:SS clock. (A little more and we'll be caught up to gnome-0.9.)

svn path=/trunk/; revision=10
This commit is contained in:
Owen Taylor 2008-10-31 18:09:20 +00:00
parent 136dbbb41f
commit 96963520da
2 changed files with 76 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
js/ui/main.js
View File

@ -1,13 +1,12 @@
/* -*- mode: js2; js2-basic-offset: 4; -*- */
const Shell = imports.gi.Shell; const Shell = imports.gi.Shell;
const Clutter = imports.gi.Clutter; const Clutter = imports.gi.Clutter;
function start() { const Panel = imports.ui.panel;
let global = Shell.global_get();
let message = new Clutter.Label({font_name: "Sans Bold 64px", text: "DRAFT"}); let panel = null;
message.set_opacity(75);
message.set_anchor_point_from_gravity (Clutter.Gravity.CENTER); function start() {
message.set_rotation(Clutter.RotateAxis.Z_AXIS, - 45, 0, 0, 0); panel = new Panel.Panel();
message.set_position(global.screen_width / 2, global.screen_height / 2);
global.overlay_group.add_actor(message);
} }

69
js/ui/panel.js Normal file
View File

@ -0,0 +1,69 @@
/* -*- mode: js2; js2-basic-offset: 4; -*- */
const Mainloop = imports.mainloop;
const Shell = imports.gi.Shell;
const Clutter = imports.gi.Clutter;
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();
global.set_stage_input_area(0, 0, global.screen_width, PANEL_HEIGHT);
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) {
log('Clicked!');
return true;
});
global.stage.add_actor(this._group);
this._updateClock();
this._startClock();
},
_startClock: function() {
let me = this;
Mainloop.timeout_add_seconds(1,
function() {
me._updateClock();
return true;
});
},
_updateClock: function() {
this._clock.set_text(new Date().toLocaleFormat("%H:%M:%S"));
this._clock.set_anchor_point_from_gravity(Clutter.Gravity.NORTH_EAST);
return true;
}
};