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

Summary

Details

Page properties
Content
... ... @@ -48,10 +48,12 @@
48 48   connectedCallback() {
49 49   super.connectedCallback();
50 50   this.render();
51 + const searchInput = this.$('input[type="text"]');
51 51   this.$('#search').addEventListener('click', this.handleSearch);
52 52   this.$('#prev').addEventListener('click', this.handlePrevPage);
53 53   this.$('#next').addEventListener('click', this.handleNextPage);
54 - this.$('input[type="text"]').focus();
55 + searchInput.addEventListener('keypress', this.handleKeyPress);
56 +
55 55   }
56 56  
57 57   disconnectedCallback() {
... ... @@ -58,6 +58,7 @@
58 58   this.$('#search').removeEventListener('click', this.handleSearch);
59 59   this.$('#prev').removeEventListener('click', this.handlePrevPage);
60 60   this.$('#next').removeEventListener('click', this.handleNextPage);
63 + this.$('input[type="text"]').addEventListener('keypress', this.handleKeyPress);
61 61   }
62 62  
63 63   get styles() {
... ... @@ -85,6 +85,9 @@
85 85   .then(this.renderResults);
86 86   }
87 87  
91 + handleKeyPress = (e) => {
92 + console.log(e.keyCode);
93 + }
88 88  
89 89   get html() {
90 90   return `