Merge branch 'master' of git.uio.no:u/erikhf/frm
[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
fece7c2f 22 <!--Show or hide, and empty filtermenu-->
0c8282ee 23 <button type="button" class="filterbutton col-md-2" (click)="toggle()">
52339b2e 24 {{ visible ? '&xdtri;' : '&khcy;' }}
f800869b
EHF
25 </button>
26 </div>
27 </form>
5bc68022 28
1faf05ef 29 <!-- Searchresult -->
270ddb67 30 <div class="row">
ef90c499
YF
31 <span [hidden]="hideDiv()">
32 <div class="divresult col-md-10" id="divresult" [hidden]="checkOrgunits()">
33 <ul class="dropdown-menu result">
8bd146d9
RM
34 <li>
35 <!--exit results-->
36 <button type="button" class="btn btn-default emptyresult" (click)="emptyByClick()">
37 <span class="glyphicon glyphicon-remove"></span></button>
38 </li>
ef90c499 39 <li *ng-for="#orgunit of filteredOrgunits" id="orglist" (click)="getMoreInfo(orgunit)">
39af9c65 40 <a id="left-menu" href="#"><span class="glyphicon glyphicon-map-marker glyresult"></span> {{orgunit.name}}</a>
ef90c499
YF
41 </li>
42 <li *ng-if="filteredOrgunits.length == 0">
1e2b7754 43 <p class="nomatch"><span class="glyphicon glyphicon-info-sign glyinfo"></span> No matching results </p>
ef90c499
YF
44 </li>
45 </ul>
46 </div>
47 </span>
48
d62612f3 49 <!-- Filter selectors to be filled inn by getUnitGroupSets() -->
ef90c499 50 <div id="dropdowndiv" class="btn-group collapse col-md-2">
8bd146d9 51 <ul id="dropdown-menu" role="menu" class="dropdown-menu filtermenu">
ef90c499
YF
52 <li>Facility</li>
53 <li class="dropdown-header">Ownership</li>
54 <li>
8bd146d9 55 <select class="form-control filteroption" id="ownershipSelector" (click)="setFilter()"></select>
ef90c499
YF
56 </li>
57 <li class="dropdown-header">Type</li>
58 <li>
8bd146d9 59 <select class="form-control filteroption" id="typeSelector" (click)="setFilter()"></select>
ef90c499
YF
60 </li>
61 <li class="divider"></li>
62 <li>Location</li>
63 <li class="dropdown-header">Rural/Urban</li>
64 <li>
8bd146d9 65 <select class="form-control filteroption" id="locationSelector" (click)="setFilter()"></select>
ef90c499
YF
66 </li>
67 </ul>
270ddb67 68 </div>
ef90c499 69 </div>
270ddb67 70</div>
5bc68022 71