Working on filling in selectors for filter
[u/erikhf/frm.git] / src / components / search / search.html
CommitLineData
5bc68022
RM
1<div id="search" >
2
3 <label class="sr-only" for="livesearch">Search</label>
4
5 <input mou-live-search
6 (results)="orgunits = $event"
7 (loading)="loading = $event"
8 type="text"
9 autofocus
10 class="livesearch"
11 name="livesearch"
12 id="livesearch"
4c04388b
RM
13 placeholder="Search"
14 />
1aec1256 15 <img class="loadingpic" [hidden]="!loading"
5bc68022
RM
16 src="https://www.brown.edu/sites/default/themes/pawtuxet/img/loader-larger.gif">
17
18
4c04388b 19 <div class="divresult" id="divresult" [hidden]="!orgunits.length">
5bc68022
RM
20 <ul class="dropdown-menu result" >
21 <li *ng-for="#orgunit of orgunits" (click)="getMoreInfo(orgunit)">
22 <a href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
23 </li>
24 </ul>
25 </div>
26
1aec1256 27
4c04388b 28
21341a61 29</div>
5bc68022 30
1aec1256
RM
31<button type="button" class="knapp" data-toggle="collapse" data-target="#dropdown-menu">
32
33e62f7e 33
1aec1256
RM
34 <!--pil opp og ned-->
35
36 <div class="zippy">
37 <div (click)="toggle()" class="zippy__title">
38 {{ visible ? '&xdtri;' : '&xutri;' }} {{title}}
39 </div>
40 <div [hidden]="!visible" class="zippy__content">
41 <content></content>
42 </div>
43 </div>
44
45</button>
5bc68022
RM
46
47<div>
48<ul id="dropdown-menu" class="dropdown-menu">
b486567f 49 <li><select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()">
c489ddac
YF
50 <!--<option value="">-- All Facility Ownerships --</option>-->
51 <option *ng-for="#owner of facilityOwnership" value={{owner}}>{{owner}}</option>
52 <!--<option value="Mission">Mission</option>
7f3e9674
YF
53 <option value="NGO">NGO</option>
54 <option value="Private Clinic">Private Clinic</option>
c489ddac 55 <option value="Public facilities">Public facilities</option>-->
7f3e9674 56 </select></li>
b486567f 57 <li><select class="form-control filtervalg" id="typeSelector" (click)="setFilter()">
7f3e9674
YF
58 <option value="">-- All Facility Types --</option>
59 <option value="CHC">CHC</option>
60 <option value="CHP">CHP</option>
61 <option value="Clinic">Clinic</option>
62 <option value="Hospital">Hospital</option>
63 <option value="MCHP">MCHP</option>
64 </select></li>
b486567f 65 <li><select class="form-control filtervalg" id="locationSelector" (click)="setFilter()">
7f3e9674
YF
66 <option value="">-- All locations --</option>
67 <option value="Rural">Rural</option>
68 <option value="Urban">Urban</option>
69 </select></li>
5bc68022
RM
70</ul>
71
72</div>
73