Changes for page CLB Search Component

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		-
	56	+ searchInput.focus();
57	57	}
58	58
59	59	disconnectedCallback() {
...	...	@@ -89,7 +89,9 @@
89	89	}
90	90
91	91	handleKeyPress = (e) => {
92		- console.log(e.keyCode);
	92	+ if(e.code === 'Enter') {
	93	+ this.handleSearch();
	94	+ }
93	93	}
94	94
95	95	get html() {
...	...	@@ -110,7 +110,7 @@
110	110	const { title_, spaces, doccontent_en } = results[i];
111	111	const elt = document.createElement('clb-search-result');
112	112	elt.setAttribute('data-title', title_);
113		- elt.setAttribute('data-href', spaces.join('/'));
	115	+ elt.setAttribute('data-breadcrumbs', spaces);
114	114	elt.innerHTML = doccontent_en;
115	115	resultsContainer.appendChild(elt);
116	116	}
...	...	@@ -132,8 +132,8 @@
132	132	return this.getAttribute('data-title');
133	133	}
134	134
135		- get hrefAttr() {
136		- return this.getAttribute('data-href');
	137	+ get breadcrumbsAttr() {
	138	+ return this.getAttribute('data-breadcrumbs');
137	137	}
138	138
139	139	get styles() {
...	...	@@ -146,7 +146,7 @@
146	146	get html() {
147	147	return `
148	148	<div>
149		- <a href=${this.hrefAttr}>${this.titleAttr}</a>
	151	+ <a href="/bin/view/${this.breadcrumbsAttr.join("/")}>${this.titleAttr}</a>
150	150	<div>
151	151	<slot></slot>
152	152	</div>