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.27
edited by bougault
on 2023/01/13 14:39
Change comment: There is no comment for this version
To version 7.22
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   }
... ... @@ -48,12 +48,9 @@
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();
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 `