Move version filter to search results

spring-io · Feb 7, 2023 · 48c9483 · 48c9483
1 parent 418d9ba
commit 48c9483
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/js/vendor/docsearch.bundle.js b/src/js/vendor/docsearch.bundle.js
@@ -15,6 +15,7 @@
     }
     var searchField = document.getElementById(config.searchFieldId || 'search')
     searchField.appendChild(Object.assign(document.createElement('div'), { className: 'algolia-autocomplete-results' }))
+    const pageVersion = config.pageVersion
     var controller = docsearch({
       appId: config.appId,
       apiKey: config.apiKey,
@@ -33,6 +34,9 @@
             '<span class="ds-pagination--curr">Page 1</span>' +
             '<a href="#" class="ds-pagination--prev">Prev</a>' +
             '<a href="#" class="ds-pagination--next">Next</a></div>' +
+            '<label class="filter checkbox">' +
+            `<input type="checkbox" data-facet-filter="version:${pageVersion}" checked> ${pageVersion} only` +
+            '</label>' +
             '<div class="algolia-docsearch-footer">' +
             'Search by <a class="algolia-docsearch-footer--logo" href="https://www.algolia.com/docsearch" ' +
             'target="_blank" rel="noopener">Algolia</a>' +

diff --git a/src/partials/footer-scripts.hbs b/src/partials/footer-scripts.hbs
@@ -2,5 +2,5 @@
 <script async src="{{{uiRootPath}}}/js/vendor/highlight.js"></script>
 <script async src="{{{uiRootPath}}}/js/vendor/{{#if (asciidocExtensionRegistered '@asciidoctor/tabs')}}asciidoctor{{else}}spring{{/if}}-tabs.js" data-sync-storage-key="docs:preferred-tab"></script>
 {{#if env.ALGOLIA_API_KEY}}
-<script async id="search-script" src="{{{uiRootPath}}}/js/vendor/docsearch.js"{{#if env.ALGOLIA_APP_ID}} data-app-id="{{env.ALGOLIA_APP_ID}}"{{/if}} data-api-key="{{env.ALGOLIA_API_KEY}}" data-index-name="{{env.ALGOLIA_INDEX_NAME}}" data-stylesheet="{{{uiRootPath}}}/css/vendor/docsearch.css"></script>
+<script async id="search-script" src="{{{uiRootPath}}}/js/vendor/docsearch.js"{{#if env.ALGOLIA_APP_ID}} data-app-id="{{env.ALGOLIA_APP_ID}}"{{/if}} data-api-key="{{env.ALGOLIA_API_KEY}}" data-index-name="{{env.ALGOLIA_INDEX_NAME}}" data-stylesheet="{{{uiRootPath}}}/css/vendor/docsearch.css" data-page-version="{{{page.version}}}"></script>
 {{/if}}
diff --git a/src/partials/toolbar.hbs b/src/partials/toolbar.hbs
@@ -7,9 +7,6 @@
 <div class="search">
   <div id="search" class="field has-filter">
     <input class="query" type="text" placeholder="Search docs"{{#if page.home}} autofocus{{/if}}>
-    <label class="filter checkbox">
-      <input type="checkbox" data-facet-filter="version:{{{page.version}}}" checked> {{{page.version}}} only
-    </label>
   </div>
 </div>
 {{> page-versions}}