Changes for page Context Search
Last modified by bougault on 2023/02/20 16:29
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -4,23 +4,27 @@ 4 4 class UnifiedSearch extends LitElement { 5 5 static properties = { 6 6 searchText: { type: String }, 7 - favoritesFilter: { type: boolean },8 - administratorFilter: { type: boolean },9 - editorFilter: { type: boolean },10 - viewerFilter: { type: boolean },11 - publicFilter: { type: boolean },12 - privateFilter: { type: boolean },7 + favoritesFilter: { type: Boolean }, 8 + administratorFilter: { type: Boolean }, 9 + editorFilter: { type: Boolean }, 10 + viewerFilter: { type: Boolean }, 11 + publicFilter: { type: Boolean }, 12 + privateFilter: { type: Boolean }, 13 13 } 14 14 constructor() { 15 15 super(); 16 16 this.searchText = ""; 17 17 this.favoritesFilter = false; 18 - this.administratorFilter = false;18 + this.administratorFilter = true; 19 19 this.editorFilter = false; 20 20 this.viewerFilter = false; 21 21 this.publicFilter = false; 22 22 this.privateFilter = false; 23 23 } 24 + toggleFilter(filter) { 25 + filter = !filter; 26 + console.log(this.administratorFilter); 27 + } 24 24 setSearchText(e) { 25 25 this.searchText = e.target.value; 26 26 } ... ... @@ -34,7 +34,7 @@ 34 34 <input @change="${this.setSearchText}" type="text" placeholder="Search..." /> 35 35 <button @click="${this.handleSearch}">Search</button> 36 36 </div> 37 - <label><input type="checkbox" /> Administrator</label> 41 + <label><input type="checkbox" @change="${() => toggleFilter(this.administratorFilter)}" .checked="${this.administratorFilter}"/> Administrator</label> 38 38 </div> 39 39 ` 40 40 }