Working on filling in selectors for filter
[u/erikhf/frm.git] / src / components / search / search.html
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"
13                placeholder="Search"
14                 />
15     <img class="loadingpic" [hidden]="!loading"
16          src="https://www.brown.edu/sites/default/themes/pawtuxet/img/loader-larger.gif">
17
18
19     <div  class="divresult" id="divresult" [hidden]="!orgunits.length">
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
27
28
29 </div>
30
31 <button type="button" class="knapp" data-toggle="collapse" data-target="#dropdown-menu">
32
33
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>
46
47 <div>
48 <ul id="dropdown-menu" class="dropdown-menu">
49     <li><select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()">
50         <!--<option value="">-- All Facility Ownerships --</option>-->
51         <option *ng-for="#owner of facilityOwnership" value={{owner}}>{{owner}}</option>
52         <!--<option value="Mission">Mission</option>
53         <option value="NGO">NGO</option>
54         <option value="Private Clinic">Private Clinic</option>
55         <option value="Public facilities">Public facilities</option>-->
56     </select></li>
57     <li><select class="form-control filtervalg" id="typeSelector" (click)="setFilter()">
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>
65     <li><select class="form-control filtervalg" id="locationSelector" (click)="setFilter()">
66         <option value="">-- All locations --</option>
67         <option value="Rural">Rural</option>
68         <option value="Urban">Urban</option>
69     </select></li>
70 </ul>
71
72 </div>
73