Changes for page Context Search

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,17 +10,40 @@
1		-{{velocity output="no"}}
2		-#set ($docRef = $doc.documentReference)
3		-#set ($collabName = "")
4		-#if($services.collabService.getCollabRootDoc($docRef))
5		- #set ($collabName = $services.collabService.getCollabName($docRef))
6		-#end
7		-{{/velocity}}
8		-
9		-{{velocity}}
10	10	{{html clean="false"}}
11	11
12		-<button id="mount-search-app"><i class="fa fa-search" aria-hidden="true"></i></button>
13		-<div id="root" data-collabname="$collabName"></div>
14		- <script type="module" src="http://localhost:3000/src/apps/unified-search/unified-search.tsx"></script>
	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>
15	15
	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>
16	16	{{/html}}
17		-{{/velocity}}