Changes for page CLB Search Component

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -20,10 +20,13 @@
20	20	return template;
21	21	}
22	22
23		-
24	24	get styles() {
25		- return ``;
	24	+ return '';
26	26	}
	26	+
	27	+ get html() {
	28	+ return '';
	29	+ }
27	27	$(selector) {
28	28	return this.shadowRoot.querySelector(selector);
29	29	}
...	...	@@ -43,22 +43,20 @@
43	43	}
44	44
45	45	connectedCallback() {
46		- // this.attachShadow({ mode: 'open' });
47	47	super.connectedCallback();
48	48	this.render();
49		- this.$('#search').addEventListener('click', () => this.handleSearch());
50		- this.$('#prev').addEventListener('click', () => {
51		- if(this.offset > 0) {
52		- this.offset--;
53		- this.handleSearch();
54		- }
55		- });
56		- this.$('#next').addEventListener('click', () => {
57		- this.offset++;
58		- this.handleSearch();
59		- });
	51	+ this.$('#search').addEventListener('click', this.handleSearch);
	52	+ this.$('#prev').addEventListener('click', this.handlePrevPage);
	53	+ this.$('#next').addEventListener('click', this.handleNextPage);
	54	+ this.$('input[type="text"]').focus();
60	60	}
61	61
	57	+ disconnectedCallback() {
	58	+ this.$('#search').removeEventListener('click', this.handleSearch);
	59	+ this.$('#prev').removeEventListener('click', this.handlePrevPage);
	60	+ this.$('#next').removeEventListener('click', this.handleNextPage);
	61	+ }
	62	+
62	62	get styles() {
63	63	return `
64	64	input[type="text"] {
...	...	@@ -66,6 +66,16 @@
66	66	}
67	67	`
68	68	}
	70	+ handlePrevPage = () => {
	71	+ if(this.offset > 0) {
	72	+ this.offset--;
	73	+ this.handleSearch();
	74	+ }
	75	+ }
	76	+ handleNextPage = () => {
	77	+ this.offset++;
	78	+ this.handleSearch();
	79	+ }
69	69
70	70	handleSearch = () => {
71	71	const value = this.$('input[type="text"]').value;