Changes for page CLB Search Component
Last modified by bougault on 2023/01/17 11:42
Summary
-
Page properties (1 modified, 0 added, 0 removed)
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() { ... ... @@ -66,6 +66,7 @@ 66 66 get styles() { 67 67 return ` 68 68 input[type="text"] { 69 + border: 1px solid red; 69 69 } 70 70 ` 71 71 } ... ... @@ -88,9 +88,7 @@ 88 88 } 89 89 90 90 handleKeyPress = (e) => { 91 - if(e.code === 'Enter') { 92 - this.handleSearch(); 93 - } 92 + console.log(e.keyCode); 94 94 } 95 95 96 96 get html() { ... ... @@ -147,7 +147,7 @@ 147 147 get html() { 148 148 return ` 149 149 <div> 150 - <a href= "/bin/view/${this.hrefAttr}">${this.titleAttr}</a>149 + <a href=${this.hrefAttr}>${this.titleAttr}</a> 151 151 <div> 152 152 <slot></slot> 153 153 </div> ... ... @@ -158,7 +158,6 @@ 158 158 this.attachShadow({ mode: 'open' }); 159 159 this.shadowRoot.appendChild(this.template.content.cloneNode(true)); 160 160 } 161 - 162 162 } 163 163 ); 164 164 </script>