IAM21 instance, do not create collab nor modify a team, your changes will be lost


Changes for page Context Search

Last modified by bougault on 2023/02/20 16:29
From version 26.40
edited by bougault
on 2022/11/16 15:36
Change comment: There is no comment for this version
To version 26.61
edited by bougault
on 2022/11/17 09:51
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,5 +1,60 @@
1 1  {{html clean="false"}}
2 +<script type="module">
3 + import {LitElement, html} from 'https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js';
4 + class UnifiedSearch extends LitElement {
5 + static properties = {
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 },
13 + }
14 + constructor() {
15 + super();
16 + this.searchText = "";
17 + this.favoritesFilter = false;
18 + this.administratorFilter = true;
19 + this.editorFilter = false;
20 + this.viewerFilter = false;
21 + this.publicFilter = false;
22 + this.privateFilter = false;
23 + }
24 + toggleFilter(filterName) {
25 + this[filterName] = !this[filterName];
26 + console.log(this.administratorFilter);
27 + }
28 + setSearchText(e) {
29 + this.searchText = e.target.value;
30 + }
31 + handleSearch() {
32 + console.log(this.searchText);
33 + }
34 + render() {
35 + return html`
36 +<div>
37 + <div>
38 + <input @change="${this.setSearchText}" type="text" placeholder="Search..." />
39 + <button @click="${this.handleSearch}">Search</button>
40 + </div>
41 + <div>
42 + <label><input type="checkbox" @change="${() => this.toggleFilter('favoritesFilter')}" .checked="${this.favoritesFilter}"/> Favorites</label>
43 + <label><input type="checkbox" @change="${() => this.toggleFilter('administratorFilter')}" .checked="${this.administratorFilter}"/> Administrator</label>
44 + <label><input type="checkbox" @change="${() => this.toggleFilter('editorFilter')}" .checked="${this.editorFilter}"/> Editor</label>
45 + <label><input type="checkbox" @change="${() => this.toggleFilter('viewerFilter')}" .checked="${this.viewerFilter}"/> Viewer</label>
46 + <label><input type="checkbox" @change="${() => this.toggleFilter('publicFilter')}" .checked="${this.publicFilter}"/> Public</label>
47 + <label><input type="checkbox" @change="${() => this.toggleFilter('privateFilter')}" .checked="${this.privateFilter}"/> Public</label>
48 + </div>
49 +</div>
50 +`
51 + }
52 + }
53 + customElements.define('clb-unified-search', UnifiedSearch);
54 +</script>
2 2  
56 +<clb-unified-search></clb-unified-search>
57 +
3 3  <select id="context-search-type">
4 4   <option value="all">All</option>
5 5   <option value="collabs">Collabs</option>
... ... @@ -49,9 +49,19 @@
49 49   } else {
50 50   removeRole(role);
51 51   }
107 + runFilteredRequest();
52 52   })
53 53   });
54 54  
111 + function runFilteredRequest() {
112 + const urlParams = new URLSearchParams();
113 + const tmpFilters = filters;
114 + tmpFilters.roles = tmpFilters.roles.join("+");
115 + for(filter in tmpFilters) {
116 + urlParams.set(filter, tmpFilters[filter]);
117 + }
118 + console.log(urlParams);
119 + }
55 55   // https://wiki-dev.ebrains.eu/rest/v1/collabs?search=&offset=0&orderField=title&order=asc&favorite=false&roles=administrator
56 56   const contextSearchType = document.getElementById("context-search-type");
57 57   const contextSearchText = document.getElementById("context-search-text");