searchbar design, lukke resultat, hoyde med scroll og tomme inputen + plassering
[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     <form id="myForm">
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
20             <!--   onblur= "this.placeholder = 'Search'"
21                     onfocus="this.placeholder = ''"-->
22
23
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>
31
32     <div class="row">
33 <span [hidden]="hideDiv()">
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>
40             </li>
41         </ul>
42     </div>
43 </span>
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>
67     </ul>
68
69 </div>
70
71         </div>
72
73 </div>
74
75
76
77 </div>
78