// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*- const Clutter = imports.gi.Clutter; const Lang = imports.lang; const GLib = imports.gi.GLib; const Gio = imports.gi.Gio; const Gtk = imports.gi.Gtk; const Meta = imports.gi.Meta; const Signals = imports.signals; const Shell = imports.gi.Shell; const St = imports.gi.St; const Atk = imports.gi.Atk; const AppDisplay = imports.ui.appDisplay; const DND = imports.ui.dnd; const IconGrid = imports.ui.iconGrid; const Main = imports.ui.main; const Overview = imports.ui.overview; const RemoteSearch = imports.ui.remoteSearch; const Separator = imports.ui.separator; const Util = imports.misc.util; const SEARCH_PROVIDERS_SCHEMA = 'org.gnome.desktop.search-providers'; const MAX_LIST_SEARCH_RESULTS_ROWS = 3; const MAX_GRID_SEARCH_RESULTS_ROWS = 1; const MaxWidthBin = new Lang.Class({ Name: 'MaxWidthBin', Extends: St.Bin, vfunc_allocate: function(box, flags) { let themeNode = this.get_theme_node(); let maxWidth = themeNode.get_max_width(); let availWidth = box.x2 - box.x1; let adjustedBox = box; if (availWidth > maxWidth) { let excessWidth = availWidth - maxWidth; adjustedBox.x1 += Math.floor(excessWidth / 2); adjustedBox.x2 -= Math.floor(excessWidth / 2); } this.parent(adjustedBox, flags); } }); const SearchResult = new Lang.Class({ Name: 'SearchResult', _init: function(provider, metaInfo) { this.provider = provider; this.metaInfo = metaInfo; this.actor = new St.Button({ reactive: true, can_focus: true, track_hover: true, x_align: St.Align.START, y_fill: true }); this.actor._delegate = this; this.actor.connect('clicked', Lang.bind(this, this.activate)); }, activate: function() { this.emit('activate', this.metaInfo.id); } }); Signals.addSignalMethods(SearchResult.prototype); const ListSearchResult = new Lang.Class({ Name: 'ListSearchResult', Extends: SearchResult, ICON_SIZE: 64, _init: function(provider, metaInfo) { this.parent(provider, metaInfo); this.actor.style_class = 'list-search-result'; this.actor.x_fill = true; let content = new St.BoxLayout({ style_class: 'list-search-result-content', vertical: false }); this.actor.set_child(content); // An icon for, or thumbnail of, content let icon = this.metaInfo['createIcon'](this.ICON_SIZE); if (icon) { content.add(icon); } let details = new St.BoxLayout({ vertical: true }); content.add(details, { x_fill: true, y_fill: false, x_align: St.Align.START, y_align: St.Align.MIDDLE }); let title = new St.Label({ style_class: 'list-search-result-title', text: this.metaInfo['name'] }) details.add(title, { x_fill: false, y_fill: false, x_align: St.Align.START, y_align: St.Align.START }); this.actor.label_actor = title; if (this.metaInfo['description']) { let description = new St.Label({ style_class: 'list-search-result-description' }); description.clutter_text.set_markup(this.metaInfo['description']); details.add(description, { x_fill: false, y_fill: false, x_align: St.Align.START, y_align: St.Align.END }); } } }); const GridSearchResult = new Lang.Class({ Name: 'GridSearchResult', Extends: SearchResult, _init: function(provider, metaInfo) { this.parent(provider, metaInfo); this.actor.style_class = 'grid-search-result'; this.icon = new IconGrid.BaseIcon(this.metaInfo['name'], { createIcon: this.metaInfo['createIcon'] }); let content = new St.Bin({ child: this.icon.actor }); this.actor.set_child(content); this.actor.label_actor = this.icon.label; } }); const SearchResultsBase = new Lang.Class({ Name: 'SearchResultsBase', _init: function(provider) { this.provider = provider; this._terms = []; this.actor = new St.BoxLayout({ style_class: 'search-section', vertical: true }); this._resultDisplayBin = new St.Bin({ x_fill: true, y_fill: true }); this.actor.add(this._resultDisplayBin, { expand: true }); let separator = new Separator.HorizontalSeparator({ style_class: 'search-section-separator' }); this.actor.add(separator.actor); this._resultDisplays = {}; this._cancellable = new Gio.Cancellable(); }, destroy: function() { this.actor.destroy(); this._terms = []; }, _createResultDisplay: function(meta) { if (this.provider.createResultObject) return this.provider.createResultObject(meta); return null; }, clear: function() { for (let resultId in this._resultDisplays) this._resultDisplays[resultId].actor.destroy(); this._resultDisplays = {}; this._clearResultDisplay(); this.actor.hide(); }, _keyFocusIn: function(actor) { this.emit('key-focus-in', actor); }, _activateResult: function(result, id) { this.provider.activateResult(id, this._terms); Main.overview.toggle(); }, _setMoreIconVisible: function(visible) { }, _ensureResultActors: function(results, callback) { let metasNeeded = results.filter(Lang.bind(this, function(resultId) { return this._resultDisplays[resultId] === undefined; })); if (metasNeeded.length === 0) { callback(true); } else { this._cancellable.cancel(); this._cancellable.reset(); this.provider.getResultMetas(metasNeeded, Lang.bind(this, function(metas) { if (metas.length == 0) { callback(false); return; } if (metas.length != metasNeeded.length) { log('Wrong number of result metas returned by search provider'); callback(false); return; } metasNeeded.forEach(Lang.bind(this, function(resultId, i) { let meta = metas[i]; let display = this._createResultDisplay(meta); display.connect('activate', Lang.bind(this, this._activateResult)); display.actor.connect('key-focus-in', Lang.bind(this, this._keyFocusIn)); this._resultDisplays[resultId] = display; })); callback(true); }), this._cancellable); } }, updateSearch: function(providerResults, terms, callback) { this._terms = terms; if (providerResults.length == 0) { this._clearResultDisplay(); this.actor.hide(); callback(); } else { let maxResults = this._getMaxDisplayedResults(); let results = this.provider.filterResults(providerResults, maxResults); let hasMoreResults = results.length < providerResults.length; this._ensureResultActors(results, Lang.bind(this, function(successful) { if (!successful) { this._clearResultDisplay(); return; } // To avoid CSS transitions causing flickering when // the first search result stays the same, we hide the // content while filling in the results. this.actor.hide(); this._clearResultDisplay(); results.forEach(Lang.bind(this, function(resultId) { this._addItem(this._resultDisplays[resultId]); })); this._setMoreIconVisible(hasMoreResults && this.provider.canLaunchSearch); this.actor.show(); callback(); })); } } }); const ListSearchResults = new Lang.Class({ Name: 'ListSearchResults', Extends: SearchResultsBase, _init: function(provider) { this.parent(provider); this._container = new St.BoxLayout({ style_class: 'search-section-content' }); this.providerIcon = new ProviderIcon(provider); this.providerIcon.connect('key-focus-in', Lang.bind(this, this._keyFocusIn)); this.providerIcon.connect('clicked', Lang.bind(this, function() { this.providerIcon.animateLaunch(); provider.launchSearch(this._terms); Main.overview.toggle(); })); this._container.add(this.providerIcon, { x_fill: false, y_fill: false, x_align: St.Align.START, y_align: St.Align.START }); this._content = new St.BoxLayout({ style_class: 'list-search-results', vertical: true }); this._container.add(this._content, { expand: true }); this._resultDisplayBin.set_child(this._container); }, _setMoreIconVisible: function(visible) { this.providerIcon.moreIcon.visible = visible; }, _getMaxDisplayedResults: function() { return MAX_LIST_SEARCH_RESULTS_ROWS; }, _clearResultDisplay: function () { this._content.remove_all_children(); }, _createResultDisplay: function(meta) { return this.parent(meta) || new ListSearchResult(this.provider, meta); }, _addItem: function(display) { this._content.add_actor(display.actor); }, getFirstResult: function() { if (this._content.get_n_children() > 0) return this._content.get_child_at_index(0)._delegate; else return null; } }); Signals.addSignalMethods(ListSearchResults.prototype); const GridSearchResults = new Lang.Class({ Name: 'GridSearchResults', Extends: SearchResultsBase, _init: function(provider, parentContainer) { this.parent(provider); // We need to use the parent container to know how much results we can show. // None of the actors in this class can be used for that, since the main actor // goes hidden when no results are displayed, and then it lost its allocation. // Then on the next use of _getMaxDisplayedResults allocation is 0, en therefore // it doesn't show any result although we have some. this._parentContainer = parentContainer; this._grid = new IconGrid.IconGrid({ rowLimit: MAX_GRID_SEARCH_RESULTS_ROWS, xAlign: St.Align.START }); this._bin = new St.Bin({ x_align: St.Align.MIDDLE }); this._bin.set_child(this._grid.actor); this._resultDisplayBin.set_child(this._bin); }, _getMaxDisplayedResults: function() { let parentThemeNode = this._parentContainer.get_theme_node(); let availableWidth = parentThemeNode.adjust_for_width(this._parentContainer.width); return this._grid.columnsForWidth(availableWidth) * this._grid.getRowLimit(); }, _clearResultDisplay: function () { this._grid.removeAll(); }, _createResultDisplay: function(meta) { return this.parent(meta) || new GridSearchResult(this.provider, meta); }, _addItem: function(display) { this._grid.addItem(display); }, getFirstResult: function() { if (this._grid.visibleItemsCount() > 0) return this._grid.getItemAtIndex(0)._delegate; else return null; } }); Signals.addSignalMethods(GridSearchResults.prototype); const SearchResults = new Lang.Class({ Name: 'SearchResults', _init: function() { this.actor = new St.BoxLayout({ name: 'searchResults', vertical: true }); this._content = new St.BoxLayout({ name: 'searchResultsContent', vertical: true }); this._contentBin = new MaxWidthBin({ name: 'searchResultsBin', x_fill: true, y_fill: true, child: this._content }); let scrollChild = new St.BoxLayout(); scrollChild.add(this._contentBin, { expand: true }); this._scrollView = new St.ScrollView({ x_fill: true, y_fill: false, overlay_scrollbars: true, style_class: 'search-display vfade' }); this._scrollView.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC); this._scrollView.add_actor(scrollChild); let action = new Clutter.PanAction({ interpolate: true }); action.connect('pan', Lang.bind(this, this._onPan)); this._scrollView.add_action(action); this.actor.add(this._scrollView, { x_fill: true, y_fill: true, expand: true, x_align: St.Align.START, y_align: St.Align.START }); this._statusText = new St.Label({ style_class: 'search-statustext' }); this._statusBin = new St.Bin({ x_align: St.Align.MIDDLE, y_align: St.Align.MIDDLE }); this.actor.add(this._statusBin, { expand: true }); this._statusBin.add_actor(this._statusText); this._highlightDefault = false; this._defaultResult = null; this._startingSearch = false; this._terms = []; this._results = {}; this._providers = []; this._searchSettings = new Gio.Settings({ schema: SEARCH_PROVIDERS_SCHEMA }); this._searchSettings.connect('changed::disabled', Lang.bind(this, this._reloadRemoteProviders)); this._searchSettings.connect('changed::disable-external', Lang.bind(this, this._reloadRemoteProviders)); this._searchSettings.connect('changed::sort-order', Lang.bind(this, this._reloadRemoteProviders)); this._searchTimeoutId = 0; this._cancellable = new Gio.Cancellable(); this._registerProvider(new AppDisplay.AppSearchProvider()); this._reloadRemoteProviders(); }, _reloadRemoteProviders: function() { let remoteProviders = this._providers.filter(function(provider) { return provider.isRemoteProvider; }); remoteProviders.forEach(Lang.bind(this, function(provider) { this._unregisterProvider(provider); })); RemoteSearch.loadRemoteSearchProviders(Lang.bind(this, function(providers) { providers.forEach(Lang.bind(this, this._registerProvider)); })); }, _registerProvider: function (provider) { this._providers.push(provider); this._ensureProviderDisplay(provider); }, _unregisterProvider: function (provider) { let index = this._providers.indexOf(provider); this._providers.splice(index, 1); if (provider.display) provider.display.destroy(); }, _gotResults: function(results, provider) { this._results[provider.id] = results; this._updateResults(provider, results); }, _doSearch: function() { this._startingSearch = false; let previousResults = this._results; this._results = {}; this._providers.forEach(Lang.bind(this, function(provider) { provider.searchInProgress = true; let previousProviderResults = previousResults[provider.id]; if (this._isSubSearch && previousProviderResults) provider.getSubsearchResultSet(previousProviderResults, this._terms, Lang.bind(this, this._gotResults, provider), this._cancellable); else provider.getInitialResultSet(this._terms, Lang.bind(this, this._gotResults, provider), this._cancellable); })); this._updateSearchProgress(); this._searchTimeoutId = 0; return GLib.SOURCE_REMOVE; }, setTerms: function(terms) { this._startingSearch = true; this._cancellable.cancel(); this._cancellable.reset(); if (!terms) { if (this._searchTimeoutId > 0) { this._searchTimeoutId = 0; GLib.source_remove(this._searchTimeoutId); } return; } let searchString = terms.join(' '); let previousSearchString = this._terms.join(' '); if (searchString == previousSearchString) return; let isSubSearch = false; if (this._terms.length > 0) isSubSearch = searchString.indexOf(previousSearchString) == 0; this._terms = terms; this._isSubSearch = isSubSearch; this._updateSearchProgress(); if (this._searchTimeoutId == 0) this._searchTimeoutId = GLib.timeout_add(GLib.PRIORITY_DEFAULT, 150, Lang.bind(this, this._doSearch)); }, _onPan: function(action) { let [dist, dx, dy] = action.get_motion_delta(0); let adjustment = this._scrollView.vscroll.adjustment; adjustment.value -= (dy / this.actor.height) * adjustment.page_size; return false; }, _keyFocusIn: function(provider, actor) { Util.ensureActorVisibleInScrollView(this._scrollView, actor); }, _ensureProviderDisplay: function(provider) { if (provider.display) return; let providerDisplay; if (provider.appInfo) providerDisplay = new ListSearchResults(provider); else providerDisplay = new GridSearchResults(provider, this.actor); providerDisplay.connect('key-focus-in', Lang.bind(this, this._keyFocusIn)); this._content.add(providerDisplay.actor); provider.display = providerDisplay; }, _clearDisplay: function() { this._providers.forEach(function(provider) { provider.display.clear(); }); }, _maybeSetInitialSelection: function() { let newDefaultResult = null; let providers = this._providers; for (let i = 0; i < providers.length; i++) { let provider = providers[i]; let display = provider.display; if (!display.actor.visible) continue; let firstResult = display.getFirstResult(); if (firstResult) { newDefaultResult = firstResult; break; // select this one! } } if (newDefaultResult != this._defaultResult) { this._setSelected(this._defaultResult, false); this._setSelected(newDefaultResult, this._highlightDefault); this._defaultResult = newDefaultResult; } }, get searchInProgress() { if (this._startingSearch) return true; return this._providers.some(function(provider) { return provider.searchInProgress; }); }, _updateSearchProgress: function () { let haveResults = this._providers.some(function(provider) { let display = provider.display; return (display.getFirstResult() != null); }); this._scrollView.visible = haveResults; this._statusBin.visible = !haveResults; if (!haveResults) { if (this.searchInProgress) { this._statusText.set_text(_("Searching…")); } else { this._statusText.set_text(_("No results.")); } } }, _updateResults: function(provider, results) { let terms = this._terms; let display = provider.display; display.updateSearch(results, terms, Lang.bind(this, function() { provider.searchInProgress = false; this._maybeSetInitialSelection(); this._updateSearchProgress(); })); }, activateDefault: function() { this._doSearch(); if (this._defaultResult) this._defaultResult.activate(); }, highlightDefault: function(highlight) { this._highlightDefault = highlight; this._setSelected(this._defaultResult, highlight); }, navigateFocus: function(direction) { let rtl = this.actor.get_text_direction() == Clutter.TextDirection.RTL; if (direction == Gtk.DirectionType.TAB_BACKWARD || direction == (rtl ? Gtk.DirectionType.RIGHT : Gtk.DirectionType.LEFT) || direction == Gtk.DirectionType.UP) { this.actor.navigate_focus(null, direction, false); return; } let from = this._defaultResult ? this._defaultResult.actor : null; this.actor.navigate_focus(from, direction, false); }, _setSelected: function(result, selected) { if (!result) return; if (selected) { result.actor.add_style_pseudo_class('selected'); Util.ensureActorVisibleInScrollView(this._scrollView, result.actor); } else { result.actor.remove_style_pseudo_class('selected'); } } }); const ProviderIcon = new Lang.Class({ Name: 'ProviderIcon', Extends: St.Button, PROVIDER_ICON_SIZE: 48, _init: function(provider) { this.provider = provider; this.parent({ style_class: 'search-provider-icon', reactive: true, can_focus: true, accessible_name: provider.appInfo.get_name(), track_hover: true }); this._content = new St.Widget({ layout_manager: new Clutter.BinLayout() }); this.set_child(this._content); let rtl = (this.get_text_direction() == Clutter.TextDirection.RTL); this.moreIcon = new St.Widget({ style_class: 'search-provider-icon-more', visible: false, x_align: rtl ? Clutter.ActorAlign.START : Clutter.ActorAlign.END, y_align: Clutter.ActorAlign.END, x_expand: true, y_expand: true }); let icon = new St.Icon({ icon_size: this.PROVIDER_ICON_SIZE, gicon: provider.appInfo.get_icon() }); this._content.add_actor(icon); this._content.add_actor(this.moreIcon); }, animateLaunch: function() { let appSys = Shell.AppSystem.get_default(); let app = appSys.lookup_app(this.provider.appInfo.get_id()); if (app.state == Shell.AppState.STOPPED) IconGrid.zoomOutActor(this._content); } });