]>
Commit | Line | Data |
---|---|---|
3562820e | 1 | <div id="search"> |
5bc68022 | 2 | |
8bd146d9 | 3 | <!-- Search bar --> |
5bc68022 RM |
4 | <label class="sr-only" for="livesearch">Search</label> |
5 | ||
8bd146d9 | 6 | <form id="searchform"> |
f800869b EHF |
7 | <div class="row"> |
8 | <input | |
9 | mou-live-search | |
10 | (results)="orgunits = $event" | |
11 | (loading)="loading = $event" | |
12 | type="text" | |
13 | autofocus | |
14 | class="livesearch col-md-10" | |
15 | name="livesearch" | |
16 | id="livesearch" | |
17 | placeholder="Search" | |
8bd146d9 | 18 | onblur="this.placeholder = 'Search'" |
6699ca08 | 19 | onfocus="this.placeholder = ''" |
27cd7c38 | 20 | value=""/> |
f800869b | 21 | |
fece7c2f | 22 | <!--Show or hide, and empty filtermenu--> |
8bd146d9 | 23 | <button type="button" class="filterbutton col-md-2" (click)="toggle()" |
f800869b | 24 | data-toggle="collapse" data-target="#dropdown-menu"> |
52339b2e | 25 | {{ visible ? '▽' : 'х' }} |
f800869b EHF |
26 | </button> |
27 | </div> | |
28 | </form> | |
5bc68022 | 29 | |
bc2a6f4b | 30 | <!-- Searchresult --> |
270ddb67 | 31 | <div class="row"> |
ef90c499 YF |
32 | <span [hidden]="hideDiv()"> |
33 | <div class="divresult col-md-10" id="divresult" [hidden]="checkOrgunits()"> | |
34 | <ul class="dropdown-menu result"> | |
8bd146d9 RM |
35 | <li> |
36 | <!--exit results--> | |
37 | <button type="button" class="btn btn-default emptyresult" (click)="emptyByClick()"> | |
38 | <span class="glyphicon glyphicon-remove"></span></button> | |
39 | </li> | |
ef90c499 | 40 | <li *ng-for="#orgunit of filteredOrgunits" id="orglist" (click)="getMoreInfo(orgunit)"> |
39af9c65 | 41 | <a id="left-menu" href="#"><span class="glyphicon glyphicon-map-marker glyresult"></span> {{orgunit.name}}</a> |
ef90c499 YF |
42 | </li> |
43 | <li *ng-if="filteredOrgunits.length == 0"> | |
669e4f35 | 44 | <p class="nomatch"><span class="glyphicon glyphicon-info-sign glyinfo"></span> No matching results </p> |
ef90c499 YF |
45 | </li> |
46 | </ul> | |
47 | </div> | |
48 | </span> | |
49 | ||
d62612f3 | 50 | <!-- Filter selectors to be filled inn by getUnitGroupSets() --> |
ef90c499 | 51 | <div id="dropdowndiv" class="btn-group collapse col-md-2"> |
8bd146d9 | 52 | <ul id="dropdown-menu" role="menu" class="dropdown-menu filtermenu"> |
ef90c499 YF |
53 | <li>Facility</li> |
54 | <li class="dropdown-header">Ownership</li> | |
55 | <li> | |
8bd146d9 | 56 | <select class="form-control filteroption" id="ownershipSelector" (click)="setFilter()"></select> |
ef90c499 YF |
57 | </li> |
58 | <li class="dropdown-header">Type</li> | |
59 | <li> | |
8bd146d9 | 60 | <select class="form-control filteroption" id="typeSelector" (click)="setFilter()"></select> |
ef90c499 YF |
61 | </li> |
62 | <li class="divider"></li> | |
63 | <li>Location</li> | |
64 | <li class="dropdown-header">Rural/Urban</li> | |
65 | <li> | |
8bd146d9 | 66 | <select class="form-control filteroption" id="locationSelector" (click)="setFilter()"></select> |
ef90c499 YF |
67 | </li> |
68 | </ul> | |
270ddb67 | 69 | </div> |
ef90c499 | 70 | </div> |
270ddb67 | 71 | </div> |
5bc68022 | 72 |