Toomme filtering ved aa klikke vekk dropdown meny
[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 />
cb2667b5 15
1aec1256 16 <img class="loadingpic" [hidden]="!loading"
5bc68022
RM
17 src="https://www.brown.edu/sites/default/themes/pawtuxet/img/loader-larger.gif">
18
19
4c04388b 20 <div class="divresult" id="divresult" [hidden]="!orgunits.length">
5bc68022
RM
21 <ul class="dropdown-menu result" >
22 <li *ng-for="#orgunit of orgunits" (click)="getMoreInfo(orgunit)">
23 <a href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
24 </li>
25 </ul>
26 </div>
27
1aec1256 28
4c04388b 29
21341a61 30</div>
5bc68022 31
cb2667b5
RM
32<button type="button" class="knapp" (click)="toggle()" onclick="$('#ownershipSelector, #typeSelector, #locationSelector').prop('selectedIndex',0);" data-toggle="collapse" data-target="#dropdown-menu">
33 {{ visible ? '&xdtri;' : '&cross;' }}
34</button>
1aec1256 35
1aec1256 36
5bc68022
RM
37
38<div>
39<ul id="dropdown-menu" class="dropdown-menu">
cb2667b5
RM
40 <li>Facility</li>
41 <li class="dropdown-header">Ownerships</li>
b486567f 42 <li><select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()">
cb2667b5
RM
43 <option value=""> All </option>
44 <option [value]="Mission">Mission</option>
7f3e9674
YF
45 <option value="NGO">NGO</option>
46 <option value="Private Clinic">Private Clinic</option>
47 <option value="Public facilities">Public facilities</option>
48 </select></li>
cb2667b5 49 <li class="dropdown-header">Types</li>
b486567f 50 <li><select class="form-control filtervalg" id="typeSelector" (click)="setFilter()">
cb2667b5 51 <option value=""> All </option>
7f3e9674
YF
52 <option value="CHC">CHC</option>
53 <option value="CHP">CHP</option>
54 <option value="Clinic">Clinic</option>
55 <option value="Hospital">Hospital</option>
56 <option value="MCHP">MCHP</option>
57 </select></li>
cb2667b5
RM
58 <li role="separator" class="divider"></li>
59 <li class="dropdown-header">Locations </li>
b486567f 60 <li><select class="form-control filtervalg" id="locationSelector" (click)="setFilter()">
cb2667b5 61 <option value=""> All </option>
7f3e9674
YF
62 <option value="Rural">Rural</option>
63 <option value="Urban">Urban</option>
64 </select></li>
cb2667b5 65
5bc68022
RM
66</ul>
67
68</div>
69
cb2667b5 70