7b471645f4
Revert most JS changes in commit:
Fri Nov 28 20:12:20 2008 +0000
Convert all JS style to be uniform, add Eclipse settings bits
Instead, just add 'indent-tabs-mode: nil' to the mode lines and convert
tabs to spaces. The indentation no longer exactly matches the Eclipse
settings, since they differ in some ways from the style we are trying
to achieve.
svn path=/trunk/; revision=97
134 lines
4.0 KiB
JavaScript
134 lines
4.0 KiB
JavaScript
/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: nil -*- */
|
|
|
|
const Signals = imports.signals;
|
|
const Shell = imports.gi.Shell;
|
|
const Clutter = imports.gi.Clutter;
|
|
|
|
const Main = imports.ui.main;
|
|
|
|
const OVERLAY_COLOR = new Clutter.Color();
|
|
OVERLAY_COLOR.from_pixel(0x00000044);
|
|
|
|
const BOX_BACKGROUND_COLOR = new Clutter.Color();
|
|
BOX_BACKGROUND_COLOR.from_pixel(0x000000cc);
|
|
|
|
const BOX_TEXT_COLOR = new Clutter.Color();
|
|
BOX_TEXT_COLOR.from_pixel(0xffffffff);
|
|
|
|
const BOX_WIDTH = 320;
|
|
const BOX_HEIGHT = 56;
|
|
|
|
function RunDialog() {
|
|
this._init();
|
|
};
|
|
|
|
RunDialog.prototype = {
|
|
_init : function() {
|
|
let global = Shell.Global.get();
|
|
|
|
// All actors are inside _group. We create it initially
|
|
// hidden then show it in show()
|
|
this._group = new Clutter.Group({ visible: false });
|
|
global.stage.add_actor(this._group);
|
|
|
|
this._overlay = new Clutter.Rectangle({ color: OVERLAY_COLOR,
|
|
width: global.screen_width,
|
|
height: global.screen_height,
|
|
border_width: 0,
|
|
reactive: true });
|
|
this._group.add_actor(this._overlay);
|
|
|
|
let boxGroup = new Clutter.Group();
|
|
boxGroup.set_position((global.screen_width - BOX_WIDTH) / 2,
|
|
(global.screen_height - BOX_HEIGHT) / 2);
|
|
this._group.add_actor(boxGroup);
|
|
|
|
let box = new Clutter.Rectangle({ color: BOX_BACKGROUND_COLOR,
|
|
reactive: false,
|
|
width: BOX_WIDTH,
|
|
height: BOX_HEIGHT,
|
|
border_width: 0 });
|
|
boxGroup.add_actor(box);
|
|
|
|
let label = new Clutter.Label({ color: BOX_TEXT_COLOR,
|
|
font_name: '18px Sans',
|
|
text: 'Please enter a command:' });
|
|
label.set_position(6, 6);
|
|
boxGroup.add_actor(label);
|
|
|
|
this._entry = new Clutter.Entry({ color: BOX_TEXT_COLOR,
|
|
font_name: '20px Sans Bold',
|
|
reactive: true,
|
|
text: '',
|
|
entry_padding: 0,
|
|
width: BOX_WIDTH - 12,
|
|
height: BOX_HEIGHT - 12 });
|
|
// TODO: Implement relative positioning using Tidy.
|
|
this._entry.set_position(6, 30);
|
|
boxGroup.add_actor(this._entry);
|
|
|
|
let me = this;
|
|
|
|
this._entry.connect('activate', function (o, e) {
|
|
me.hide();
|
|
me._run(o.get_text());
|
|
return false;
|
|
});
|
|
|
|
},
|
|
|
|
_run : function(command) {
|
|
if (command) {
|
|
var p = new Shell.Process({'args' : [command]});
|
|
try {
|
|
p.run();
|
|
} catch (e) {
|
|
// TODO: Give the user direct feedback.
|
|
log('Could not run command ' + command + '.');
|
|
}
|
|
}
|
|
|
|
this.emit('run');
|
|
},
|
|
|
|
show : function() {
|
|
let me = this;
|
|
|
|
if (this._group.visible) // Already shown
|
|
return false;
|
|
|
|
if (!Main.startModal())
|
|
return false;
|
|
|
|
this._group.show_all();
|
|
|
|
this._entry.connect('key-press-event', function(o, e) {
|
|
if (e.get_code() == 9) {
|
|
me.hide();
|
|
me.emit('cancel');
|
|
return true;
|
|
} else
|
|
return false;
|
|
});
|
|
|
|
let global = Shell.Global.get();
|
|
global.stage.set_key_focus(this._entry);
|
|
|
|
return true;
|
|
},
|
|
|
|
hide : function() {
|
|
if (!this._group.visible)
|
|
return;
|
|
|
|
this._group.hide();
|
|
Main.endModal();
|
|
},
|
|
|
|
destroy : function(){
|
|
this.hide();
|
|
this._group.destroy();
|
|
}
|
|
};
|
|
Signals.addSignalMethods(RunDialog.prototype);
|