// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*- /* exported AppDisplay, AppSearchProvider */ const { Clutter, Gio, GLib, GObject, Graphene, Meta, Shell, St } = imports.gi; const Signals = imports.signals; const AppFavorites = imports.ui.appFavorites; const DND = imports.ui.dnd; const GrabHelper = imports.ui.grabHelper; const IconGrid = imports.ui.iconGrid; const Main = imports.ui.main; const PageIndicators = imports.ui.pageIndicators; const PopupMenu = imports.ui.popupMenu; const Search = imports.ui.search; const SwipeTracker = imports.ui.swipeTracker; const Params = imports.misc.params; const Util = imports.misc.util; const SystemActions = imports.misc.systemActions; const { loadInterfaceXML } = imports.misc.fileUtils; var MENU_POPUP_TIMEOUT = 600; var MAX_COLUMNS = 6; var MIN_COLUMNS = 4; var MIN_ROWS = 4; var INACTIVE_GRID_OPACITY = 77; // This time needs to be less than IconGrid.EXTRA_SPACE_ANIMATION_TIME // to not clash with other animations var INACTIVE_GRID_OPACITY_ANIMATION_TIME = 240; var FOLDER_SUBICON_FRACTION = .4; var MIN_FREQUENT_APPS_COUNT = 3; var VIEWS_SWITCH_TIME = 400; var VIEWS_SWITCH_ANIMATION_DELAY = 100; var PAGE_SWITCH_TIME = 250; var SCROLL_TIMEOUT_TIME = 150; var APP_ICON_SCALE_IN_TIME = 500; var APP_ICON_SCALE_IN_DELAY = 700; const FOLDER_DIALOG_ANIMATION_TIME = 200; const OVERSHOOT_THRESHOLD = 20; const OVERSHOOT_TIMEOUT = 1000; const SWITCHEROO_BUS_NAME = 'net.hadess.SwitcherooControl'; const SWITCHEROO_OBJECT_PATH = '/net/hadess/SwitcherooControl'; const SwitcherooProxyInterface = loadInterfaceXML('net.hadess.SwitcherooControl'); const SwitcherooProxy = Gio.DBusProxy.makeProxyWrapper(SwitcherooProxyInterface); let discreteGpuAvailable = false; function _getCategories(info) { let categoriesStr = info.get_categories(); if (!categoriesStr) return []; return categoriesStr.split(';'); } function _listsIntersect(a, b) { for (let itemA of a) { if (b.includes(itemA)) return true; } return false; } function _getFolderName(folder) { let name = folder.get_string('name'); if (folder.get_boolean('translate')) { let translated = Shell.util_get_translated_folder_name(name); if (translated !== null) return translated; } return name; } function clamp(value, min, max) { return Math.max(min, Math.min(max, value)); } function _getViewFromIcon(icon) { for (let parent = icon.get_parent(); parent; parent = parent.get_parent()) { if (parent instanceof BaseAppView) return parent; } return null; } function _findBestFolderName(apps) { let appInfos = apps.map(app => app.get_app_info()); let categoryCounter = {}; let commonCategories = []; appInfos.reduce((categories, appInfo) => { for (let category of _getCategories(appInfo)) { if (!(category in categoryCounter)) categoryCounter[category] = 0; categoryCounter[category] += 1; // If a category is present in all apps, its counter will // reach appInfos.length if (category.length > 0 && categoryCounter[category] == appInfos.length) categories.push(category); } return categories; }, commonCategories); for (let category of commonCategories) { const directory = '%s.directory'.format(category); const translated = Shell.util_get_translated_folder_name(directory); if (translated !== null) return translated; } return null; } var BaseAppView = GObject.registerClass({ GTypeFlags: GObject.TypeFlags.ABSTRACT, Properties: { 'use-pagination': GObject.ParamSpec.boolean( 'use-pagination', 'use-pagination', 'use-pagination', GObject.ParamFlags.READWRITE | GObject.ParamFlags.CONSTRUCT_ONLY, false), }, Signals: { 'view-loaded': {}, }, }, class BaseAppView extends St.Widget { _init(params = {}, gridParams) { super._init(params); gridParams = Params.parse(gridParams, { columnLimit: MAX_COLUMNS, minRows: MIN_ROWS, minColumns: MIN_COLUMNS, padWithSpacing: true, }, true); if (this.use_pagination) this._grid = new IconGrid.PaginatedIconGrid(gridParams); else this._grid = new IconGrid.IconGrid(gridParams); this._grid.connect('child-focused', (grid, actor) => { this._childFocused(actor); }); // Standard hack for ClutterBinLayout this._grid.x_expand = true; this._items = new Map(); this._orderedItems = []; this._animateLaterId = 0; this._viewLoadedHandlerId = 0; this._viewIsReady = false; } _childFocused(_actor) { // Nothing by default } _redisplay() { let oldApps = this._orderedItems.slice(); let oldAppIds = oldApps.map(icon => icon.id); let newApps = this._loadApps().sort(this._compareItems); let newAppIds = newApps.map(icon => icon.id); let addedApps = newApps.filter(icon => !oldAppIds.includes(icon.id)); let removedApps = oldApps.filter(icon => !newAppIds.includes(icon.id)); // Remove old app icons removedApps.forEach(icon => { let iconIndex = this._orderedItems.indexOf(icon); let id = icon.id; this._orderedItems.splice(iconIndex, 1); icon.destroy(); this._items.delete(id); }); // Add new app icons addedApps.forEach(icon => { let iconIndex = newApps.indexOf(icon); this._orderedItems.splice(iconIndex, 0, icon); this._grid.addItem(icon, iconIndex); this._items.set(icon.id, icon); }); this._viewIsReady = true; this.emit('view-loaded'); } getAllItems() { return this._orderedItems; } _compareItems(a, b) { return a.name.localeCompare(b.name); } _selectAppInternal(id) { if (this._items.has(id)) this._items.get(id).navigate_focus(null, St.DirectionType.TAB_FORWARD, false); else log('No such application %s'.format(id)); } selectApp(id) { if (this._items.has(id)) { let item = this._items.get(id); if (item.mapped) { this._selectAppInternal(id); } else { // Need to wait until the view is mapped let signalId = item.connect('notify::mapped', actor => { if (actor.mapped) { actor.disconnect(signalId); this._selectAppInternal(id); } }); } } else { // Need to wait until the view is built let signalId = this.connect('view-loaded', () => { this.disconnect(signalId); this.selectApp(id); }); } } _doSpringAnimation(animationDirection) { this._grid.opacity = 255; this._grid.animateSpring( animationDirection, Main.overview.dash.showAppsButton); } _clearAnimateLater() { if (this._animateLaterId) { Meta.later_remove(this._animateLaterId); this._animateLaterId = 0; } if (this._viewLoadedHandlerId) { this.disconnect(this._viewLoadedHandlerId); this._viewLoadedHandlerId = 0; } this._grid.opacity = 255; } animate(animationDirection, onComplete) { if (onComplete) { let animationDoneId = this._grid.connect('animation-done', () => { this._grid.disconnect(animationDoneId); onComplete(); }); } this._clearAnimateLater(); if (animationDirection == IconGrid.AnimationDirection.IN) { const doSpringAnimationLater = laterType => { this._animateLaterId = Meta.later_add(laterType, () => { this._animateLaterId = 0; this._doSpringAnimation(animationDirection); return GLib.SOURCE_REMOVE; }); }; if (this._viewIsReady) { this._grid.opacity = 0; doSpringAnimationLater(Meta.LaterType.IDLE); } else { this._viewLoadedHandlerId = this.connect('view-loaded', () => { this._clearAnimateLater(); doSpringAnimationLater(Meta.LaterType.BEFORE_REDRAW); }); } } else { this._doSpringAnimation(animationDirection); } } vfunc_unmap() { this._clearAnimateLater(); super.vfunc_unmap(); } animateSwitch(animationDirection) { this.remove_all_transitions(); this._grid.remove_all_transitions(); let params = { duration: VIEWS_SWITCH_TIME, mode: Clutter.AnimationMode.EASE_OUT_QUAD, }; if (animationDirection == IconGrid.AnimationDirection.IN) { this.show(); params.opacity = 255; params.delay = VIEWS_SWITCH_ANIMATION_DELAY; } else { params.opacity = 0; params.delay = 0; params.onComplete = () => this.hide(); } this._grid.ease(params); } adaptToSize(_width, _height) { throw new GObject.NotImplementedError('adaptToSize in %s'.format(this.constructor.name)); } }); var AllView = GObject.registerClass({ }, class AllView extends BaseAppView { _init() { super._init({ layout_manager: new Clutter.BinLayout(), x_expand: true, y_expand: true, use_pagination: true, }); this._scrollView = new St.ScrollView({ style_class: 'all-apps', x_expand: true, y_expand: true, reactive: true, }); this.add_actor(this._scrollView); this._grid._delegate = this; this._scrollView.set_policy(St.PolicyType.NEVER, St.PolicyType.EXTERNAL); this._adjustment = this._scrollView.vscroll.adjustment; this._adjustment.connect('notify::value', adj => { this._pageIndicators.setCurrentPosition(adj.value / adj.page_size); }); this._pageIndicators = new PageIndicators.AnimatedPageIndicators(); this._pageIndicators.connect('page-activated', (indicators, pageIndex) => { this.goToPage(pageIndex); }); this._pageIndicators.connect('scroll-event', (actor, event) => { this._scrollView.event(event, false); }); this.add_actor(this._pageIndicators); this._folderIcons = []; this._stack = new St.Widget({ layout_manager: new Clutter.BinLayout() }); let box = new St.BoxLayout({ vertical: true, y_align: Clutter.ActorAlign.START, }); this._grid.currentPage = 0; this._stack.add_actor(this._grid); this._eventBlocker = new St.Widget({ x_expand: true, y_expand: true, reactive: true, visible: false, }); this._stack.add_actor(this._eventBlocker); box.add_actor(this._stack); this._scrollView.add_actor(box); this._scrollView.connect('scroll-event', this._onScroll.bind(this)); this._swipeTracker = new SwipeTracker.SwipeTracker( this._scrollView, Shell.ActionMode.OVERVIEW); this._swipeTracker.connect('begin', this._swipeBegin.bind(this)); this._swipeTracker.connect('update', this._swipeUpdate.bind(this)); this._swipeTracker.connect('end', this._swipeEnd.bind(this)); this._clickAction = new Clutter.ClickAction(); this._clickAction.connect('clicked', () => { if (!this._currentDialog) return; let [x, y] = this._clickAction.get_coords(); let actor = global.stage.get_actor_at_pos(Clutter.PickMode.ALL, x, y); if (!this._currentDialog.contains(actor)) this._currentDialog.popdown(); }); this._eventBlocker.add_action(this._clickAction); this._currentDialog = null; this._displayingDialog = false; this._currentDialogDestroyId = 0; this._canScroll = true; // limiting scrolling speed this._scrollTimeoutId = 0; this._availWidth = 0; this._availHeight = 0; this._lastOvershootY = -1; this._lastOvershootTimeoutId = 0; Main.overview.connect('hidden', () => this.goToPage(0)); this._redisplayWorkId = Main.initializeDeferredWork(this, this._redisplay.bind(this)); Shell.AppSystem.get_default().connect('installed-changed', () => { this._viewIsReady = false; Main.queueDeferredWork(this._redisplayWorkId); }); this._folderSettings = new Gio.Settings({ schema_id: 'org.gnome.desktop.app-folders' }); this._folderSettings.connect('changed::folder-children', () => { this._viewIsReady = false; Main.queueDeferredWork(this._redisplayWorkId); }); Main.overview.connect('item-drag-begin', this._onDragBegin.bind(this)); Main.overview.connect('item-drag-end', this._onDragEnd.bind(this)); this.connect('destroy', this._onDestroy.bind(this)); } _onDestroy() { if (this._scrollTimeoutId !== 0) { GLib.source_remove(this._scrollTimeoutId); this._scrollTimeoutId = 0; } } vfunc_map() { this._keyPressEventId = global.stage.connect('key-press-event', this._onKeyPressEvent.bind(this)); this._swipeTracker.enabled = true; super.vfunc_map(); } vfunc_unmap() { if (this._keyPressEventId) { global.stage.disconnect(this._keyPressEventId); this._keyPressEventId = 0; } this._swipeTracker.enabled = false; super.vfunc_unmap(); } _redisplay() { super._redisplay(); this._folderIcons.forEach(icon => { icon.view._redisplay(); }); this._refilterApps(); } _itemNameChanged(item) { // If an item's name changed, we can pluck it out of where it's // supposed to be and reinsert it where it's sorted. let oldIdx = this._orderedItems.indexOf(item); this._orderedItems.splice(oldIdx, 1); let newIdx = Util.insertSorted(this._orderedItems, item, this._compareItems); this._grid.removeItem(item); this._grid.addItem(item, newIdx); this.selectApp(item.id); } _refilterApps() { let filteredApps = this._orderedItems.filter(icon => !icon.visible); this._orderedItems.forEach(icon => { if (icon instanceof AppIcon) icon.visible = true; }); this._folderIcons.forEach(folder => { let folderApps = folder.getAppIds(); folderApps.forEach(appId => { let appIcon = this._items.get(appId); appIcon.visible = false; }); }); // Scale in app icons that weren't visible, but now are filteredApps.filter(icon => icon.visible).forEach(icon => { if (icon instanceof AppIcon) icon.scaleIn(); }); } getAppInfos() { return this._appInfoList; } _loadApps() { let appIcons = []; this._appInfoList = Shell.AppSystem.get_default().get_installed().filter(appInfo => { try { appInfo.get_id(); // catch invalid file encodings } catch (e) { return false; } return appInfo.should_show(); }); let apps = this._appInfoList.map(app => app.get_id()); let appSys = Shell.AppSystem.get_default(); this._folderIcons = []; let folders = this._folderSettings.get_strv('folder-children'); folders.forEach(id => { let path = '%sfolders/%s/'.format(this._folderSettings.path, id); let icon = this._items.get(id); if (!icon) { icon = new FolderIcon(id, path, this); icon.connect('name-changed', this._itemNameChanged.bind(this)); icon.connect('apps-changed', this._redisplay.bind(this)); } appIcons.push(icon); this._folderIcons.push(icon); }); // Allow dragging of the icon only if the Dash would accept a drop to // change favorite-apps. There are no other possible drop targets from // the app picker, so there's no other need for a drag to start, // at least on single-monitor setups. // This also disables drag-to-launch on multi-monitor setups, // but we hope that is not used much. let favoritesWritable = global.settings.is_writable('favorite-apps'); apps.forEach(appId => { let icon = this._items.get(appId); if (!icon) { let app = appSys.lookup_app(appId); icon = new AppIcon(app, { isDraggable: favoritesWritable, }); } appIcons.push(icon); }); return appIcons; } // Overridden from BaseAppView animate(animationDirection, onComplete) { this._scrollView.reactive = false; this._swipeTracker.enabled = false; let completionFunc = () => { this._scrollView.reactive = true; this._swipeTracker.enabled = this.mapped; if (onComplete) onComplete(); }; if (animationDirection == IconGrid.AnimationDirection.OUT && this._displayingDialog && this._currentDialog) { this._currentDialog.popdown(); let spaceClosedId = this._grid.connect('space-closed', () => { this._grid.disconnect(spaceClosedId); super.animate(animationDirection, completionFunc); }); } else { super.animate(animationDirection, completionFunc); if (animationDirection == IconGrid.AnimationDirection.OUT) this._pageIndicators.animateIndicators(animationDirection); } } animateSwitch(animationDirection) { super.animateSwitch(animationDirection); if (this._currentDialog && this._displayingDialog && animationDirection == IconGrid.AnimationDirection.OUT) { this._currentDialog.ease({ opacity: 0, duration: VIEWS_SWITCH_TIME, mode: Clutter.AnimationMode.EASE_OUT_QUAD, onComplete: () => (this.opacity = 255), }); } if (animationDirection == IconGrid.AnimationDirection.OUT) this._pageIndicators.animateIndicators(animationDirection); } goToPage(pageNumber, animate = true) { pageNumber = clamp(pageNumber, 0, this._grid.nPages() - 1); if (this._grid.currentPage === pageNumber && this._displayingDialog && this._currentDialog) return; if (this._displayingDialog && this._currentDialog) this._currentDialog.popdown(); if (!this.mapped) { this._adjustment.value = this._grid.getPageY(pageNumber); this._pageIndicators.setCurrentPosition(pageNumber); this._grid.currentPage = pageNumber; return; } if (this._grid.currentPage === pageNumber) return; this._grid.currentPage = pageNumber; // Tween the change between pages. this._adjustment.ease(this._grid.getPageY(this._grid.currentPage), { mode: Clutter.AnimationMode.EASE_OUT_CUBIC, duration: animate ? PAGE_SWITCH_TIME : 0, }); } _onScroll(actor, event) { if (this._displayingDialog || !this._scrollView.reactive) return Clutter.EVENT_STOP; if (this._swipeTracker.canHandleScrollEvent(event)) return Clutter.EVENT_PROPAGATE; if (!this._canScroll) return Clutter.EVENT_STOP; let direction = event.get_scroll_direction(); if (direction == Clutter.ScrollDirection.UP) this.goToPage(this._grid.currentPage - 1); else if (direction == Clutter.ScrollDirection.DOWN) this.goToPage(this._grid.currentPage + 1); else return Clutter.EVENT_STOP; this._canScroll = false; this._scrollTimeoutId = GLib.timeout_add(GLib.PRIORITY_DEFAULT, SCROLL_TIMEOUT_TIME, () => { this._canScroll = true; this._scrollTimeoutId = 0; return GLib.SOURCE_REMOVE; } ); return Clutter.EVENT_STOP; } _swipeBegin(tracker, monitor) { if (monitor !== Main.layoutManager.primaryIndex) return; let adjustment = this._adjustment; adjustment.remove_transition('value'); let progress = adjustment.value / adjustment.page_size; let points = Array.from({ length: this._grid.nPages() }, (v, i) => i); tracker.confirmSwipe(this._scrollView.height, points, progress, Math.round(progress)); } _swipeUpdate(tracker, progress) { let adjustment = this._adjustment; adjustment.value = progress * adjustment.page_size; } _swipeEnd(tracker, duration, endProgress) { let adjustment = this._adjustment; let value = endProgress * adjustment.page_size; adjustment.ease(value, { mode: Clutter.AnimationMode.EASE_OUT_CUBIC, duration, onComplete: () => { this.goToPage(endProgress, false); }, }); } _onKeyPressEvent(actor, event) { if (this._displayingDialog) return Clutter.EVENT_STOP; if (event.get_key_symbol() === Clutter.KEY_Page_Up) { this.goToPage(this._grid.currentPage - 1); return Clutter.EVENT_STOP; } else if (event.get_key_symbol() === Clutter.KEY_Page_Down) { this.goToPage(this._grid.currentPage + 1); return Clutter.EVENT_STOP; } return Clutter.EVENT_PROPAGATE; } addFolderDialog(dialog) { this.add_child(dialog); dialog.connect('open-state-changed', (o, isOpen) => { this._eventBlocker.visible = isOpen; if (this._currentDialog) { this._currentDialog.disconnect(this._currentDialogDestroyId); this._currentDialogDestroyId = 0; } this._currentDialog = null; if (isOpen) { this._currentDialog = dialog; this._currentDialogDestroyId = dialog.connect('destroy', () => { this._currentDialog = null; this._currentDialogDestroyId = 0; this._eventBlocker.visible = false; }); } this._updateIconOpacities(isOpen); // Toggle search entry Main.overview.searchEntry.reactive = !isOpen; this._displayingPopup = isOpen; }); } _childFocused(icon) { let itemPage = this._grid.getItemPage(icon); this.goToPage(itemPage); } _updateIconOpacities(folderOpen) { for (let icon of this._items.values()) { let opacity; if (folderOpen && !icon.checked) opacity = INACTIVE_GRID_OPACITY; else opacity = 255; icon.ease({ opacity, duration: INACTIVE_GRID_OPACITY_ANIMATION_TIME, mode: Clutter.AnimationMode.EASE_OUT_QUAD, }); } } // Called before allocation to calculate dynamic spacing adaptToSize(width, height) { let box = new Clutter.ActorBox(); box.x1 = 0; box.x2 = width; box.y1 = 0; box.y2 = height; box = this.get_theme_node().get_content_box(box); box = this._scrollView.get_theme_node().get_content_box(box); box = this._grid.get_theme_node().get_content_box(box); let availWidth = box.x2 - box.x1; let availHeight = box.y2 - box.y1; let oldNPages = this._grid.nPages(); this._grid.adaptToSize(availWidth, availHeight); let fadeOffset = Math.min(this._grid.topPadding, this._grid.bottomPadding); this._scrollView.update_fade_effect(fadeOffset, 0); if (fadeOffset > 0) this._scrollView.get_effect('fade').fade_edges = true; if (this._availWidth != availWidth || this._availHeight != availHeight || oldNPages != this._grid.nPages()) { Meta.later_add(Meta.LaterType.BEFORE_REDRAW, () => { this._adjustment.value = 0; this._grid.currentPage = 0; this._pageIndicators.setNPages(this._grid.nPages()); this._pageIndicators.setCurrentPosition(0); return GLib.SOURCE_REMOVE; }); } this._availWidth = availWidth; this._availHeight = availHeight; } _resetOvershoot() { if (this._lastOvershootTimeoutId) GLib.source_remove(this._lastOvershootTimeoutId); this._lastOvershootTimeoutId = 0; this._lastOvershootY = -1; } _handleDragOvershoot(dragEvent) { let [, gridY] = this.get_transformed_position(); let [, gridHeight] = this.get_transformed_size(); let gridBottom = gridY + gridHeight; // Already animating if (this._adjustment.get_transition('value') !== null) return; // Within the grid boundaries if (dragEvent.y > gridY && dragEvent.y < gridBottom) { // Check whether we moved out the area of the last switch if (Math.abs(this._lastOvershootY - dragEvent.y) > OVERSHOOT_THRESHOLD) this._resetOvershoot(); return; } // Still in the area of the previous page switch if (this._lastOvershootY >= 0) return; let currentY = this._adjustment.value; let maxY = this._adjustment.upper - this._adjustment.page_size; if (dragEvent.y <= gridY && currentY > 0) this.goToPage(this._grid.currentPage - 1); else if (dragEvent.y >= gridBottom && currentY < maxY) this.goToPage(this._grid.currentPage + 1); else return; // don't go beyond first/last page this._lastOvershootY = dragEvent.y; if (this._lastOvershootTimeoutId > 0) GLib.source_remove(this._lastOvershootTimeoutId); this._lastOvershootTimeoutId = GLib.timeout_add(GLib.PRIORITY_DEFAULT, OVERSHOOT_TIMEOUT, () => { this._resetOvershoot(); this._handleDragOvershoot(dragEvent); return GLib.SOURCE_REMOVE; }); GLib.Source.set_name_by_id(this._lastOvershootTimeoutId, '[gnome-shell] this._lastOvershootTimeoutId'); } _onDragBegin() { this._dragMonitor = { dragMotion: this._onDragMotion.bind(this), }; DND.addDragMonitor(this._dragMonitor); this._eventBlocker.visible = false; } _onDragMotion(dragEvent) { if (!(dragEvent.source instanceof AppIcon)) return DND.DragMotionResult.CONTINUE; let appIcon = dragEvent.source; // Handle the drag overshoot. When dragging to above the // icon grid, move to the page above; when dragging below, // move to the page below. if (this._grid.contains(appIcon)) this._handleDragOvershoot(dragEvent); return DND.DragMotionResult.CONTINUE; } _onDragEnd() { if (this._dragMonitor) { DND.removeDragMonitor(this._dragMonitor); this._dragMonitor = null; } this._eventBlocker.visible = this._currentDialog !== null; this._resetOvershoot(); } _canAccept(source) { if (!(source instanceof AppIcon)) return false; let view = _getViewFromIcon(source); if (!(view instanceof FolderView)) return false; return true; } handleDragOver(source) { if (!this._canAccept(source)) return DND.DragMotionResult.NO_DROP; return DND.DragMotionResult.MOVE_DROP; } acceptDrop(source) { if (!this._canAccept(source)) return false; let view = _getViewFromIcon(source); view.removeApp(source.app); if (this._currentDialog) this._currentDialog.popdown(); return true; } createFolder(apps) { let newFolderId = GLib.uuid_string_random(); let folders = this._folderSettings.get_strv('folder-children'); folders.push(newFolderId); this._folderSettings.set_strv('folder-children', folders); // Create the new folder let newFolderPath = this._folderSettings.path.concat('folders/', newFolderId, '/'); let newFolderSettings = new Gio.Settings({ schema_id: 'org.gnome.desktop.app-folders.folder', path: newFolderPath, }); if (!newFolderSettings) { log('Error creating new folder'); return false; } let appItems = apps.map(id => this._items.get(id).app); let folderName = _findBestFolderName(appItems); if (!folderName) folderName = _("Unnamed Folder"); newFolderSettings.delay(); newFolderSettings.set_string('name', folderName); newFolderSettings.set_strv('apps', apps); newFolderSettings.apply(); this.selectApp(newFolderId); return true; } }); var FrequentView = GObject.registerClass( class FrequentView extends BaseAppView { _init() { super._init({ style_class: 'frequent-apps', layout_manager: new Clutter.BinLayout(), x_expand: true, y_expand: true, }, { fillParent: true }); this._noFrequentAppsLabel = new St.Label({ text: _("Frequently used applications will appear here"), style_class: 'no-frequent-applications-label', x_align: Clutter.ActorAlign.CENTER, x_expand: true, y_align: Clutter.ActorAlign.CENTER, y_expand: true }); this._grid.y_expand = true; this.add_actor(this._grid); this.add_actor(this._noFrequentAppsLabel); this._noFrequentAppsLabel.hide(); this._usage = Shell.AppUsage.get_default(); } vfunc_map() { this._redisplay(); super.vfunc_map(); } hasUsefulData() { return this._usage.get_most_used().length >= MIN_FREQUENT_APPS_COUNT; } _compareItems() { // The FrequentView does not need to be sorted alphabetically return 0; } _loadApps() { let apps = []; let mostUsed = this._usage.get_most_used(); let hasUsefulData = this.hasUsefulData(); this._noFrequentAppsLabel.visible = !hasUsefulData; if (!hasUsefulData) return []; // Allow dragging of the icon only if the Dash would accept a drop to // change favorite-apps. There are no other possible drop targets from // the app picker, so there's no other need for a drag to start, // at least on single-monitor setups. // This also disables drag-to-launch on multi-monitor setups, // but we hope that is not used much. let favoritesWritable = global.settings.is_writable('favorite-apps'); for (let i = 0; i < mostUsed.length; i++) { if (!mostUsed[i].get_app_info().should_show()) continue; let appIcon = this._items.get(mostUsed[i].get_id()); if (!appIcon) { appIcon = new AppIcon(mostUsed[i], { isDraggable: favoritesWritable, }); } apps.push(appIcon); } return apps; } // Called before allocation to calculate dynamic spacing adaptToSize(width, height) { let box = new Clutter.ActorBox(); box.x1 = box.y1 = 0; box.x2 = width; box.y2 = height; box = this.get_theme_node().get_content_box(box); box = this._grid.get_theme_node().get_content_box(box); let availWidth = box.x2 - box.x1; let availHeight = box.y2 - box.y1; this._grid.adaptToSize(availWidth, availHeight); } }); var Views = { FREQUENT: 0, ALL: 1, }; var ControlsBoxLayout = GObject.registerClass( class ControlsBoxLayout extends Clutter.BoxLayout { /* * Override the BoxLayout behavior to use the maximum preferred width of all * buttons for each child */ vfunc_get_preferred_width(container, forHeight) { let maxMinWidth = 0; let maxNaturalWidth = 0; for (let child = container.get_first_child(); child; child = child.get_next_sibling()) { let [minWidth, natWidth] = child.get_preferred_width(forHeight); maxMinWidth = Math.max(maxMinWidth, minWidth); maxNaturalWidth = Math.max(maxNaturalWidth, natWidth); } let childrenCount = container.get_n_children(); let totalSpacing = this.spacing * (childrenCount - 1); return [maxMinWidth * childrenCount + totalSpacing, maxNaturalWidth * childrenCount + totalSpacing]; } }); var ViewStackLayout = GObject.registerClass({ Signals: { 'allocated-size-changed': { param_types: [GObject.TYPE_INT, GObject.TYPE_INT] } }, }, class ViewStackLayout extends Clutter.BinLayout { vfunc_allocate(actor, box, flags) { let availWidth = box.x2 - box.x1; let availHeight = box.y2 - box.y1; // Prepare children of all views for the upcoming allocation, calculate all // the needed values to adapt available size this.emit('allocated-size-changed', availWidth, availHeight); super.vfunc_allocate(actor, box, flags); } }); var AppDisplay = GObject.registerClass( class AppDisplay extends St.BoxLayout { _init() { super._init({ style_class: 'app-display', vertical: true, x_expand: true, y_expand: true, }); this._privacySettings = new Gio.Settings({ schema_id: 'org.gnome.desktop.privacy' }); this._privacySettings.connect('changed::remember-app-usage', this._updateFrequentVisibility.bind(this)); this._views = []; let view, button; view = new FrequentView(); button = new St.Button({ label: _("Frequent"), style_class: 'app-view-control button', can_focus: true, x_expand: true }); this._views[Views.FREQUENT] = { view, 'control': button }; view = new AllView(); button = new St.Button({ label: _("All"), style_class: 'app-view-control button', can_focus: true, x_expand: true }); this._views[Views.ALL] = { view, 'control': button }; this._viewStackLayout = new ViewStackLayout(); this._viewStack = new St.Widget({ x_expand: true, y_expand: true, layout_manager: this._viewStackLayout }); this._viewStackLayout.connect('allocated-size-changed', this._onAllocatedSizeChanged.bind(this)); this.add_actor(this._viewStack); let layout = new ControlsBoxLayout({ homogeneous: true }); this._controls = new St.Widget({ style_class: 'app-view-controls', layout_manager: layout, x_align: Clutter.ActorAlign.CENTER, }); this._controls.connect('notify::mapped', () => { // controls are faded either with their parent or // explicitly in animate(); we can't know how they'll be // shown next, so make sure to restore their opacity // when they are hidden if (this._controls.mapped) return; this._controls.remove_all_transitions(); this._controls.opacity = 255; }); layout.hookup_style(this._controls); this.add_actor(new St.Bin({ child: this._controls })); for (let i = 0; i < this._views.length; i++) { this._viewStack.add_actor(this._views[i].view); this._controls.add_actor(this._views[i].control); let viewIndex = i; this._views[i].control.connect('clicked', () => { this._showView(viewIndex); global.settings.set_uint('app-picker-view', viewIndex); }); } let initialView = Math.min(global.settings.get_uint('app-picker-view'), this._views.length - 1); let frequentUseful = this._views[Views.FREQUENT].view.hasUsefulData(); if (initialView == Views.FREQUENT && !frequentUseful) initialView = Views.ALL; this._showView(initialView); this._updateFrequentVisibility(); Gio.DBus.system.watch_name(SWITCHEROO_BUS_NAME, Gio.BusNameWatcherFlags.NONE, this._switcherooProxyAppeared.bind(this), () => { this._switcherooProxy = null; this._updateDiscreteGpuAvailable(); }); } _updateDiscreteGpuAvailable() { if (!this._switcherooProxy) discreteGpuAvailable = false; else discreteGpuAvailable = this._switcherooProxy.HasDualGpu; } _switcherooProxyAppeared() { this._switcherooProxy = new SwitcherooProxy(Gio.DBus.system, SWITCHEROO_BUS_NAME, SWITCHEROO_OBJECT_PATH, (proxy, error) => { if (error) { log(error.message); return; } this._updateDiscreteGpuAvailable(); }); } animate(animationDirection, onComplete) { let currentView = this._views.filter(v => v.control.has_style_pseudo_class('checked')).pop().view; // Animate controls opacity using iconGrid animation time, since // it will be the time the AllView or FrequentView takes to show // it entirely. let finalOpacity; if (animationDirection == IconGrid.AnimationDirection.IN) { this._controls.opacity = 0; finalOpacity = 255; } else { finalOpacity = 0; } this._controls.ease({ opacity: finalOpacity, duration: IconGrid.ANIMATION_TIME_IN, mode: Clutter.AnimationMode.EASE_IN_OUT_QUAD, }); currentView.animate(animationDirection, onComplete); } _showView(activeIndex) { for (let i = 0; i < this._views.length; i++) { if (i == activeIndex) this._views[i].control.add_style_pseudo_class('checked'); else this._views[i].control.remove_style_pseudo_class('checked'); let animationDirection = i == activeIndex ? IconGrid.AnimationDirection.IN : IconGrid.AnimationDirection.OUT; this._views[i].view.animateSwitch(animationDirection); } } _updateFrequentVisibility() { let enabled = this._privacySettings.get_boolean('remember-app-usage'); this._views[Views.FREQUENT].control.visible = enabled; let visibleViews = this._views.filter(v => v.control.visible); this._controls.visible = visibleViews.length > 1; if (!enabled && this._views[Views.FREQUENT].view.visible) this._showView(Views.ALL); } selectApp(id) { this._showView(Views.ALL); this._views[Views.ALL].view.selectApp(id); } _onAllocatedSizeChanged(actor, width, height) { let box = new Clutter.ActorBox(); box.x1 = box.y1 = 0; box.x2 = width; box.y2 = height; box = this._viewStack.get_theme_node().get_content_box(box); let availWidth = box.x2 - box.x1; let availHeight = box.y2 - box.y1; for (let i = 0; i < this._views.length; i++) this._views[i].view.adaptToSize(availWidth, availHeight); } }); var AppSearchProvider = class AppSearchProvider { constructor() { this._appSys = Shell.AppSystem.get_default(); this.id = 'applications'; this.isRemoteProvider = false; this.canLaunchSearch = false; this._systemActions = new SystemActions.getDefault(); } getResultMetas(apps, callback) { let metas = []; for (let id of apps) { if (id.endsWith('.desktop')) { let app = this._appSys.lookup_app(id); metas.push({ id: app.get_id(), name: app.get_name(), createIcon: size => app.create_icon_texture(size), }); } else { let name = this._systemActions.getName(id); let iconName = this._systemActions.getIconName(id); let createIcon = size => new St.Icon({ icon_name: iconName, width: size, height: size, style_class: 'system-action-icon' }); metas.push({ id, name, createIcon }); } } callback(metas); } filterResults(results, maxNumber) { return results.slice(0, maxNumber); } getInitialResultSet(terms, callback, _cancellable) { let query = terms.join(' '); let groups = Shell.AppSystem.search(query); let usage = Shell.AppUsage.get_default(); let results = []; groups.forEach(group => { group = group.filter(appID => { const app = this._appSys.lookup_app(appID); return app && app.app_info.should_show(); }); results = results.concat(group.sort( (a, b) => usage.compare(a, b) )); }); results = results.concat(this._systemActions.getMatchingActions(terms)); callback(results); } getSubsearchResultSet(previousResults, terms, callback, cancellable) { this.getInitialResultSet(terms, callback, cancellable); } createResultObject(resultMeta) { if (resultMeta.id.endsWith('.desktop')) return new AppIcon(this._appSys.lookup_app(resultMeta['id'])); else return new SystemActionIcon(this, resultMeta); } }; var FolderView = GObject.registerClass( class FolderView extends BaseAppView { _init(folder, id, parentView) { super._init({ layout_manager: new Clutter.BinLayout(), x_expand: true, y_expand: true, }, { minRows: 1, }); // If it not expand, the parent doesn't take into account its preferred_width when allocating // the second time it allocates, so we apply the "Standard hack for ClutterBinLayout" this._grid.x_expand = true; this._id = id; this._folder = folder; this._parentView = parentView; this._grid._delegate = this; this._relayoutLaterId = 0; this._oldWidth = null; this._oldHeight = null; this._scrollView = new St.ScrollView({ overlay_scrollbars: true, x_expand: true, y_expand: true, }); this._scrollView.set_policy(St.PolicyType.NEVER, St.PolicyType.EXTERNAL); this.add_actor(this._scrollView); let scrollableContainer = new St.BoxLayout({ vertical: true, reactive: true, x_expand: true, y_expand: true, }); scrollableContainer.add_actor(this._grid); this._scrollView.add_actor(scrollableContainer); let action = new Clutter.PanAction({ interpolate: true }); action.connect('pan', this._onPan.bind(this)); this._scrollView.add_action(action); this.connect('destroy', this._onDestroy.bind(this)); this._redisplay(); } _childFocused(actor) { Util.ensureActorVisibleInScrollView(this._scrollView, actor); } // Overridden from BaseAppView animate(animationDirection) { this._grid.animatePulse(animationDirection); } createFolderIcon(size) { let layout = new Clutter.GridLayout(); let icon = new St.Widget({ layout_manager: layout, style_class: 'app-folder-icon', x_align: Clutter.ActorAlign.CENTER, }); layout.hookup_style(icon); let subSize = Math.floor(FOLDER_SUBICON_FRACTION * size); let numItems = this._orderedItems.length; let rtl = icon.get_text_direction() == Clutter.TextDirection.RTL; for (let i = 0; i < 4; i++) { const style = 'width: %dpx; height: %dpx;'.format(subSize, subSize); let bin = new St.Bin({ style }); if (i < numItems) bin.child = this._orderedItems[i].app.create_icon_texture(subSize); layout.attach(bin, rtl ? (i + 1) % 2 : i % 2, Math.floor(i / 2), 1, 1); } return icon; } _onPan(action) { let [dist_, dx_, dy] = action.get_motion_delta(0); let adjustment = this._scrollView.vscroll.adjustment; adjustment.value -= (dy / this._scrollView.height) * adjustment.page_size; return false; } _onDestroy() { if (this._relayoutLaterId) { Meta.later_remove(this._relayoutLaterId); this._relayoutLaterId = 0; } } _relayoutLater() { this._relayoutLaterId = 0; this._grid.queue_relayout(); } adaptToSize(width, height) { this._parentAvailableWidth = width; this._parentAvailableHeight = height; this._grid.adaptToSize(width, height); // To avoid the fade effect being applied to the unscrolled grid, // the offset would need to be applied after adjusting the padding; // however the final padding is expected to be too small for the // effect to look good, so use the unadjusted padding let fadeOffset = Math.min(this._grid.topPadding, this._grid.bottomPadding); this._scrollView.update_fade_effect(fadeOffset, 0); // Set extra padding to avoid popup or close button being cut off this._grid.topPadding = Math.max(this._grid.topPadding, 0); this._grid.bottomPadding = Math.max(this._grid.bottomPadding, 0); this._grid.leftPadding = Math.max(this._grid.leftPadding, 0); this._grid.rightPadding = Math.max(this._grid.rightPadding, 0); if (width !== this._oldWidth || height !== this._oldHeight) { this._oldWidth = width; this._oldHeight = height; if (!this._relayoutLaterId) { this._relayoutLaterId = Meta.later_add(Meta.LaterType.BEFORE_REDRAW, this._relayoutLater.bind(this)); } } } _loadApps() { let apps = []; let excludedApps = this._folder.get_strv('excluded-apps'); let appSys = Shell.AppSystem.get_default(); let addAppId = appId => { if (excludedApps.includes(appId)) return; let app = appSys.lookup_app(appId); if (!app) return; if (!app.get_app_info().should_show()) return; if (apps.some(appIcon => appIcon.id == appId)) return; let icon = this._items.get(appId); if (!icon) icon = new AppIcon(app); apps.push(icon); }; let folderApps = this._folder.get_strv('apps'); folderApps.forEach(addAppId); let folderCategories = this._folder.get_strv('categories'); let appInfos = this._parentView.getAppInfos(); appInfos.forEach(appInfo => { let appCategories = _getCategories(appInfo); if (!_listsIntersect(folderCategories, appCategories)) return; addAppId(appInfo.get_id()); }); return apps; } addApp(app) { let folderApps = this._folder.get_strv('apps'); folderApps.push(app.id); this._folder.set_strv('apps', folderApps); // Also remove from 'excluded-apps' if the app id is listed // there. This is only possible on categories-based folders. let excludedApps = this._folder.get_strv('excluded-apps'); let index = excludedApps.indexOf(app.id); if (index >= 0) { excludedApps.splice(index, 1); this._folder.set_strv('excluded-apps', excludedApps); } } removeApp(app) { let folderApps = this._folder.get_strv('apps'); let index = folderApps.indexOf(app.id); if (index >= 0) folderApps.splice(index, 1); // If this is a categories-based folder, also add it to // the list of excluded apps let categories = this._folder.get_strv('categories'); if (categories.length > 0) { let excludedApps = this._folder.get_strv('excluded-apps'); excludedApps.push(app.id); this._folder.set_strv('excluded-apps', excludedApps); } // Remove the folder if this is the last app icon; otherwise, // just remove the icon if (folderApps.length == 0) { // Resetting all keys deletes the relocatable schema let keys = this._folder.settings_schema.list_keys(); for (let key of keys) this._folder.reset(key); let settings = new Gio.Settings({ schema_id: 'org.gnome.desktop.app-folders' }); let folders = settings.get_strv('folder-children'); folders.splice(folders.indexOf(this._id), 1); settings.set_strv('folder-children', folders); } else { this._folder.set_strv('apps', folderApps); } } }); var FolderIcon = GObject.registerClass({ Signals: { 'apps-changed': {}, 'name-changed': {}, }, }, class FolderIcon extends St.Button { _init(id, path, parentView) { super._init({ style_class: 'app-well-app app-folder', button_mask: St.ButtonMask.ONE, toggle_mode: true, can_focus: true, }); this.id = id; this.name = ''; this._parentView = parentView; this._folder = new Gio.Settings({ schema_id: 'org.gnome.desktop.app-folders.folder', path }); this._delegate = this; this.icon = new IconGrid.BaseIcon('', { createIcon: this._createIcon.bind(this), setSizeManually: true, }); this.set_child(this.icon); this.label_actor = this.icon.label; this.view = new FolderView(this._folder, id, parentView); this._iconIsHovering = false; this.connect('destroy', this._onDestroy.bind(this)); this._folderChangedId = this._folder.connect( 'changed', this._sync.bind(this)); this._sync(); } _onDestroy() { if (this._dragMonitor) { DND.removeDragMonitor(this._dragMonitor); this._dragMonitor = null; } this.view.destroy(); if (this._folderChangedId) { this._folder.disconnect(this._folderChangedId); delete this._folderChangedId; } if (this._dialog) this._dialog.destroy(); } vfunc_clicked() { this.open(); } vfunc_unmap() { if (this._dialog) this._dialog.popdown(); super.vfunc_unmap(); } open() { this._ensureFolderDialog(); this.view._scrollView.vscroll.adjustment.value = 0; this._dialog.popup(); } getAppIds() { return this.view.getAllItems().map(item => item.id); } _setHoveringByDnd(hovering) { if (this._iconIsHovering == hovering) return; this._iconIsHovering = hovering; if (hovering) { this._dragMonitor = { dragMotion: this._onDragMotion.bind(this), }; DND.addDragMonitor(this._dragMonitor); this.add_style_pseudo_class('drop'); } else { DND.removeDragMonitor(this._dragMonitor); this.remove_style_pseudo_class('drop'); } } _onDragMotion(dragEvent) { if (!this.contains(dragEvent.targetActor) || !this._canAccept(dragEvent.source)) this._setHoveringByDnd(false); return DND.DragMotionResult.CONTINUE; } _canAccept(source) { if (!(source instanceof AppIcon)) return false; let view = _getViewFromIcon(source); if (!view || !(view instanceof AllView)) return false; if (this._folder.get_strv('apps').includes(source.id)) return false; return true; } handleDragOver(source) { if (!this._canAccept(source)) return DND.DragMotionResult.NO_DROP; this._setHoveringByDnd(true); return DND.DragMotionResult.MOVE_DROP; } acceptDrop(source) { this._setHoveringByDnd(false); if (!this._canAccept(source)) return false; this.view.addApp(source.app); return true; } _updateName() { let name = _getFolderName(this._folder); if (this.name == name) return; this.name = name; this.icon.label.text = this.name; this.emit('name-changed'); } _sync() { this.emit('apps-changed'); this._updateName(); this.visible = this.view.getAllItems().length > 0; this.icon.update(); } _createIcon(iconSize) { return this.view.createFolderIcon(iconSize, this); } _ensureFolderDialog() { if (this._dialog) return; if (!this._dialog) { this._dialog = new AppFolderDialog(this, this._folder); this._parentView.addFolderDialog(this._dialog); this._dialog.connect('open-state-changed', (popup, isOpen) => { if (!isOpen) this.checked = false; }); } } }); var AppFolderDialog = GObject.registerClass({ Signals: { 'open-state-changed': { param_types: [GObject.TYPE_BOOLEAN] }, }, }, class AppFolderDialog extends St.Widget { _init(source, folder) { super._init({ layout_manager: new Clutter.BinLayout(), style_class: 'app-folder-dialog-container', visible: false, x_expand: true, y_expand: true, x_align: Clutter.ActorAlign.CENTER, y_align: Clutter.ActorAlign.CENTER, }); this._source = source; this._folder = folder; this._view = source.view; this._isOpen = false; this.parentOffset = 0; this._viewBox = new St.BoxLayout({ style_class: 'app-folder-dialog', x_expand: true, y_expand: true, x_align: Clutter.ActorAlign.FILL, y_align: Clutter.ActorAlign.FILL, vertical: true, }); this.add_child(this._viewBox); this._addFolderNameEntry(); this._viewBox.add_child(this._view); global.focus_manager.add_group(this); this._grabHelper = new GrabHelper.GrabHelper(this, { actionMode: Shell.ActionMode.POPUP, }); this._grabHelper.addActor(Main.layoutManager.overviewGroup); this.connect('destroy', this._onDestroy.bind(this)); this._sourceMappedId = 0; this._needsZoomAndFade = false; } _addFolderNameEntry() { this._entryBox = new St.BoxLayout({ style_class: 'folder-name-container', }); this._viewBox.add_child(this._entryBox); // Empty actor to center the title let ghostButton = new Clutter.Actor(); this._entryBox.add_child(ghostButton); let stack = new Shell.Stack({ x_expand: true, x_align: Clutter.ActorAlign.CENTER, }); this._entryBox.add_child(stack); // Folder name label this._folderNameLabel = new St.Label({ style_class: 'folder-name-label', x_expand: true, y_expand: true, x_align: Clutter.ActorAlign.CENTER, y_align: Clutter.ActorAlign.CENTER, }); stack.add_child(this._folderNameLabel); // Folder name entry this._entry = new St.Entry({ style_class: 'folder-name-entry', opacity: 0, reactive: false, }); this._entry.clutter_text.set({ x_expand: true, x_align: Clutter.ActorAlign.CENTER, }); this._entry.clutter_text.connect('activate', () => { this._showFolderLabel(); }); stack.add_child(this._entry); // Edit button this._editButton = new St.Button({ style_class: 'edit-folder-button', button_mask: St.ButtonMask.ONE, toggle_mode: true, reactive: true, can_focus: true, x_align: Clutter.ActorAlign.END, y_align: Clutter.ActorAlign.CENTER, child: new St.Icon({ icon_name: 'document-edit-symbolic', icon_size: 16, }), }); this._editButton.connect('notify::checked', () => { if (this._editButton.checked) this._showFolderEntry(); else this._showFolderLabel(); }); this._entryBox.add_child(this._editButton); ghostButton.add_constraint(new Clutter.BindConstraint({ source: this._editButton, coordinate: Clutter.BindCoordinate.SIZE, })); this._folder.connect('changed::name', () => this._syncFolderName()); this._syncFolderName(); } _syncFolderName() { let newName = _getFolderName(this._folder); this._folderNameLabel.text = newName; this._entry.text = newName; } _switchActor(from, to) { to.reactive = true; to.ease({ opacity: 255, duration: 300, mode: Clutter.AnimationMode.EASE_OUT_QUAD, }); from.ease({ opacity: 0, duration: 300, mode: Clutter.AnimationMode.EASE_OUT_QUAD, onComplete: () => { from.reactive = false; }, }); } _showFolderLabel() { if (this._editButton.checked) this._editButton.checked = false; this._maybeUpdateFolderName(); this._switchActor(this._entry, this._folderNameLabel); } _showFolderEntry() { this._switchActor(this._folderNameLabel, this._entry); this._entry.clutter_text.set_selection(0, -1); this._entry.clutter_text.grab_key_focus(); } _maybeUpdateFolderName() { let folderName = _getFolderName(this._folder); let newFolderName = this._entry.text.trim(); if (newFolderName.length === 0 || newFolderName === folderName) return; this._folder.set_string('name', newFolderName); this._folder.set_boolean('translate', false); } _zoomAndFadeIn() { let [sourceX, sourceY] = this._source.get_transformed_position(); let [dialogX, dialogY] = this.get_transformed_position(); this.set({ translation_x: sourceX - dialogX, translation_y: sourceY - dialogY, scale_x: this._source.width / this.width, scale_y: this._source.height / this.height, opacity: 0, }); this.ease({ translation_x: 0, translation_y: 0, scale_x: 1, scale_y: 1, opacity: 255, duration: FOLDER_DIALOG_ANIMATION_TIME, mode: Clutter.AnimationMode.EASE_OUT_QUAD, }); this._needsZoomAndFade = false; if (this._sourceMappedId === 0) { this._sourceMappedId = this._source.connect( 'notify::mapped', this._zoomAndFadeOut.bind(this)); } } _zoomAndFadeOut() { if (!this._isOpen) return; if (!this._source.mapped) { this.hide(); return; } let [sourceX, sourceY] = this._source.get_transformed_position(); let [dialogX, dialogY] = this.get_transformed_position(); this.ease({ translation_x: sourceX - dialogX, translation_y: sourceY - dialogY, scale_x: this._source.width / this.width, scale_y: this._source.height / this.height, opacity: 0, duration: FOLDER_DIALOG_ANIMATION_TIME, mode: Clutter.AnimationMode.EASE_OUT_QUAD, onComplete: () => { this.set({ translation_x: 0, translation_y: 0, scale_x: 1, scale_y: 1, opacity: 255, }); this.hide(); }, }); this._needsZoomAndFade = false; } _onDestroy() { if (this._isOpen) { this._isOpen = false; this._grabHelper.ungrab({ actor: this }); this._grabHelper = null; } if (this._sourceMappedId) { this._source.disconnect(this._sourceMappedId); this._sourceMappedId = 0; } } vfunc_allocate(box, flags) { let contentBox = this.get_theme_node().get_content_box(box); contentBox = this._viewBox.get_theme_node().get_content_box(contentBox); let [, entryBoxHeight] = this._entryBox.get_size(); let spacing = this._viewBox.layout_manager.spacing; this._view.adaptToSize( contentBox.get_width(), contentBox.get_height() - entryBoxHeight - spacing); this._view._grid.topPadding = 0; super.vfunc_allocate(box, flags); // We can only start zooming after receiving an allocation if (this._needsZoomAndFade) this._zoomAndFadeIn(); } vfunc_key_press_event(keyEvent) { if (global.stage.get_key_focus() != this) return Clutter.EVENT_PROPAGATE; // Since we need to only grab focus on one item child when the user // actually press a key we don't use navigate_focus when opening // the popup. // Instead of that, grab the focus on the AppFolderPopup actor // and actually moves the focus to a child only when the user // actually press a key. // It should work with just grab_key_focus on the AppFolderPopup // actor, but since the arrow keys are not wrapping_around the focus // is not grabbed by a child when the widget that has the current focus // is the same that is requesting focus, so to make it works with arrow // keys we need to connect to the key-press-event and navigate_focus // when that happens using TAB_FORWARD or TAB_BACKWARD instead of arrow // keys // Use TAB_FORWARD for down key and right key // and TAB_BACKWARD for up key and left key on ltr // languages let direction; let isLtr = Clutter.get_default_text_direction() == Clutter.TextDirection.LTR; switch (keyEvent.keyval) { case Clutter.KEY_Down: direction = St.DirectionType.TAB_FORWARD; break; case Clutter.KEY_Right: direction = isLtr ? St.DirectionType.TAB_FORWARD : St.DirectionType.TAB_BACKWARD; break; case Clutter.KEY_Up: direction = St.DirectionType.TAB_BACKWARD; break; case Clutter.KEY_Left: direction = isLtr ? St.DirectionType.TAB_BACKWARD : St.DirectionType.TAB_FORWARD; break; default: return Clutter.EVENT_PROPAGATE; } return this.navigate_focus(null, direction, false); } toggle() { if (this._isOpen) this.popdown(); else this.popup(); } popup() { if (this._isOpen) return; this._isOpen = this._grabHelper.grab({ actor: this, onUngrab: this.popdown.bind(this) }); if (!this._isOpen) return; this._needsZoomAndFade = true; this.show(); this.emit('open-state-changed', true); } popdown() { if (!this._isOpen) return; this._zoomAndFadeOut(); this._showFolderLabel(); this._grabHelper.ungrab({ actor: this }); this._isOpen = false; this.emit('open-state-changed', false); } }); var AppIcon = GObject.registerClass({ Signals: { 'menu-state-changed': { param_types: [GObject.TYPE_BOOLEAN] }, 'sync-tooltip': {}, }, }, class AppIcon extends St.Button { _init(app, iconParams = {}) { super._init({ style_class: 'app-well-app', pivot_point: new Graphene.Point({ x: 0.5, y: 0.5 }), reactive: true, button_mask: St.ButtonMask.ONE | St.ButtonMask.TWO, can_focus: true, }); this.app = app; this.id = app.get_id(); this.name = app.get_name(); this._iconContainer = new St.Widget({ layout_manager: new Clutter.BinLayout(), x_expand: true, y_expand: true }); this.set_child(this._iconContainer); this._delegate = this; this._folderPreviewId = 0; // Get the isDraggable property without passing it on to the BaseIcon: let appIconParams = Params.parse(iconParams, { isDraggable: true }, true); let isDraggable = appIconParams['isDraggable']; delete iconParams['isDraggable']; iconParams['createIcon'] = this._createIcon.bind(this); iconParams['setSizeManually'] = true; this.icon = new IconGrid.BaseIcon(app.get_name(), iconParams); this._iconContainer.add_child(this.icon); this._dot = new St.Widget({ style_class: 'app-well-app-running-dot', layout_manager: new Clutter.BinLayout(), x_expand: true, y_expand: true, x_align: Clutter.ActorAlign.CENTER, y_align: Clutter.ActorAlign.END, }); this._iconContainer.add_child(this._dot); this.label_actor = this.icon.label; this.connect('popup-menu', this._onKeyboardPopupMenu.bind(this)); this._menu = null; this._menuManager = new PopupMenu.PopupMenuManager(this); if (isDraggable) { this._draggable = DND.makeDraggable(this); this._draggable.connect('drag-begin', () => { this._dragging = true; this.scaleAndFade(); this._removeMenuTimeout(); Main.overview.beginItemDrag(this); }); this._draggable.connect('drag-cancelled', () => { this._dragging = false; Main.overview.cancelledItemDrag(this); }); this._draggable.connect('drag-end', () => { this._dragging = false; this.undoScaleAndFade(); Main.overview.endItemDrag(this); }); } this._otherIconIsHovering = false; this._menuTimeoutId = 0; this._stateChangedId = this.app.connect('notify::state', () => { this._updateRunningStyle(); }); this._updateRunningStyle(); this.connect('destroy', this._onDestroy.bind(this)); } _onDestroy() { if (this._folderPreviewId > 0) { GLib.source_remove(this._folderPreviewId); this._folderPreviewId = 0; } if (this._stateChangedId > 0) this.app.disconnect(this._stateChangedId); if (this._dragMonitor) { DND.removeDragMonitor(this._dragMonitor); this._dragMonitor = null; } if (this._draggable) { if (this._dragging) Main.overview.endItemDrag(this); this._draggable = null; } this._stateChangedId = 0; this._removeMenuTimeout(); } _createIcon(iconSize) { return this.app.create_icon_texture(iconSize); } _removeMenuTimeout() { if (this._menuTimeoutId > 0) { GLib.source_remove(this._menuTimeoutId); this._menuTimeoutId = 0; } } _updateRunningStyle() { if (this.app.state != Shell.AppState.STOPPED) this._dot.show(); else this._dot.hide(); } _setPopupTimeout() { this._removeMenuTimeout(); this._menuTimeoutId = GLib.timeout_add(GLib.PRIORITY_DEFAULT, MENU_POPUP_TIMEOUT, () => { this._menuTimeoutId = 0; this.popupMenu(); return GLib.SOURCE_REMOVE; }); GLib.Source.set_name_by_id(this._menuTimeoutId, '[gnome-shell] this.popupMenu'); } vfunc_leave_event(crossingEvent) { let ret = super.vfunc_leave_event(crossingEvent); this.fake_release(); this._removeMenuTimeout(); return ret; } vfunc_button_press_event(buttonEvent) { super.vfunc_button_press_event(buttonEvent); if (buttonEvent.button == 1) { this._setPopupTimeout(); } else if (buttonEvent.button == 3) { this.popupMenu(); return Clutter.EVENT_STOP; } return Clutter.EVENT_PROPAGATE; } vfunc_touch_event(touchEvent) { super.vfunc_touch_event(touchEvent); if (touchEvent.type == Clutter.EventType.TOUCH_BEGIN) this._setPopupTimeout(); return Clutter.EVENT_PROPAGATE; } vfunc_clicked(button) { this._removeMenuTimeout(); this.activate(button); } _onKeyboardPopupMenu() { this.popupMenu(); this._menu.actor.navigate_focus(null, St.DirectionType.TAB_FORWARD, false); } getId() { return this.app.get_id(); } popupMenu() { this._removeMenuTimeout(); this.fake_release(); if (this._draggable) this._draggable.fakeRelease(); if (!this._menu) { this._menu = new AppIconMenu(this); this._menu.connect('activate-window', (menu, window) => { this.activateWindow(window); }); this._menu.connect('open-state-changed', (menu, isPoppedUp) => { if (!isPoppedUp) this._onMenuPoppedDown(); }); let id = Main.overview.connect('hiding', () => { this._menu.close(); }); this.connect('destroy', () => { Main.overview.disconnect(id); }); this._menuManager.addMenu(this._menu); } this.emit('menu-state-changed', true); this.set_hover(true); this._menu.popup(); this._menuManager.ignoreRelease(); this.emit('sync-tooltip'); return false; } activateWindow(metaWindow) { if (metaWindow) Main.activateWindow(metaWindow); else Main.overview.hide(); } _onMenuPoppedDown() { this.sync_hover(); this.emit('menu-state-changed', false); } activate(button) { let event = Clutter.get_current_event(); let modifiers = event ? event.get_state() : 0; let isMiddleButton = button && button == Clutter.BUTTON_MIDDLE; let isCtrlPressed = (modifiers & Clutter.ModifierType.CONTROL_MASK) != 0; let openNewWindow = this.app.can_open_new_window() && this.app.state == Shell.AppState.RUNNING && (isCtrlPressed || isMiddleButton); if (this.app.state == Shell.AppState.STOPPED || openNewWindow) this.animateLaunch(); if (openNewWindow) this.app.open_new_window(-1); else this.app.activate(); Main.overview.hide(); } animateLaunch() { this.icon.animateZoomOut(); } animateLaunchAtPos(x, y) { this.icon.animateZoomOutAtPos(x, y); } scaleIn() { this.scale_x = 0; this.scale_y = 0; this.ease({ scale_x: 1, scale_y: 1, duration: APP_ICON_SCALE_IN_TIME, delay: APP_ICON_SCALE_IN_DELAY, mode: Clutter.AnimationMode.EASE_OUT_QUINT, }); } shellWorkspaceLaunch(params) { let { stack } = new Error(); log('shellWorkspaceLaunch is deprecated, use app.open_new_window() instead\n%s'.format(stack)); params = Params.parse(params, { workspace: -1, timestamp: 0 }); this.app.open_new_window(params.workspace); } getDragActor() { return this.app.create_icon_texture(Main.overview.dash.iconSize); } // Returns the original actor that should align with the actor // we show as the item is being dragged. getDragActorSource() { return this.icon.icon; } shouldShowTooltip() { return this.hover && (!this._menu || !this._menu.isOpen); } scaleAndFade() { this.reactive = false; this.ease({ scale_x: 0.75, scale_y: 0.75, opacity: 128, }); } undoScaleAndFade() { this.reactive = true; this.ease({ scale_x: 1.0, scale_y: 1.0, opacity: 255, }); } _showFolderPreview() { this.icon.label.opacity = 0; this.icon.icon.ease({ scale_x: FOLDER_SUBICON_FRACTION, scale_y: FOLDER_SUBICON_FRACTION, }); } _hideFolderPreview() { this.icon.label.opacity = 255; this.icon.icon.ease({ scale_x: 1.0, scale_y: 1.0, }); } _canAccept(source) { let view = _getViewFromIcon(source); return source != this && (source instanceof this.constructor) && (view instanceof AllView); } _setHoveringByDnd(hovering) { if (this._otherIconIsHovering == hovering) return; this._otherIconIsHovering = hovering; if (hovering) { this._dragMonitor = { dragMotion: this._onDragMotion.bind(this), }; DND.addDragMonitor(this._dragMonitor); if (this._folderPreviewId > 0) return; this._folderPreviewId = GLib.timeout_add(GLib.PRIORITY_DEFAULT, 500, () => { this.add_style_pseudo_class('drop'); this._showFolderPreview(); this._folderPreviewId = 0; return GLib.SOURCE_REMOVE; }); } else { DND.removeDragMonitor(this._dragMonitor); if (this._folderPreviewId > 0) { GLib.source_remove(this._folderPreviewId); this._folderPreviewId = 0; } this._hideFolderPreview(); this.remove_style_pseudo_class('drop'); } } _onDragMotion(dragEvent) { if (!this.contains(dragEvent.targetActor)) this._setHoveringByDnd(false); return DND.DragMotionResult.CONTINUE; } handleDragOver(source) { if (source == this) return DND.DragMotionResult.NO_DROP; if (!this._canAccept(source)) return DND.DragMotionResult.CONTINUE; this._setHoveringByDnd(true); return DND.DragMotionResult.MOVE_DROP; } acceptDrop(source) { this._setHoveringByDnd(false); if (!this._canAccept(source)) return false; let view = _getViewFromIcon(this); let apps = [this.id, source.id]; return view.createFolder(apps); } }); var AppIconMenu = class AppIconMenu extends PopupMenu.PopupMenu { constructor(source) { let side = St.Side.LEFT; if (Clutter.get_default_text_direction() == Clutter.TextDirection.RTL) side = St.Side.RIGHT; super(source, 0.5, side); // We want to keep the item hovered while the menu is up this.blockSourceEvents = true; this._source = source; this.actor.add_style_class_name('app-well-menu'); // Chain our visibility and lifecycle to that of the source this._sourceMappedId = source.connect('notify::mapped', () => { if (!source.mapped) this.close(); }); source.connect('destroy', () => { source.disconnect(this._sourceMappedId); this.destroy(); }); Main.uiGroup.add_actor(this.actor); } _rebuildMenu() { this.removeAll(); let windows = this._source.app.get_windows().filter( w => !w.skip_taskbar ); if (windows.length > 0) { this.addMenuItem( /* Translators: This is the heading of a list of open windows */ new PopupMenu.PopupSeparatorMenuItem(_("Open Windows")) ); } windows.forEach(window => { let title = window.title ? window.title : this._source.app.get_name(); let item = this._appendMenuItem(title); item.connect('activate', () => { this.emit('activate-window', window); }); }); if (!this._source.app.is_window_backed()) { this._appendSeparator(); let appInfo = this._source.app.get_app_info(); let actions = appInfo.list_actions(); if (this._source.app.can_open_new_window() && !actions.includes('new-window')) { this._newWindowMenuItem = this._appendMenuItem(_("New Window")); this._newWindowMenuItem.connect('activate', () => { this._source.animateLaunch(); this._source.app.open_new_window(-1); this.emit('activate-window', null); }); this._appendSeparator(); } if (discreteGpuAvailable && this._source.app.state == Shell.AppState.STOPPED) { this._onDiscreteGpuMenuItem = this._appendMenuItem(_("Launch using Dedicated Graphics Card")); this._onDiscreteGpuMenuItem.connect('activate', () => { this._source.animateLaunch(); this._source.app.launch(0, -1, true); this.emit('activate-window', null); }); } for (let i = 0; i < actions.length; i++) { let action = actions[i]; let item = this._appendMenuItem(appInfo.get_action_name(action)); item.connect('activate', (emitter, event) => { if (action == 'new-window') this._source.animateLaunch(); this._source.app.launch_action(action, event.get_time(), -1); this.emit('activate-window', null); }); } let canFavorite = global.settings.is_writable('favorite-apps'); if (canFavorite) { this._appendSeparator(); let isFavorite = AppFavorites.getAppFavorites().isFavorite(this._source.app.get_id()); if (isFavorite) { let item = this._appendMenuItem(_("Remove from Favorites")); item.connect('activate', () => { let favs = AppFavorites.getAppFavorites(); favs.removeFavorite(this._source.app.get_id()); }); } else { let item = this._appendMenuItem(_("Add to Favorites")); item.connect('activate', () => { let favs = AppFavorites.getAppFavorites(); favs.addFavorite(this._source.app.get_id()); }); } } if (Shell.AppSystem.get_default().lookup_app('org.gnome.Software.desktop')) { this._appendSeparator(); let item = this._appendMenuItem(_("Show Details")); item.connect('activate', () => { let id = this._source.app.get_id(); let args = GLib.Variant.new('(ss)', [id, '']); Gio.DBus.get(Gio.BusType.SESSION, null, (o, res) => { let bus = Gio.DBus.get_finish(res); bus.call('org.gnome.Software', '/org/gnome/Software', 'org.gtk.Actions', 'Activate', GLib.Variant.new('(sava{sv})', ['details', [args], null]), null, 0, -1, null); Main.overview.hide(); }); }); } } } _appendSeparator() { let separator = new PopupMenu.PopupSeparatorMenuItem(); this.addMenuItem(separator); } _appendMenuItem(labelText) { // FIXME: app-well-menu-item style let item = new PopupMenu.PopupMenuItem(labelText); this.addMenuItem(item); return item; } popup(_activatingButton) { this._rebuildMenu(); this.open(); } }; Signals.addSignalMethods(AppIconMenu.prototype); var SystemActionIcon = GObject.registerClass( class SystemActionIcon extends Search.GridSearchResult { activate() { SystemActions.getDefault().activateAction(this.metaInfo['id']); Main.overview.hide(); } });