design ferdig for i dag
[u/erikhf/frm.git] / src / components / search / search.html
CommitLineData
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
8bd146d9
RM
22 <!--Show and empty filtermenu-->
23 <button type="button" class="filterbutton col-md-2" (click)="toggle()"
f800869b 24 data-toggle="collapse" data-target="#dropdown-menu">
52339b2e 25 {{ visible ? '&xdtri;' : '&khcy;' }}
f800869b
EHF
26 </button>
27 </div>
28 </form>
5bc68022 29
d62612f3 30 <!-- Searchresult div -->
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">
1e2b7754 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