IAM21 instance, do not create collab nor modify a team, your changes will be lost


Changes for page Context Search

Last modified by bougault on 2023/02/20 16:29
From version 27.70
edited by bougault
on 2022/11/17 14:36
Change comment: There is no comment for this version
To version 27.50
edited by bougault
on 2022/11/17 14:17
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,7 +1,6 @@
1 1  {{html clean="false"}}
2 2  <!--
3 - !!! POC. Code must be reviewed / optimized and packaged for use in production !!!
4 - !!! Many optimisations can be done !!!
3 + !!! POC. Code must be reviewed / optimized and packaged for use in production !!!
5 5  -->
6 6  <script type="module">
7 7  import {LitElement, html, css} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js';
... ... @@ -8,13 +8,21 @@
8 8  window.addEventListener('DOMContentLoaded', function() {
9 9  
10 10   class UnifiedSearch extends LitElement {
10 + /*
11 11   static properties = {
12 + searchText: { type: String },
13 + favoritesFilter: { type: Boolean },
14 + administratorFilter: { type: Boolean },
15 + editorFilter: { type: Boolean },
16 + viewerFilter: { type: Boolean },
17 + publicFilter: { type: Boolean },
18 + privateFilter: { type: Boolean },
19 + }
20 + */
21 + static properties = {
12 12   results: { type: Array }
13 13   }
14 14   static styles = css`
15 - :host > div {
16 - padding-bottom: 4em;
17 - }
18 18   .result {
19 19   margin-top: 1em;
20 20   }
... ... @@ -38,9 +38,6 @@
38 38   this.results = [];
39 39   this.resultsCache = [];
40 40   }
41 - firstUpdated() {
42 - this.renderRoot.getElementById('searchInput').focus();
43 - }
44 44   toggleRoleFilter(roleName) {
45 45   if(this.rolesFilter.indexOf(roleName) === -1) {
46 46   this.rolesFilter.push(roleName);
... ... @@ -57,16 +57,23 @@
57 57   handleSearch(textSearch) {
58 58   if(this.searchText !== "" || textSearch) {
59 59   if(this.searchText !== this.prevSearchText) {
60 - this.clearResults();
61 61   this.prevSearchText = this.searchText;
62 62   this.fetchWikiSearch().then(results => {
66 + console.log(results);
67 + //this.results = results;
63 63   this.resultsCache = results;
64 - if(this.hasActiveFilters()) {
65 - this.fetchFilterSearch().then(this.filterResults);
66 - } else {
67 - this.results = results;
68 - }
69 + this.fetchFilterSearch().then(this.filterResults);
69 69   })
71 + /*
72 + Promise.all([
73 + this.fetchWikiSearch(),
74 + this.fetchFilterSearch()
75 + ]).then(([wikiSearchResults, collabSearchResults]) => {
76 + this.results = wikiSearchResults;
77 + this.resultsCache = wikiSearchResults;
78 + console.log(wikiSearchResults, collabSearchResults);
79 + });
80 + */
70 70   } else if (this.searchText === this.prevSearchText && this.hasActiveFilters()) {
71 71   this.fetchFilterSearch().then(this.filterResults)
72 72   } else {
... ... @@ -108,16 +108,11 @@
108 108   getLink(xwikiDocSpace) {
109 109   return `/bin/view/${xwikiDocSpace.replaceAll('.', '/')}`;
110 110   }
111 - handleKeyPress(e) {
112 - if (e.keyCode === 13) {
113 - this.handleSearch(true);
114 - }
115 - }
116 116   render() {
117 117   return html`
118 118  <div>
119 119   <div>
120 - <input id="searchInput" @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" />
126 + <input @change="${this.setSearchText}" type="text" placeholder="Search..." />
121 121   <button @click="${() => this.handleSearch(true)}">Search</button>
122 122   </div>
123 123   <div>
... ... @@ -161,5 +161,7 @@
161 161   }
162 162  });
163 163  </script>
170 +
164 164  <clb-unified-search></clb-unified-search>
172 +
165 165  {{/html}}