// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*- const Clutter = imports.gi.Clutter; const Gio = imports.gi.Gio; const GLib = imports.gi.GLib; const Gtk = imports.gi.Gtk; const GMenu = imports.gi.GMenu; const Shell = imports.gi.Shell; const Lang = imports.lang; const Signals = imports.signals; const Meta = imports.gi.Meta; const St = imports.gi.St; const Mainloop = imports.mainloop; const Atk = imports.gi.Atk; const AppFavorites = imports.ui.appFavorites; const DND = imports.ui.dnd; const IconGrid = imports.ui.iconGrid; const Main = imports.ui.main; const Overview = imports.ui.overview; const PopupMenu = imports.ui.popupMenu; const Search = imports.ui.search; const Tweener = imports.ui.tweener; const Workspace = imports.ui.workspace; const Params = imports.misc.params; const Util = imports.misc.util; const MAX_APPLICATION_WORK_MILLIS = 75; const MENU_POPUP_TIMEOUT = 600; const SCROLL_TIME = 0.1; const AlphabeticalView = new Lang.Class({ Name: 'AlphabeticalView', _init: function() { this._grid = new IconGrid.IconGrid({ xAlign: St.Align.START }); this._appSystem = Shell.AppSystem.get_default(); this._pendingAppLaterId = 0; this._appIcons = {}; // desktop file id this._allApps = []; let box = new St.BoxLayout({ vertical: true }); box.add(this._grid.actor, { y_align: St.Align.START, expand: true }); this.actor = new St.ScrollView({ x_fill: true, y_fill: false, y_align: St.Align.START, style_class: 'vfade' }); this.actor.add_actor(box); this.actor.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC); let action = new Clutter.PanAction({ interpolate: true }); action.connect('pan', Lang.bind(this, this._onPan)); this.actor.add_action(action); }, _onPan: function(action) { let [dist, dx, dy] = action.get_motion_delta(0); let adjustment = this.actor.vscroll.adjustment; adjustment.value -= (dy / this.actor.height) * adjustment.page_size; return false; }, removeAll: function() { this._grid.removeAll(); this._appIcons = {}; this._allApps = []; }, addApp: function(app) { var id = app.get_id(); if (this._appIcons[id] !== undefined) return; let appIcon = new AppWellIcon(app); let pos = Util.insertSorted(this._allApps, app, function(a, b) { return a.compare_by_name(b); }); this._grid.addItem(appIcon.actor, pos); appIcon.actor.connect('key-focus-in', Lang.bind(this, this._ensureIconVisible)); this._appIcons[id] = appIcon; }, _ensureIconVisible: function(icon) { let adjustment = this.actor.vscroll.adjustment; let [value, lower, upper, stepIncrement, pageIncrement, pageSize] = adjustment.get_values(); let offset = 0; let vfade = this.actor.get_effect("vfade"); if (vfade) offset = vfade.fade_offset; // If this gets called as part of a right-click, the actor // will be needs_allocation, and so "icon.y" would return 0 let box = icon.get_allocation_box(); if (box.y1 < value + offset) value = Math.max(0, box.y1 - offset); else if (box.y2 > value + pageSize - offset) value = Math.min(upper, box.y2 + offset - pageSize); else return; Tweener.addTween(adjustment, { value: value, time: SCROLL_TIME, transition: 'easeOutQuad' }); }, setVisibleApps: function(apps) { if (apps == null) { // null implies "all" for (var id in this._appIcons) { var icon = this._appIcons[id]; icon.actor.visible = true; } } else { // Set everything to not-visible, then set to visible what we should see for (var id in this._appIcons) { var icon = this._appIcons[id]; icon.actor.visible = false; } for (var i = 0; i < apps.length; i++) { var app = apps[i]; var id = app.get_id(); var icon = this._appIcons[id]; icon.actor.visible = true; } } } }); const ViewByCategories = new Lang.Class({ Name: 'ViewByCategories', _init: function() { this._appSystem = Shell.AppSystem.get_default(); this.actor = new St.BoxLayout({ style_class: 'all-app' }); this.actor._delegate = this; this._view = new AlphabeticalView(); // categories can be -1 (the All view) or 0...n-1, where n // is the number of sections // -2 is a flag to indicate that nothing is selected // (used only before the actor is mapped the first time) this._currentCategory = -2; this._categories = []; this._categoryBox = new St.BoxLayout({ vertical: true, reactive: true, accessible_role: Atk.Role.LIST }); this._categoryScroll = new St.ScrollView({ x_fill: false, y_fill: false, style_class: 'vfade' }); this._categoryScroll.add_actor(this._categoryBox); this.actor.add(this._view.actor, { expand: true, x_fill: true, y_fill: true }); this.actor.add(this._categoryScroll, { expand: false, y_fill: false, y_align: St.Align.START }); // Always select the "All" filter when switching to the app view this.actor.connect('notify::mapped', Lang.bind(this, function() { if (this.actor.mapped && this._allCategoryButton) this._selectCategory(-1); })); // We need a dummy actor to catch the keyboard focus if the // user Ctrl-Alt-Tabs here before the deferred work creates // our real contents this._focusDummy = new St.Bin({ can_focus: true }); this.actor.add(this._focusDummy); }, _selectCategory: function(num) { if (this._currentCategory == num) // nothing to do return; this._currentCategory = num; if (num != -1) { var category = this._categories[num]; this._allCategoryButton.remove_style_pseudo_class('selected'); this._view.setVisibleApps(category.apps); } else { this._allCategoryButton.add_style_pseudo_class('selected'); this._view.setVisibleApps(null); } for (var i = 0; i < this._categories.length; i++) { if (i == num) this._categories[i].button.add_style_pseudo_class('selected'); else this._categories[i].button.remove_style_pseudo_class('selected'); } }, // Recursively load a GMenuTreeDirectory; we could put this in ShellAppSystem too _loadCategory: function(dir, appList) { var iter = dir.iter(); var nextType; while ((nextType = iter.next()) != GMenu.TreeItemType.INVALID) { if (nextType == GMenu.TreeItemType.ENTRY) { var entry = iter.get_entry(); var app = this._appSystem.lookup_app_by_tree_entry(entry); if (!entry.get_app_info().get_nodisplay()) { this._view.addApp(app); appList.push(app); } } else if (nextType == GMenu.TreeItemType.DIRECTORY) { var itemDir = iter.get_directory(); if (!itemDir.get_is_nodisplay()) this._loadCategory(itemDir, appList); } } }, _addCategory: function(name, index, dir) { let apps; if (dir != null) { apps = []; this._loadCategory(dir, apps); if (apps.length == 0) return false; } let button = new St.Button({ label: GLib.markup_escape_text (name, -1), style_class: 'app-filter', x_align: St.Align.START, can_focus: true , accessible_role: Atk.Role.LIST_ITEM }); button.connect('clicked', Lang.bind(this, function() { this._selectCategory(index); })); if (dir == null) { this._allCategoryButton = button; } else { this._categories.push({ apps: apps, name: name, button: button }); } this._categoryBox.add(button, { expand: true, x_fill: true, y_fill: false }); return true; }, _removeAll: function() { this._view.removeAll(); this._categories = []; this._categoryBox.destroy_all_children(); }, refresh: function() { this._removeAll(); /* Translators: Filter to display all applications */ this._addCategory(_("All"), -1, null); var tree = this._appSystem.get_tree(); var root = tree.get_root_directory(); var iter = root.iter(); var nextType; var i = 0; while ((nextType = iter.next()) != GMenu.TreeItemType.INVALID) { if (nextType == GMenu.TreeItemType.DIRECTORY) { var dir = iter.get_directory(); if (dir.get_is_nodisplay()) continue; if (this._addCategory(dir.get_name(), i, dir)) i++; } } this._selectCategory(-1); if (this._focusDummy) { let focused = this._focusDummy.has_key_focus(); this._focusDummy.destroy(); this._focusDummy = null; if (focused) this.actor.navigate_focus(null, Gtk.DirectionType.TAB_FORWARD, false); } } }); /* This class represents a display containing a collection of application items. * The applications are sorted based on their name. */ const AllAppDisplay = new Lang.Class({ Name: 'AllAppDisplay', _init: function() { this._appSystem = Shell.AppSystem.get_default(); this._appSystem.connect('installed-changed', Lang.bind(this, function() { Main.queueDeferredWork(this._workId); })); this._appView = new ViewByCategories(); this.actor = new St.Bin({ child: this._appView.actor, x_fill: true, y_fill: true }); this._workId = Main.initializeDeferredWork(this.actor, Lang.bind(this, this._redisplay)); }, _redisplay: function() { this._appView.refresh(); } }); const AppSearchProvider = new Lang.Class({ Name: 'AppSearchProvider', Extends: Search.SearchProvider, _init: function() { this.parent(_("APPLICATIONS")); this._appSys = Shell.AppSystem.get_default(); }, getResultMetas: function(apps, callback) { let metas = []; for (let i = 0; i < apps.length; i++) { let app = apps[i]; metas.push({ 'id': app, 'name': app.get_name(), 'createIcon': function(size) { return app.create_icon_texture(size); } }); } callback(metas); }, getInitialResultSet: function(terms) { this.searchSystem.pushResults(this, this._appSys.initial_search(terms)); }, getSubsearchResultSet: function(previousResults, terms) { this.searchSystem.pushResults(this, this._appSys.subsearch(previousResults, terms)); }, activateResult: function(app) { let event = Clutter.get_current_event(); let modifiers = event ? event.get_state() : 0; let openNewWindow = modifiers & Clutter.ModifierType.CONTROL_MASK; if (openNewWindow) app.open_new_window(-1); else app.activate(); }, dragActivateResult: function(id, params) { params = Params.parse(params, { workspace: -1, timestamp: 0 }); let app = this._appSys.lookup_app(id); app.open_new_window(workspace); }, createResultActor: function (resultMeta, terms) { let app = resultMeta['id']; let icon = new AppWellIcon(app); return icon.actor; } }); const SettingsSearchProvider = new Lang.Class({ Name: 'SettingsSearchProvider', Extends: Search.SearchProvider, _init: function() { this.parent(_("SETTINGS")); this._appSys = Shell.AppSystem.get_default(); this.appInfo = Gio.DesktopAppInfo.new('gnome-control-center.desktop'); }, getResultMetas: function(prefs, callback) { let metas = []; for (let i = 0; i < prefs.length; i++) { let pref = prefs[i]; metas.push({ 'id': pref, 'name': pref.get_name(), 'createIcon': function(size) { return pref.create_icon_texture(size); } }); } callback(metas); }, getInitialResultSet: function(terms) { this.searchSystem.pushResults(this, this._appSys.search_settings(terms)); }, getSubsearchResultSet: function(previousResults, terms) { this.searchSystem.pushResults(this, this._appSys.search_settings(terms)); }, activateResult: function(pref) { pref.activate(); }, createResultActor: function (resultMeta, terms) { let app = resultMeta['id']; let icon = new AppWellIcon(app); return icon.actor; }, launchSearch: function(terms) { // FIXME: this should be a remote search provider this.appInfo.launch([], global.create_app_launch_context()); } }); const AppIcon = new Lang.Class({ Name: 'AppIcon', Extends: IconGrid.BaseIcon, _init : function(app, params) { this.app = app; let label = this.app.get_name(); this.parent(label, params); }, createIcon: function(iconSize) { return this.app.create_icon_texture(iconSize); } }); const AppWellIcon = new Lang.Class({ Name: 'AppWellIcon', _init : function(app, iconParams, onActivateOverride) { this.app = app; this.actor = new St.Button({ style_class: 'app-well-app', reactive: true, button_mask: St.ButtonMask.ONE | St.ButtonMask.TWO, can_focus: true, x_fill: true, y_fill: true }); this.actor._delegate = this; this.icon = new AppIcon(app, iconParams); this.actor.set_child(this.icon.actor); this.actor.label_actor = this.icon.label; // A function callback to override the default "app.activate()"; used by preferences this._onActivateOverride = onActivateOverride; this.actor.connect('button-press-event', Lang.bind(this, this._onButtonPress)); this.actor.connect('clicked', Lang.bind(this, this._onClicked)); this.actor.connect('popup-menu', Lang.bind(this, this._onKeyboardPopupMenu)); this._menu = null; this._menuManager = new PopupMenu.PopupMenuManager(this); this._draggable = DND.makeDraggable(this.actor); this._draggable.connect('drag-begin', Lang.bind(this, function () { this._removeMenuTimeout(); Main.overview.beginItemDrag(this); })); this._draggable.connect('drag-cancelled', Lang.bind(this, function () { Main.overview.cancelledItemDrag(this); })); this._draggable.connect('drag-end', Lang.bind(this, function () { Main.overview.endItemDrag(this); })); this.actor.connect('destroy', Lang.bind(this, this._onDestroy)); this._menuTimeoutId = 0; this._stateChangedId = this.app.connect('notify::state', Lang.bind(this, this._onStateChanged)); this._onStateChanged(); }, _onDestroy: function() { if (this._stateChangedId > 0) this.app.disconnect(this._stateChangedId); this._stateChangedId = 0; this._removeMenuTimeout(); }, _removeMenuTimeout: function() { if (this._menuTimeoutId > 0) { Mainloop.source_remove(this._menuTimeoutId); this._menuTimeoutId = 0; } }, _onStateChanged: function() { if (this.app.state != Shell.AppState.STOPPED) this.actor.add_style_class_name('running'); else this.actor.remove_style_class_name('running'); }, _onButtonPress: function(actor, event) { let button = event.get_button(); if (button == 1) { this._removeMenuTimeout(); this._menuTimeoutId = Mainloop.timeout_add(MENU_POPUP_TIMEOUT, Lang.bind(this, function() { this.popupMenu(); })); } else if (button == 3) { this.popupMenu(); return true; } return false; }, _onClicked: function(actor, button) { this._removeMenuTimeout(); if (button == 1) { this._onActivate(Clutter.get_current_event()); } else if (button == 2) { // Last workspace is always empty let launchWorkspace = global.screen.get_workspace_by_index(global.screen.n_workspaces - 1); launchWorkspace.activate(global.get_current_time()); this.emit('launching'); this.app.open_new_window(-1); Main.overview.hide(); } return false; }, _onKeyboardPopupMenu: function() { this.popupMenu(); this._menu.actor.navigate_focus(null, Gtk.DirectionType.TAB_FORWARD, false); }, getId: function() { return this.app.get_id(); }, popupMenu: function() { this._removeMenuTimeout(); this.actor.fake_release(); if (!this._menu) { this._menu = new AppIconMenu(this); this._menu.connect('activate-window', Lang.bind(this, function (menu, window) { this.activateWindow(window); })); this._menu.connect('open-state-changed', Lang.bind(this, function (menu, isPoppedUp) { if (!isPoppedUp) this._onMenuPoppedDown(); })); Main.overview.connect('hiding', Lang.bind(this, function () { this._menu.close(); })); this._menuManager.addMenu(this._menu); } this.emit('menu-state-changed', true); this.actor.set_hover(true); this._menu.popup(); return false; }, activateWindow: function(metaWindow) { if (metaWindow) { Main.activateWindow(metaWindow); } else { Main.overview.hide(); } }, _onMenuPoppedDown: function() { this.actor.sync_hover(); this.emit('menu-state-changed', false); }, _onActivate: function (event) { this.emit('launching'); let modifiers = event.get_state(); if (this._onActivateOverride) { this._onActivateOverride(event); } else { if (modifiers & Clutter.ModifierType.CONTROL_MASK && this.app.state == Shell.AppState.RUNNING) { this.app.open_new_window(-1); } else { this.app.activate(); } } Main.overview.hide(); }, shellWorkspaceLaunch : function(params) { params = Params.parse(params, { workspace: -1, timestamp: 0 }); this.app.open_new_window(params.workspace); }, getDragActor: function() { return this.app.create_icon_texture(Main.overview.dashIconSize); }, // Returns the original actor that should align with the actor // we show as the item is being dragged. getDragActorSource: function() { return this.icon.icon; } }); Signals.addSignalMethods(AppWellIcon.prototype); const AppIconMenu = new Lang.Class({ Name: 'AppIconMenu', Extends: PopupMenu.PopupMenu, _init: function(source) { let side = St.Side.LEFT; if (Clutter.get_default_text_direction() == Clutter.TextDirection.RTL) side = St.Side.RIGHT; this.parent(source.actor, 0.5, side); // We want to keep the item hovered while the menu is up this.blockSourceEvents = true; this._source = source; this.connect('activate', Lang.bind(this, this._onActivate)); this.actor.add_style_class_name('app-well-menu'); // Chain our visibility and lifecycle to that of the source source.actor.connect('notify::mapped', Lang.bind(this, function () { if (!source.actor.mapped) this.close(); })); source.actor.connect('destroy', Lang.bind(this, function () { this.actor.destroy(); })); Main.uiGroup.add_actor(this.actor); }, _redisplay: function() { this.removeAll(); let windows = this._source.app.get_windows(); // Display the app windows menu items and the separator between windows // of the current desktop and other windows. let activeWorkspace = global.screen.get_active_workspace(); let separatorShown = windows.length > 0 && windows[0].get_workspace() != activeWorkspace; for (let i = 0; i < windows.length; i++) { if (!separatorShown && windows[i].get_workspace() != activeWorkspace) { this._appendSeparator(); separatorShown = true; } let item = this._appendMenuItem(windows[i].title); item._window = windows[i]; } if (!this._source.app.is_window_backed()) { if (windows.length > 0) this._appendSeparator(); let isFavorite = AppFavorites.getAppFavorites().isFavorite(this._source.app.get_id()); this._newWindowMenuItem = this._appendMenuItem(_("New Window")); this._appendSeparator(); this._toggleFavoriteMenuItem = this._appendMenuItem(isFavorite ? _("Remove from Favorites") : _("Add to Favorites")); } }, _appendSeparator: function () { let separator = new PopupMenu.PopupSeparatorMenuItem(); this.addMenuItem(separator); }, _appendMenuItem: function(labelText) { // FIXME: app-well-menu-item style let item = new PopupMenu.PopupMenuItem(labelText); this.addMenuItem(item); return item; }, popup: function(activatingButton) { this._redisplay(); this.open(); }, _onActivate: function (actor, child) { if (child._window) { let metaWindow = child._window; this.emit('activate-window', metaWindow); } else if (child == this._newWindowMenuItem) { this._source.app.open_new_window(-1); this.emit('activate-window', null); } else if (child == this._toggleFavoriteMenuItem) { let favs = AppFavorites.getAppFavorites(); let isFavorite = favs.isFavorite(this._source.app.get_id()); if (isFavorite) favs.removeFavorite(this._source.app.get_id()); else favs.addFavorite(this._source.app.get_id()); } this.close(); } }); Signals.addSignalMethods(AppIconMenu.prototype);