Changes for page Context Search

Summary

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

Details

Page properties

Content

...	...	@@ -8,11 +8,20 @@
8	8	window.addEventListener('DOMContentLoaded', function() {
9	9
10	10	class UnifiedSearch extends LitElement {
	11	+ /*
11	11	static properties = {
12		- results: { type: Array },
13		- resultsCache: { type: Array },
14		- collabFiltersResults: { type: Array}
	13	+ searchText: { type: String },
	14	+ favoritesFilter: { type: Boolean },
	15	+ administratorFilter: { type: Boolean },
	16	+ editorFilter: { type: Boolean },
	17	+ viewerFilter: { type: Boolean },
	18	+ publicFilter: { type: Boolean },
	19	+ privateFilter: { type: Boolean },
15	15	}
	21	+ */
	22	+ static properties = {
	23	+ results: { type: Array }
	24	+ }
16	16	static styles = css`
17	17	:host > div {
18	18	padding-bottom: 4em;
...	...	@@ -40,9 +40,6 @@
40	40	this.results = [];
41	41	this.resultsCache = [];
42	42	}
43		- firstUpdated() {
44		- this.renderRoot.getElementById('searchInput').focus();
45		- }
46	46	toggleRoleFilter(roleName) {
47	47	if(this.rolesFilter.indexOf(roleName) === -1) {
48	48	this.rolesFilter.push(roleName);
...	...	@@ -93,7 +93,7 @@
93	93	fetchFilterSearch() {
94	94	return new Promise((resolve) => {
95	95	if(this.hasActiveFilters()) {
96		- fetch(this.filterUrl).then(res => res.json()).then((res) => resolve(res));
	102	+ fetch(this.filterUrl).then(res => res.json()).then(resolve);
97	97	} else {
98	98	resolve([]);
99	99	}
...	...	@@ -112,6 +112,7 @@
112	112	}
113	113	handleKeyPress(e) {
114	114	if (e.keyCode === 13) {
	121	+ e.preventDefault();
115	115	this.handleSearch(true);
116	116	}
117	117	}
...	...	@@ -119,7 +119,7 @@
119	119	return html`
120	120	<div>
121	121	<div>
122		- <input id="searchInput" @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" />
	129	+ <input @change="${this.setSearchText}" type="text" placeholder="Search..." @keypress="${this.handleKeyPress}" />
123	123	<button @click="${() => this.handleSearch(true)}">Search</button>
124	124	</div>
125	125	<div>
...	...	@@ -136,6 +136,7 @@
136	136	</div>
137	137	`)}
138	138	</div>
	146	+</div>
139	139	`
140	140	}
141	141	}
...	...	@@ -162,5 +162,7 @@
162	162	}
163	163	});
164	164	</script>
	173	+
165	165	<clb-unified-search></clb-unified-search>
	175	+
166	166	{{/html}}