Convert some variable and file names to lowerCamelCase.
Remove unused variables in AppDisplay::_filterAdd(). svn path=/trunk/; revision=123
This commit is contained in:
Marina Zhurakhinskaya
349
js/ui/appDisplay.js
Normal file
349
js/ui/appDisplay.js
Normal file
@ -0,0 +1,349 @@
|
||||
/* -*- 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 Big = imports.gi.Big;
|
||||
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 Big.Box({ background_color: APPDISPLAY_BACKGROUND_COLOR,
|
||||
corner_radius: 4,
|
||||
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.background_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._maxItems = 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._maxItems; 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 appDisplayItem = new AppDisplayItem(appInfo, this._width);
|
||||
appDisplayItem.connect('activate', function() {
|
||||
appDisplayItem.launch();
|
||||
me.emit('activated');
|
||||
});
|
||||
let group = appDisplayItem.actor;
|
||||
this._grid.add_actor(group);
|
||||
this._displayed[appId] = appDisplayItem;
|
||||
},
|
||||
|
||||
_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._maxItems)
|
||||
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);
|
||||
Reference in New Issue
Block a user