Changes for page Context Search
Last modified by bougault on 2023/02/20 16:29
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,40 +1,7 @@ 1 1 {{html clean="false"}} 2 2 3 -<select id="context-search-type"> 4 - <option value="all">All</option> 5 - <option value="collabs">Collabs</option> 6 - <option value="current-collab">Current Collab</option> 7 -</select> 8 -<input type="text" id="context-search-text" /> 9 -<button id="context-search-button" class="btn btn-primary">Search</button> 3 +<button id="mount-search-app"><i class="fa fa-search" aria-hidden="true"></i></button> 4 +<div id="root"></div> 5 + <script type="module" src="http://localhost:3000/src/apps/unified-search/unified-search.tsx"></script> 10 10 11 -<pre id="context-search-response"></pre> 12 -<script> 13 - async function fetchGlobalSearch(term) { 14 - const res = await fetch(`/rest/wikis/query?q=${term}&media=json`) 15 - const json = await res.json(); 16 - return JSON.stringify(json, null, 2); 17 - } 18 - window.addEventListener('DOMContentLoaded', function() { 19 - const contextSearchType = document.getElementById("context-search-type"); 20 - const contextSearchText = document.getElementById("context-search-text"); 21 - const contextSearchResponse = document.getElementById("context-search-response"); 22 - const contextSearchButton = document.getElementById("context-search-button"); 23 - contextSearchButton.addEventListener('click', function() { 24 - const context = contextSearchType.options[contextSearchType.selectedIndex].value; 25 - const term = contextSearchText.value; 26 - switch(context) { 27 - case 'collabs': 28 - document.location.href = `/bin/view/Collabs/#search=${term}`; 29 - break; 30 - case 'current-collab': 31 - console.log('handle search for current collab'); 32 - break 33 - default: 34 - fetchGlobalSearch(term).then(results => contextSearchResponse.innerText = results); 35 - } 36 - 37 - }); 38 - }); 39 -</script> 40 40 {{/html}}