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.25
edited by bougault
on 2023/01/13 14:37
Change comment: There is no comment for this version
To version 7.20
edited by bougault
on 2023/01/13 14:33
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -20,13 +20,10 @@
20 20   return template;
21 21   }
22 22  
23 +
23 23   get styles() {
24 - return '';
25 + return ``;
25 25   }
26 -
27 - get html() {
28 - return '';
29 - }
30 30   $(selector) {
31 31   return this.shadowRoot.querySelector(selector);
32 32   }
... ... @@ -46,21 +46,18 @@
46 46   }
47 47  
48 48   connectedCallback() {
46 + // this.attachShadow({ mode: 'open' });
49 49   super.connectedCallback();
50 50   this.render();
51 - const searchInput = this.$('input[type="text"]');
52 52   this.$('#search').addEventListener('click', this.handleSearch);
53 53   this.$('#prev').addEventListener('click', this.handlePrevPage);
54 - this.$('#next').addEventListener('click', this.handleNextPage);
55 - searchInput.addEventListener('keypress', this.handleKeyPress);
56 -
51 + this.$('#next').addEventListener('click', this.handleNextPage;
57 57   }
58 58  
59 59   disconnectedCallback() {
60 - this.$('#search').removeEventListener('click', this.handleSearch);
55 + this.$('#search').removeEventListener('click', this.handleSearch;
61 61   this.$('#prev').removeEventListener('click', this.handlePrevPage);
62 62   this.$('#next').removeEventListener('click', this.handleNextPage);
63 - this.$('input[type="text"]').addEventListener('keypress', this.handleKeyPress);
64 64   }
65 65  
66 66   get styles() {
... ... @@ -88,9 +88,6 @@
88 88   .then(this.renderResults);
89 89   }
90 90  
91 - handleKeyPress = (e) => {
92 - console.log(e.keyCode);
93 - }
94 94  
95 95   get html() {
96 96   return `