/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: nil -*- */ const Clutter = imports.gi.Clutter; const Gtk = imports.gi.Gtk; const Shell = imports.gi.Shell; const Lang = imports.lang; const Signals = imports.signals; const St = imports.gi.St; const Mainloop = imports.mainloop; const Gettext = imports.gettext.domain('gnome-shell'); const _ = Gettext.gettext; 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 WELL_MAX_COLUMNS = 16; const WELL_MAX_SEARCH_ROWS = 1; const MENU_POPUP_TIMEOUT = 600; function AlphabeticalView() { this._init(); } AlphabeticalView.prototype = { _init: function() { this.actor = new St.BoxLayout({ vertical: true }); this._grid = new IconGrid.IconGrid(); this._appSystem = Shell.AppSystem.get_default(); this.actor.add(this._grid.actor, { y_align: St.Align.START, expand: true }); }, _removeAll: function() { this._grid.removeAll(); this._apps = []; }, _addApp: function(app) { let appIcon = new AppWellIcon(this._appSystem.get_app(app.get_id())); appIcon.connect('launching', Lang.bind(this, function() { this.emit('launching'); })); appIcon._draggable.connect('drag-begin', Lang.bind(this, function() { this.emit('drag-begin'); })); this._grid.addItem(appIcon.actor); this._apps.push(appIcon); }, refresh: function(apps) { let ids = []; for (let i in apps) ids.push(i); ids.sort(function(a, b) { return apps[a].get_name().localeCompare(apps[b].get_name()); }); this._removeAll(); for (let i = 0; i < ids.length; i++) { this._addApp(apps[ids[i]]); } } }; Signals.addSignalMethods(AlphabeticalView.prototype); function ViewByCategories() { this._init(); } ViewByCategories.prototype = { _init: function() { this._appSystem = Shell.AppSystem.get_default(); this.actor = new St.BoxLayout({ vertical: true }); this.actor._delegate = this; this._sections = []; }, _updateSections: function(apps) { this._removeAll(); let sections = this._appSystem.get_sections(); if (!sections) return; for (let i = 0; i < sections.length; i++) { if (i) { let actor = new St.Bin({ style_class: 'app-section-divider' }); let divider = new St.Bin({ style_class: 'app-section-divider-container', child: actor, x_fill: true }); this.actor.add(divider, { y_fill: false, expand: true }); } let _apps = apps.filter(function(app) { return app.get_section() == sections[i]; }); this._sections[i] = { view: new AlphabeticalView(), apps: _apps, name: sections[i] }; this._sections[i].view.connect('launching', Lang.bind(this, function() { this.emit('launching'); })); this._sections[i].view.connect('drag-begin', Lang.bind(this, function() { this.emit('drag-begin'); })); this.actor.add(this._sections[i].view.actor, { y_align: St.Align.START, expand: true }); } }, _removeAll: function() { this.actor.destroy_children(); this._sections.forEach(function (section) { section.view.disconnectAll(); }); this._sections = []; }, refresh: function(apps) { this._updateSections(apps); for (let i = 0; i < this._sections.length; i++) { this._sections[i].view.refresh(this._sections[i].apps); } } }; Signals.addSignalMethods(ViewByCategories.prototype); /* This class represents a display containing a collection of application items. * The applications are sorted based on their name. */ function AllAppDisplay() { this._init(); } AllAppDisplay.prototype = { _init: function() { this._appSystem = Shell.AppSystem.get_default(); this._appSystem.connect('installed-changed', Lang.bind(this, function() { Main.queueDeferredWork(this._workId); })); let bin = new St.BoxLayout({ style_class: 'all-app-controls-panel', reactive: true }); this.actor = new St.BoxLayout({ style_class: 'all-app', vertical: true }); this.actor.hide(); let view = new St.ScrollView({ x_fill: true, y_fill: false, style_class: 'all-app-scroll-view', vshadows: true }); this._scrollView = view; this.actor.add(bin); this.actor.add(view, { expand: true, y_fill: false, y_align: St.Align.START }); this._appView = new ViewByCategories(); this._appView.connect('launching', Lang.bind(this, this.close)); this._appView.connect('drag-begin', Lang.bind(this, this.close)); this._scrollView.add_actor(this._appView.actor); this._scrollView.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC); this._workId = Main.initializeDeferredWork(this.actor, Lang.bind(this, this._redisplay)); }, _redisplay: function() { let apps = this._appSystem.get_flattened_apps().filter(function(app) { return !app.get_is_nodisplay(); }); this._appView.refresh(apps); }, toggle: function() { if (this.actor.visible) { Tweener.addTween(this.actor, { opacity: 0, time: Overview.PANE_FADE_TIME, transition: 'easeOutQuad', onComplete: Lang.bind(this, function() { this.actor.hide(); this.emit('open-state-changed', this.actor.visible); }) }); } else { this.actor.show(); this.emit('open-state-changed', this.actor.visible); this.actor.opacity = 0; Tweener.addTween(this.actor, { opacity: 255, time: Overview.PANE_FADE_TIME, transition: 'easeOutQuad' }); } }, close: function() { if (!this.actor.visible) return; this.toggle(); } }; Signals.addSignalMethods(AllAppDisplay.prototype); function AppSearchResultDisplay(provider) { this._init(provider); } AppSearchResultDisplay.prototype = { __proto__: Search.SearchResultDisplay.prototype, _init: function (provider) { Search.SearchResultDisplay.prototype._init.call(this, provider); this._grid = new IconGrid.IconGrid({ rowLimit: WELL_MAX_SEARCH_ROWS }); this.actor = new St.Bin({ name: 'dashAppSearchResults', x_align: St.Align.START }); this.actor.set_child(this._grid.actor); }, renderResults: function(results, terms) { let appSys = Shell.AppSystem.get_default(); let maxItems = WELL_MAX_SEARCH_ROWS * WELL_MAX_COLUMNS; for (let i = 0; i < results.length && i < maxItems; i++) { let result = results[i]; let app = appSys.get_app(result); let display = new AppWellIcon(app); this._grid.addItem(display.actor); } }, clear: function () { this._grid.removeAll(); this.selectionIndex = -1; }, getVisibleResultCount: function() { return this._grid.visibleItemsCount(); }, selectIndex: function (index) { let nVisible = this.getVisibleResultCount(); if (this.selectionIndex >= 0) { let prevActor = this._grid.getItemAtIndex(this.selectionIndex); prevActor._delegate.setSelected(false); } this.selectionIndex = -1; if (index >= nVisible) return false; else if (index < 0) return false; let targetActor = this._grid.getItemAtIndex(index); targetActor._delegate.setSelected(true); this.selectionIndex = index; return true; }, activateSelected: function() { if (this.selectionIndex < 0) return; let targetActor = this._grid.getItemAtIndex(this.selectionIndex); this.provider.activateResult(targetActor._delegate.app.get_id()); } }; function BaseAppSearchProvider() { this._init(); } BaseAppSearchProvider.prototype = { __proto__: Search.SearchProvider.prototype, _init: function(name) { Search.SearchProvider.prototype._init.call(this, name); this._appSys = Shell.AppSystem.get_default(); }, getResultMeta: function(resultId) { let app = this._appSys.get_app(resultId); if (!app) return null; return { 'id': resultId, 'name': app.get_name(), 'icon': app.create_icon_texture(Search.RESULT_ICON_SIZE)}; }, activateResult: function(id) { let app = this._appSys.get_app(id); app.activate(); }, dragActivateResult: function(id) { let app = this._appSys.get_app(id); app.open_new_window(); } }; function AppSearchProvider() { this._init(); } AppSearchProvider.prototype = { __proto__: BaseAppSearchProvider.prototype, _init: function() { BaseAppSearchProvider.prototype._init.call(this, _("APPLICATIONS")); }, getInitialResultSet: function(terms) { return this._appSys.initial_search(false, terms); }, getSubsearchResultSet: function(previousResults, terms) { return this._appSys.subsearch(false, previousResults, terms); }, createResultContainerActor: function () { return new AppSearchResultDisplay(this); }, createResultActor: function (resultMeta, terms) { return new AppIcon(resultMeta.id); }, expandSearch: function(terms) { log('TODO expand search'); } }; function PrefsSearchProvider() { this._init(); } PrefsSearchProvider.prototype = { __proto__: BaseAppSearchProvider.prototype, _init: function() { BaseAppSearchProvider.prototype._init.call(this, _("PREFERENCES")); }, getInitialResultSet: function(terms) { return this._appSys.initial_search(true, terms); }, getSubsearchResultSet: function(previousResults, terms) { return this._appSys.subsearch(true, previousResults, terms); }, expandSearch: function(terms) { let controlCenter = this._appSys.load_from_desktop_file('gnomecc.desktop'); controlCenter.launch(); Main.overview.hide(); } }; function AppIcon(app) { this._init(app); } AppIcon.prototype = { __proto__: IconGrid.BaseIcon.prototype, _init : function(app) { this.app = app; let label = this.app.get_name(); IconGrid.BaseIcon.prototype._init.call(this, label); }, createIcon: function(iconSize) { return this.app.create_icon_texture(iconSize); } }; function AppWellIcon(app) { this._init(app); } AppWellIcon.prototype = { _init : function(app) { this.app = app; this.actor = new St.Clickable({ style_class: 'app-well-app', reactive: true, x_fill: true, y_fill: true }); this.actor._delegate = this; this._icon = new AppIcon(app); this.actor.set_child(this._icon.actor); this.actor.connect('clicked', Lang.bind(this, this._onClicked)); 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-end', Lang.bind(this, function () { Main.overview.endItemDrag(this); })); this.actor.connect('button-press-event', Lang.bind(this, this._onButtonPress)); 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(); })); } }, _onClicked: function(actor, event) { this._removeMenuTimeout(); let button = event.get_button(); if (button == 1) { this._onActivate(event); } else if (button == 2) { let newWorkspace = Main.overview.workspaces.addWorkspace(); if (newWorkspace != null) { newWorkspace.activate(global.get_current_time()); this.emit('launching'); this.app.open_new_window(); Main.overview.hide(); } } else if (button == 3) { this.popupMenu(); } return 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('highlight-window', Lang.bind(this, function (menu, window) { this.highlightWindow(window); })); this._menu.connect('activate-window', Lang.bind(this, function (menu, window) { this.activateWindow(window); })); this._menu.connect('popup', Lang.bind(this, function (menu, isPoppedUp) { if (isPoppedUp) { this._onMenuPoppedUp(); } else { this._onMenuPoppedDown(); } })); this._menuManager.addMenu(this._menu, true); } this._menu.popup(); this._menuManager.grab(); return false; }, highlightWindow: function(metaWindow) { if (this._didActivateWindow) return; if (!this._getRunning()) return; Main.overview.getWorkspacesForWindow(metaWindow).setHighlightWindow(metaWindow); }, activateWindow: function(metaWindow) { if (metaWindow) { this._didActivateWindow = true; Main.activateWindow(metaWindow); } else { Main.overview.hide(); } }, setSelected: function (isSelected) { this._selected = isSelected; if (this._selected) this.actor.add_style_class_name('selected'); else this.actor.remove_style_class_name('selected'); }, _onMenuPoppedUp: function() { if (this._getRunning()) { Main.overview.getWorkspacesForWindow(null).setApplicationWindowSelection(this.app.get_id()); this._setWindowSelection = true; this._didActivateWindow = false; } }, _onMenuPoppedDown: function() { this.actor.sync_hover(); if (this._didActivateWindow) return; if (!this._setWindowSelection) return; Main.overview.getWorkspacesForWindow(null).setApplicationWindowSelection(null); this._setWindowSelection = false; }, _getRunning: function() { return this.app.state != Shell.AppState.STOPPED; }, _onActivate: function (event) { this.emit('launching'); let modifiers = Shell.get_event_state(event); if (modifiers & Clutter.ModifierType.CONTROL_MASK && this.app.state == Shell.AppState.RUNNING) { this.app.open_new_window(); } else { this.app.activate(); } Main.overview.hide(); }, // called by this._menuManager when it has the grab menuEventFilter: function(event) { return this._menu.menuEventFilter(event); }, shellWorkspaceLaunch : function() { this.app.open_new_window(); }, getDragActor: function() { return this.app.create_icon_texture(this._icon.iconSize); }, // 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); function AppIconMenu(source) { this._init(source); } AppIconMenu.prototype = { __proto__: PopupMenu.PopupMenu.prototype, _init: function(source) { PopupMenu.PopupMenu.prototype._init.call(this, source.actor, St.Align.MIDDLE, St.Side.LEFT, 0); this._source = source; this.connect('active-changed', Lang.bind(this, this._onActiveChanged)); this.connect('activate', Lang.bind(this, this._onActivate)); this.connect('open-state-changed', Lang.bind(this, this._onOpenStateChanged)); 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 (windows.length > 0) this._appendSeparator(); let isFavorite = AppFavorites.getAppFavorites().isFavorite(this._source.app.get_id()); this._newWindowMenuItem = windows.length > 0 ? this._appendMenuItem(_("New Window")) : null; if (windows.length > 0) this._appendSeparator(); this._toggleFavoriteMenuItem = this._appendMenuItem(isFavorite ? _("Remove from Favorites") : _("Add to Favorites")); this._highlightedItem = null; }, _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(); }, _onOpenStateChanged: function (menu, open) { if (open) { this.emit('popup', true); } else { this._updateHighlight(null); this.emit('popup', false); } }, // called by this._menuManager when it has the grab menuEventFilter: function(event) { let eventType = event.type(); // Check if the user is interacting with a window representation // rather than interacting with the menu if (eventType == Clutter.EventType.BUTTON_RELEASE) { let metaWindow = this._findMetaWindowForActor(event.get_source()); if (metaWindow) this.emit('activate-window', metaWindow); } else if (eventType == Clutter.EventType.ENTER) { let metaWindow = this._findMetaWindowForActor(event.get_source()); if (metaWindow) this._selectMenuItemForWindow(metaWindow, true); } else if (eventType == Clutter.EventType.LEAVE) { let metaWindow = this._findMetaWindowForActor(event.get_source()); if (metaWindow) this._selectMenuItemForWindow(metaWindow, false); } return false; }, _findMetaWindowForActor: function (actor) { if (actor._delegate instanceof Workspace.WindowClone) return actor._delegate.metaWindow; else if (actor.get_meta_window) return actor.get_meta_window(); return null; }, _updateHighlight: function (item) { if (this._highlightedItem) this.emit('highlight-window', null); this._highlightedItem = item; if (this._highlightedItem) { let window = this._highlightedItem._window; if (window) this.emit('highlight-window', window); } }, _selectMenuItemForWindow: function (metaWindow, selected) { let items = this.getMenuItems(); for (let i = 0; i < items.length; i++) { let item = items[i]; let menuMetaWindow = item._window; if (menuMetaWindow == metaWindow) item.setActive(selected); } }, _onActiveChanged: function (menu, child) { this._updateHighlight(child); }, _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(); 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); function AppWell() { this._init(); } AppWell.prototype = { _init : function() { this._placeholderText = null; this._menus = []; this._menuDisplays = []; this._favorites = []; this._grid = new IconGrid.IconGrid(); this.actor = this._grid.actor; this.actor._delegate = this; this._workId = Main.initializeDeferredWork(this.actor, Lang.bind(this, this._redisplay)); this._tracker = Shell.WindowTracker.get_default(); this._appSystem = Shell.AppSystem.get_default(); this._appSystem.connect('installed-changed', Lang.bind(this, this._queueRedisplay)); AppFavorites.getAppFavorites().connect('changed', Lang.bind(this, this._queueRedisplay)); this._tracker.connect('app-state-changed', Lang.bind(this, this._queueRedisplay)); }, _appIdListToHash: function(apps) { let ids = {}; for (let i = 0; i < apps.length; i++) ids[apps[i].get_id()] = apps[i]; return ids; }, _queueRedisplay: function () { Main.queueDeferredWork(this._workId); }, _redisplay: function () { this._grid.removeAll(); let favorites = AppFavorites.getAppFavorites().getFavoriteMap(); /* hardcode here pending some design about how exactly desktop contexts behave */ let contextId = ''; let running = this._tracker.get_running_apps(contextId); let runningIds = this._appIdListToHash(running); let nFavorites = 0; for (let id in favorites) { let app = favorites[id]; let display = new AppWellIcon(app); this._grid.addItem(display.actor); nFavorites++; } for (let i = 0; i < running.length; i++) { let app = running[i]; if (app.get_id() in favorites) continue; let display = new AppWellIcon(app); this._grid.addItem(display.actor); } if (this._placeholderText) { this._placeholderText.destroy(); this._placeholderText = null; } if (running.length == 0 && nFavorites == 0) { this._placeholderText = new St.Label({ text: _("Drag here to add favorites") }); this.actor.add_actor(this._placeholderText); } }, handleDragOver : function(source, actor, x, y, time) { let app = null; if (source instanceof AppWellIcon) app = this._appSystem.get_app(source.getId()); else if (source instanceof Workspace.WindowClone) app = this._tracker.get_window_app(source.metaWindow); // Don't allow favoriting of transient apps if (app == null || app.is_transient()) return DND.DragMotionResult.NO_DROP; let id = app.get_id(); let favorites = AppFavorites.getAppFavorites().getFavoriteMap(); let srcIsFavorite = (id in favorites); if (srcIsFavorite) return DND.DragMotionResult.NO_DROP; return DND.DragMotionResult.COPY_DROP; }, // Draggable target interface acceptDrop : function(source, actor, x, y, time) { let app = null; if (source instanceof AppWellIcon) { app = this._appSystem.get_app(source.getId()); } else if (source instanceof Workspace.WindowClone) { app = this._tracker.get_window_app(source.metaWindow); } // Don't allow favoriting of transient apps if (app == null || app.is_transient()) { return false; } let id = app.get_id(); let favorites = AppFavorites.getAppFavorites().getFavoriteMap(); let srcIsFavorite = (id in favorites); if (srcIsFavorite) { return false; } else { Mainloop.idle_add(Lang.bind(this, function () { AppFavorites.getAppFavorites().addFavorite(id); return false; })); } return true; } }; Signals.addSignalMethods(AppWell.prototype);