Temporarily remove blogs and events from search results (opensearch-project#10346)

* Temporarily remove blog and event search results from search page

Signed-off-by: Fanit Kolchina <[email protected]>

* Remove the checkbox script

Signed-off-by: Fanit Kolchina <[email protected]>

* Remove extra whitespace

Signed-off-by: Fanit Kolchina <[email protected]>

* More whitespace

Signed-off-by: Fanit Kolchina <[email protected]>

---------

Signed-off-by: Fanit Kolchina <[email protected]>

Author: kolchfa-aws

_layouts/search_layout.html

@@ -40,19 +40,22 @@
 
         <div class="search-page">
             <aside class="search-page--sidebar">
+            <!--
             <h3>Filter results</h3>
+            -->
             <div class="version-selector-wrapper" id="version-panel">
                 <version-selector selected="{{ site.data.versions.current }}"></version-selector>
             </div>
             <form class="search-page--sidebar--category-filter">
                 <div class="search-page--sidebar--category-filter--checkbox">
-                <input type="checkbox" id="categoryAll" name="categoryGroup" value="All" class="category-checkbox" checked>
+                <input type="checkbox" id="categoryAll" name="categoryGroup" value="All" class="category-checkbox" checked disabled>
                 <label for="categoryAll">All</label>
                 </div>
                 <div class="search-page--sidebar--category-filter--checkbox-child">
-                <input type="checkbox" id="categoryDocumentation" name="categoryGroup" value="docs" class="category-checkbox" checked>
+                <input type="checkbox" id="categoryDocumentation" name="categoryGroup" value="docs" class="category-checkbox" checked disabled>
                 <label for="categoryDocumentation">Documentation</label>
                 </div>
+                <!---
                 <div class="search-page--sidebar--category-filter--checkbox-child">
                 <input type="checkbox" id="categoryBlog" name="categoryGroup" value="blogs" class="category-checkbox" checked>
                 <label for="categoryBlog">Blogs</label>
@@ -61,7 +64,11 @@ <h3>Filter results</h3>
                 <input type="checkbox" id="categoryEvent" name="categoryGroup" value="events" class="category-checkbox" checked>
                 <label for="categoryEvent">Events</label>
                 </div>
+            -->
             </form>
+
+            <div class="search-page--sidebar--external-link"><a href="https://opensearch.org/" target="_blank" >Search for blogs and events</a></div>
+
             </aside>
 
             <!-- Search Results Section -->
@@ -147,6 +154,7 @@ <h2 class="search-page--results--display--header" id="searchPageResultsHeader">S
     });
 
 </script>
+<!--
 <script>
     document.addEventListener('DOMContentLoaded', function() {
         const categoryAll = document.getElementById('categoryAll');
@@ -193,6 +201,7 @@ <h2 class="search-page--results--display--header" id="searchPageResultsHeader">S
         });
     });
 </script>
+-->
 <script>
     document.addEventListener('DOMContentLoaded', () => {
       const searchInput = document.getElementById('searchPageInput');

_sass/custom/custom.scss

@@ -1204,6 +1204,15 @@ body {
   margin-right: 4px;
 }
 
+.search-page--sidebar--external-link {
+  margin-top: 1rem;
+
+  a {
+    font-size: 0.9rem;
+    line-height: 1.4
+  }
+}
+
 @mixin body-text($color: #000) {
   color: $color;
   font-family: 'Open Sans';

assets/js/search.js

@@ -284,7 +284,7 @@ window.doResultsPageSearch = async (query, type, version) => {
     const searchResultsContainer = document.getElementById('searchPageResultsContainer');
 
     try {
-        const response = await fetch(`https://search-api.opensearch.org/search?q=${query}&v=${version}&t=${type}`);
+        const response = await fetch(`https://search-api.opensearch.org/search?q=${query}&v=${version}&t=DOCS`);
         const data = await response.json();
         // Clear any previous search results
         searchResultsContainer.innerHTML = '';