c12de59864
shell-global.[ch]: Replace shell_global_focus_stage() with shell_global_grab_keyboard()/shell_global_ungrab_keyboard() main.js: Add startModal()/endModal() functions to go modal and undo that. run_dialog.js overlay.js main.js: Use startModal() for the overlay and for the run dialog. http://bugzilla.gnome.org/show_bug.cgi?id=561880 svn path=/trunk/; revision=83
134 lines
4.1 KiB
JavaScript
134 lines
4.1 KiB
JavaScript
/* -*- mode: js2; js2-basic-offset: 4; -*- */
|
|
|
|
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() {
|
|
if (this._group.visible) // Already shown
|
|
return false;
|
|
|
|
if (!Main.startModal())
|
|
return false;
|
|
|
|
this._group.show_all();
|
|
|
|
// TODO: Detect escape key and make it cancel the operation.
|
|
// Use me.on_cancel() if it exists. Something like this:
|
|
// this._entry.connect('key-press-event', function(o, e) {
|
|
// if (the pressed key is the escape key) {
|
|
// me.hide();
|
|
// me.emit('cancel');
|
|
// return false;
|
|
// } else
|
|
// return true;
|
|
// });
|
|
|
|
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);
|