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

Summary

Details

Page properties
Content
... ... @@ -48,12 +48,10 @@
48 48   connectedCallback() {
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 54   this.$('#next').addEventListener('click', this.handleNextPage);
55 - searchInput.addEventListener('keypress', this.handleKeyPress);
56 - searchInput.focus();
54 + this.$('input[type="text"]').focus();
57 57   }
58 58  
59 59   disconnectedCallback() {
... ... @@ -60,7 +60,6 @@
60 60   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,11 +88,6 @@
88 88   .then(this.renderResults);
89 89   }
90 90  
91 - handleKeyPress = (e) => {
92 - if(e.code === 'Enter') {
93 - this.handleSearch();
94 - }
95 - }
96 96  
97 97   get html() {
98 98   return `
... ... @@ -148,7 +148,7 @@
148 148   get html() {
149 149   return `
150 150   <div>
151 - <a href="/bin/view/${this.hrefAttr}">${this.titleAttr}</a>
143 + <a href=${this.hrefAttr}>${this.titleAttr}</a>
152 152   <div>
153 153   <slot></slot>
154 154   </div>