searchbar design, lukke resultat, hoyde med scroll og tomme inputen + plassering
[u/erikhf/frm.git] / src / components / search / search.html
CommitLineData
3562820e 1<div id="search">
5bc68022
RM
2
3 <label class="sr-only" for="livesearch">Search</label>
4
270ddb67 5 <form id="myForm">
f800869b
EHF
6 <div class="row">
7 <input
8 mou-live-search
9 (results)="orgunits = $event"
10 (loading)="loading = $event"
11 type="text"
12 autofocus
13 class="livesearch col-md-10"
14 name="livesearch"
15 id="livesearch"
16 placeholder="Search"
17 value=""/>
18
19
270ddb67
RM
20 <!-- onblur= "this.placeholder = 'Search'"
21 onfocus="this.placeholder = ''"-->
22
23
f800869b
EHF
24 <button type="button" class="knapp col-md-2" (click)="toggle()"
25 onclick="$('#ownershipSelector, #typeSelector, #locationSelector').prop('selectedIndex',0);"
26 data-toggle="collapse" data-target="#dropdown-menu">
27 {{ visible ? '&xdtri;' : '&cross;' }}
28 </button>
29 </div>
30 </form>
5bc68022 31
270ddb67 32 <div class="row">
18709ba8 33<span [hidden]="hideDiv()">
270ddb67
RM
34 <div class="divresult col-md-10" id="divresult" [hidden]="checkOrgunits()">
35 <ul class="dropdown-menu result">
36 <li><button type="button" class="btn btn-default emptyresult" (click)="emptyByClick()">
37 <span class="glyphicon glyphicon-remove"></span></button></li>
38 <li *ng-for="#orgunit of filteredOrgunits" id="orglist" (click)="getMoreInfo(orgunit)">
39 <a id="left-menu" href="#">{{orgunit.name}}</a>
5bc68022
RM
40 </li>
41 </ul>
42 </div>
18709ba8 43</span>
270ddb67
RM
44 <div class="row">
45 <div class="test col-md-8"></div>
46
47
48<div id="dropdowndiv" class="btn-group collapse col-md-2">
49
50 <ul id="dropdown-menu" role="menu" class="dropdown-menu meny">
51 <li>Facility</li>
52 <li class="dropdown-header">Ownership</li>
53 <li>
54 <select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()"></select>
55 </li>
56 <li class="dropdown-header">Type</li>
57 <li>
58 <select class="form-control filtervalg" id="typeSelector" (click)="setFilter()"></select>
59 </li>
60 <li class="divider"></li>
61 <li>Location</li>
62 <li class="dropdown-header">Rural/Urban</li>
63
64 <li>
65 <select class="form-control filtervalg" id="locationSelector" (click)="setFilter()"></select>
66 </li>
f800869b 67 </ul>
1aec1256 68
5bc68022 69</div>
5cc1f6d0 70
270ddb67
RM
71 </div>
72
73</div>
5cc1f6d0 74
5cc1f6d0 75
5bc68022 76
270ddb67 77</div>
5bc68022 78