Add announcements/news search types based on latest posts index (#10825)

Signed-off-by: Peter Zhu <[email protected]>

Author: peterzhuamazon

_layouts/search_layout.html

@@ -54,10 +54,18 @@ <h3>Filter results</h3>
                 <label for="categoryDocumentation">Documentation</label>
                 </div>
                 <div class="search-page--sidebar--category-filter--checkbox-child">
+                <input type="checkbox" id="categoryAnnouncements" name="categoryGroup" value="announcements" class="category-checkbox" checked>
+                <label for="categoryAnnouncements">Announcements</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>
                 </div>
                 <div class="search-page--sidebar--category-filter--checkbox-child">
+                <input type="checkbox" id="categoryNews" name="categoryGroup" value="news" class="category-checkbox" checked>
+                <label for="categoryNews">News</label>
+                </div>
+                <div class="search-page--sidebar--category-filter--checkbox-child">
                 <input type="checkbox" id="categoryEvent" name="categoryGroup" value="events" class="category-checkbox" checked>
                 <label for="categoryEvent">Events</label>
                 </div>
@@ -153,10 +161,12 @@ <h2 class="search-page--results--display--header" id="searchPageResultsHeader">S
         const categoryDocumentation = document.getElementById('categoryDocumentation');
         const categoryBlog = document.getElementById('categoryBlog');
         const categoryEvent = document.getElementById('categoryEvent');
+        const categoryAnnouncements = document.getElementById('categoryAnnouncements');
+        const categoryNews = document.getElementById('categoryNews');
         const searchInput = document.getElementById('searchPageInput');
 
         function updateAllCheckbox() {
-            if (categoryDocumentation.checked && categoryBlog.checked && categoryEvent.checked) {
+            if (categoryDocumentation.checked && categoryBlog.checked && categoryEvent.checked && categoryAnnouncements.checked && categoryNews.checked) {
                 categoryAll.checked = true;
             } else {
                 categoryAll.checked = false;
@@ -168,10 +178,14 @@ <h2 class="search-page--results--display--header" id="searchPageResultsHeader">S
                 categoryDocumentation.checked = true;
                 categoryBlog.checked = true;
                 categoryEvent.checked = true;
+                categoryAnnouncements.checked = true;
+                categoryNews.checked = true;
             } else {
                 categoryDocumentation.checked = false;
                 categoryBlog.checked = false;
                 categoryEvent.checked = false;
+                categoryAnnouncements.checked = false;
+                categoryNews.checked = false;
             }
         }
 
@@ -187,6 +201,14 @@ <h2 class="search-page--results--display--header" id="searchPageResultsHeader">S
             updateAllCheckbox(); 
             triggerSearch(searchInput.value.trim());
         });
+        categoryAnnouncements.addEventListener('change', () => {
+            updateAllCheckbox(); 
+            triggerSearch(searchInput.value.trim());
+        });
+        categoryNews.addEventListener('change', () => {
+            updateAllCheckbox(); 
+            triggerSearch(searchInput.value.trim());
+        });
         categoryEvent.addEventListener('change', () => {
             updateAllCheckbox(); 
             triggerSearch(searchInput.value.trim());