a8cfd47a50
appdisplay.js: Add AppDisplay.actor property, remove the x/y parameters to the constructor, and don't automatically add the appdisplay to the stage. overlay.js: Make the AppDisplay a child of the SideShow, rename SideShow._grid to SideShow.actor and slide the SideShow in when showing the stage. http://bugzilla.gnome.org/show_bug.cgi?id=562920 svn path=/trunk/; revision=102
350 lines
11 KiB
JavaScript
350 lines
11 KiB
JavaScript
/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: nil -*- */
|
|
|
|
const Signals = imports.signals;
|
|
const Clutter = imports.gi.Clutter;
|
|
const Gio = imports.gi.Gio;
|
|
const Pango = imports.gi.Pango;
|
|
const Gtk = imports.gi.Gtk;
|
|
|
|
const Tidy = imports.gi.Tidy;
|
|
const Meta = imports.gi.Meta;
|
|
const Shell = imports.gi.Shell;
|
|
|
|
// TODO - move this into GConf once we're not a plugin anymore
|
|
// but have taken over metacity
|
|
// This list is taken from GNOME Online popular applications
|
|
// http://online.gnome.org/applications
|
|
// but with nautilus removed
|
|
const DEFAULT_APPLICATIONS = [
|
|
'mozilla-firefox.desktop',
|
|
'gnome-terminal.desktop',
|
|
'evolution.desktop',
|
|
'evince.desktop',
|
|
'gedit.desktop',
|
|
'mozilla-thunderbird.desktop',
|
|
'totem.desktop',
|
|
'gnome-file-roller.desktop',
|
|
'rhythmbox.desktop',
|
|
'epiphany.desktop',
|
|
'xchat.desktop',
|
|
'openoffice.org-1.9-writer.desktop',
|
|
'emacs.desktop',
|
|
'gnome-system-monitor.desktop',
|
|
'openoffice.org-1.9-calc.desktop',
|
|
'eclipse.desktop',
|
|
'openoffice.org-1.9-impress.desktop',
|
|
'vncviewer.desktop'
|
|
];
|
|
|
|
const APPDISPLAY_NAME_COLOR = new Clutter.Color();
|
|
APPDISPLAY_NAME_COLOR.from_pixel(0xffffffff);
|
|
const APPDISPLAY_COMMENT_COLOR = new Clutter.Color();
|
|
APPDISPLAY_COMMENT_COLOR.from_pixel(0xffffffbb);
|
|
const APPDISPLAY_BACKGROUND_COLOR = new Clutter.Color();
|
|
APPDISPLAY_BACKGROUND_COLOR.from_pixel(0x000000ff);
|
|
const APPDISPLAY_SELECTED_BACKGROUND_COLOR = new Clutter.Color();
|
|
APPDISPLAY_SELECTED_BACKGROUND_COLOR.from_pixel(0x00ff0055);
|
|
|
|
const APPDISPLAY_HEIGHT = 50;
|
|
const APPDISPLAY_PADDING = 4;
|
|
|
|
function AppDisplayItem(node, width) {
|
|
this._init(node, width);
|
|
}
|
|
|
|
AppDisplayItem.prototype = {
|
|
_init: function(appinfo, width) {
|
|
let me = this;
|
|
this._appinfo = appinfo;
|
|
|
|
let name = appinfo.get_name();
|
|
|
|
let icontheme = Gtk.IconTheme.get_default();
|
|
|
|
this._group = new Clutter.Group({reactive: true,
|
|
width: width,
|
|
height: APPDISPLAY_HEIGHT});
|
|
this._group.connect('button-press-event', function(group, e) {
|
|
me.emit('activate');
|
|
return true;
|
|
});
|
|
this._bg = new Clutter.Rectangle({ color: APPDISPLAY_BACKGROUND_COLOR,
|
|
x: 0, y: 0,
|
|
width: width, height: APPDISPLAY_HEIGHT });
|
|
this._group.add_actor(this._bg);
|
|
|
|
this._icon = new Clutter.Texture({ width: 48, height: 48, x: 0, y: 0 });
|
|
let gicon = appinfo.get_icon();
|
|
let path = null;
|
|
if (gicon != null) {
|
|
let iconinfo = icontheme.lookup_by_gicon(gicon, 48, Gtk.IconLookupFlags.NO_SVG);
|
|
if (iconinfo)
|
|
path = iconinfo.get_filename();
|
|
}
|
|
|
|
if (path)
|
|
this._icon.set_from_file(path);
|
|
this._group.add_actor(this._icon);
|
|
|
|
let comment = appinfo.get_description();
|
|
let text_width = width - (me._icon.width + 4);
|
|
this._name = new Clutter.Label({ color: APPDISPLAY_NAME_COLOR,
|
|
font_name: "Sans 14px",
|
|
width: text_width,
|
|
ellipsize: Pango.EllipsizeMode.END,
|
|
text: name,
|
|
x: this._icon.width + 4,
|
|
y: 0});
|
|
this._group.add_actor(this._name);
|
|
this._comment = new Clutter.Label({ color: APPDISPLAY_COMMENT_COLOR,
|
|
font_name: "Sans 12px",
|
|
width: text_width,
|
|
ellipsize: Pango.EllipsizeMode.END,
|
|
text: comment,
|
|
x: this._name.x,
|
|
y: this._name.height + 4})
|
|
this._group.add_actor(this._comment);
|
|
this.actor = this._group;
|
|
},
|
|
launch: function() {
|
|
this._appinfo.launch([], null);
|
|
},
|
|
appinfo: function () {
|
|
return this._appinfo;
|
|
},
|
|
markSelected: function(isSelected) {
|
|
let color;
|
|
if (isSelected)
|
|
color = APPDISPLAY_SELECTED_BACKGROUND_COLOR;
|
|
else
|
|
color = APPDISPLAY_BACKGROUND_COLOR;
|
|
this._bg.color = color;
|
|
}
|
|
};
|
|
|
|
Signals.addSignalMethods(AppDisplayItem.prototype);
|
|
|
|
function AppDisplay(width, height) {
|
|
this._init(width, height);
|
|
}
|
|
|
|
AppDisplay.prototype = {
|
|
_init : function(width, height) {
|
|
let me = this;
|
|
let global = Shell.Global.get();
|
|
this._search = '';
|
|
this._width = width;
|
|
this._height = height;
|
|
this._appmonitor = new Shell.AppMonitor();
|
|
this._appsStale = true;
|
|
this._appmonitor.connect('changed', function(mon) {
|
|
me._appsStale = true;
|
|
});
|
|
this._grid = new Tidy.Grid({width: width, height: height});
|
|
this._appset = {}; // Map<appid, appinfo>
|
|
this._displayed = {}; // Map<appid, AppDisplay>
|
|
this._selectedIndex = -1;
|
|
this._max_items = this._height / (APPDISPLAY_HEIGHT + APPDISPLAY_PADDING);
|
|
this.actor = this._grid;
|
|
},
|
|
|
|
_refreshCache: function() {
|
|
let me = this;
|
|
|
|
if (!this._appsStale)
|
|
return;
|
|
for (id in this._displayed)
|
|
this._displayed[id].destroy();
|
|
this._appset = {};
|
|
this._displayed = {};
|
|
this._selectedIndex = -1;
|
|
let apps = Gio.app_info_get_all();
|
|
for (let i = 0; i < apps.length; i++) {
|
|
let appinfo = apps[i];
|
|
let appid = appinfo.get_id();
|
|
this._appset[appid] = appinfo;
|
|
}
|
|
this._appsStale = false;
|
|
},
|
|
|
|
_removeItem: function(appid) {
|
|
let item = this._displayed[appid];
|
|
let group = item.actor;
|
|
group.destroy();
|
|
delete this._displayed[appid];
|
|
},
|
|
|
|
_removeAll: function() {
|
|
for (appid in this._displayed)
|
|
this._removeItem(appid);
|
|
},
|
|
|
|
_setDefaultList: function() {
|
|
this._removeAll();
|
|
let added = 0;
|
|
for (let i = 0; i < DEFAULT_APPLICATIONS.length && added < this._max_items; i++) {
|
|
let appid = DEFAULT_APPLICATIONS[i];
|
|
let appinfo = this._appset[appid];
|
|
if (appinfo) {
|
|
this._filterAdd(appid);
|
|
added += 1;
|
|
}
|
|
}
|
|
},
|
|
|
|
_getNDisplayed: function() {
|
|
// Is there a better way to do .size() ?
|
|
let c = 0; for (i in this._displayed) { c += 1; };
|
|
return c;
|
|
},
|
|
|
|
_filterAdd: function(appid) {
|
|
let me = this;
|
|
|
|
let appinfo = this._appset[appid];
|
|
let name = appinfo.get_name();
|
|
let index = this._getNDisplayed();
|
|
|
|
let appdisplay = new AppDisplayItem(appinfo, this._width);
|
|
appdisplay.connect('activate', function() {
|
|
appdisplay.launch();
|
|
me.emit('activated');
|
|
});
|
|
let group = appdisplay.actor;
|
|
this._grid.add_actor(group);
|
|
this._displayed[appid] = appdisplay;
|
|
},
|
|
|
|
_filterRemove: function(appid) {
|
|
// In the future, do some sort of fade out or other effect here
|
|
let item = this._displayed[appid];
|
|
this._removeItem(item);
|
|
},
|
|
|
|
_appinfoMatches: function(appinfo, search) {
|
|
if (search == null || search == '')
|
|
return true;
|
|
let name = appinfo.get_name().toLowerCase();
|
|
if (name.indexOf(search) >= 0)
|
|
return true;
|
|
let description = appinfo.get_description();
|
|
if (description) {
|
|
description = description.toLowerCase();
|
|
if (description.indexOf(search) >= 0)
|
|
return true;
|
|
}
|
|
let exec = appinfo.get_executable().toLowerCase();
|
|
if (exec.indexOf(search) >= 0)
|
|
return true;
|
|
return false;
|
|
},
|
|
|
|
_sortApps: function(appids) {
|
|
let me = this;
|
|
return appids.sort(function (a,b) {
|
|
let appA = me._appset[a];
|
|
let appB = me._appset[b];
|
|
return appA.get_name().localeCompare(appB.get_name());
|
|
});
|
|
},
|
|
|
|
_doSearchFilter: function() {
|
|
this._removeAll();
|
|
let matchedApps = [];
|
|
for (appid in this._appset) {
|
|
if (matchedApps.length >= this._max_items)
|
|
break;
|
|
if (this._displayed[appid])
|
|
continue;
|
|
let app = this._appset[appid];
|
|
if (this._appinfoMatches(app, this._search))
|
|
matchedApps.push(appid);
|
|
}
|
|
this._sortApps(matchedApps);
|
|
for (let i = 0; i < matchedApps.length; i++) {
|
|
this._filterAdd(matchedApps[i]);
|
|
}
|
|
},
|
|
|
|
_redisplay: function() {
|
|
this._refreshCache();
|
|
if (!this._search)
|
|
this._setDefaultList();
|
|
else
|
|
this._doSearchFilter();
|
|
},
|
|
|
|
setSearch: function(text) {
|
|
this._search = text.toLowerCase();
|
|
this._redisplay();
|
|
},
|
|
|
|
_findDisplayedByIndex: function(index) {
|
|
let displayedActors = this._grid.get_children();
|
|
let actor = displayedActors[index];
|
|
return this._findDisplayedByActor(actor);
|
|
},
|
|
|
|
_findDisplayedByActor: function(actor) {
|
|
for (appid in this._displayed) {
|
|
let item = this._displayed[appid];
|
|
if (item.actor == actor) {
|
|
return item;
|
|
}
|
|
}
|
|
return null;
|
|
},
|
|
|
|
searchActivate: function() {
|
|
if (this._selectedIndex != -1) {
|
|
let selected = this._findDisplayedByIndex(this._selectedIndex);
|
|
selected.launch();
|
|
this.emit('activated');
|
|
return;
|
|
}
|
|
let displayedActors = this._grid.get_children();
|
|
if (displayedActors.length != 1)
|
|
return;
|
|
let selectedActor = displayedActors[0];
|
|
let selectedMenuItem = this._findDisplayedByActor(selectedActor);
|
|
selectedMenuItem.launch();
|
|
this.emit('activated');
|
|
},
|
|
|
|
_selectIndex: function(index) {
|
|
if (this._selectedIndex != -1) {
|
|
let prev = this._findDisplayedByIndex(this._selectedIndex);
|
|
prev.markSelected(false);
|
|
}
|
|
this._selectedIndex = index;
|
|
let item = this._findDisplayedByIndex(index);
|
|
item.markSelected(true);
|
|
},
|
|
|
|
selectUp: function() {
|
|
let prev = this._selectedIndex-1;
|
|
if (prev < 0)
|
|
return;
|
|
this._selectIndex(prev);
|
|
},
|
|
|
|
selectDown: function() {
|
|
let next = this._selectedIndex+1;
|
|
let nDisplayed = this._getNDisplayed();
|
|
if (next >= nDisplayed)
|
|
return;
|
|
this._selectIndex(next);
|
|
},
|
|
|
|
show: function() {
|
|
this._redisplay();
|
|
this._grid.show();
|
|
},
|
|
|
|
hide: function() {
|
|
this._grid.hide();
|
|
}
|
|
};
|
|
|
|
Signals.addSignalMethods(AppDisplay.prototype);
|