Failed to execute template. Cause: [Access denied when checking [script] access to [xwiki:Collaboratory.UX.HbpSkin.WebHome] for user [xwiki:XWiki.Admin]]. Click on this message for details.

CLB Search Component - HBP Wiki

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


Changes for page CLB Search Component

Last modified by bougault on 2023/01/17 11:42

From version 7.30
edited by bougault
on 2023/01/13 14:52
Change comment: There is no comment for this version
To version 7.26
edited by bougault
on 2023/01/13 14:38
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -53,7 +53,7 @@
53 53   this.$('#prev').addEventListener('click', this.handlePrevPage);
54 54   this.$('#next').addEventListener('click', this.handleNextPage);
55 55   searchInput.addEventListener('keypress', this.handleKeyPress);
56 - searchInput.focus();
56 +
57 57   }
58 58  
59 59   disconnectedCallback() {
... ... @@ -89,9 +89,7 @@
89 89   }
90 90  
91 91   handleKeyPress = (e) => {
92 - if(e.code === 'Enter') {
93 - this.handleSearch();
94 - }
92 + console.log(e.code);
95 95   }
96 96  
97 97   get html() {
... ... @@ -112,7 +112,7 @@
112 112   const { title_, spaces, doccontent_en } = results[i];
113 113   const elt = document.createElement('clb-search-result');
114 114   elt.setAttribute('data-title', title_);
115 - elt.setAttribute('data-spaces', spaces);
113 + elt.setAttribute('data-href', spaces.join('/'));
116 116   elt.innerHTML = doccontent_en;
117 117   resultsContainer.appendChild(elt);
118 118   }
... ... @@ -134,8 +134,8 @@
134 134   return this.getAttribute('data-title');
135 135   }
136 136  
137 - get spacesAttr() {
138 - return this.getAttribute('data-spaces');
135 + get hrefAttr() {
136 + return this.getAttribute('data-href');
139 139   }
140 140  
141 141   get styles() {
... ... @@ -148,7 +148,7 @@
148 148   get html() {
149 149   return `
150 150   <div>
151 - <a href="/bin/view/${this.spacesAttr.join("/")}>${this.titleAttr}</a>
149 + <a href=${this.hrefAttr}>${this.titleAttr}</a>
152 152   <div>
153 153   <slot></slot>
154 154   </div>