Fixed merge conflicts
[u/erikhf/frm.git] / src / components / search / search.html
1 <div id="search">
2
3     <!-- Search bar -->
4     <label class="sr-only" for="livesearch">Search</label>
5
6     <form id="searchform">
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"
18                     onblur="this.placeholder = 'Search'"
19                     onfocus="this.placeholder = ''"
20                     value=""/>
21
22             <!--Show and empty filtermenu-->
23             <button type="button" class="filterbutton col-md-2" (click)="toggle()"
24                     data-toggle="collapse" data-target="#dropdown-menu">
25                 {{ visible ? '&xdtri;' : '&khcy;' }}
26             </button>
27         </div>
28     </form>
29
30     <!-- Searchresult -->
31     <div class="row">
32         <span [hidden]="hideDiv()">
33             <div class="divresult col-md-10" id="divresult" [hidden]="checkOrgunits()">
34                 <ul class="dropdown-menu result">
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>
40                     <li *ng-for="#orgunit of filteredOrgunits" id="orglist" (click)="getMoreInfo(orgunit)">
41                         <a id="left-menu" href="#"><span class="glyphicon glyphicon-map-marker glyresult"></span>  {{orgunit.name}}</a>
42                     </li>
43                     <li *ng-if="filteredOrgunits.length == 0">
44                         <p class="nomatch"><span class="glyphicon glyphicon-info-sign glyinfo"></span>  No matching results </p>
45                     </li>
46                 </ul>
47             </div>
48         </span>
49
50         <!-- Filter selectors to be filled inn by getUnitGroupSets() -->
51         <div id="dropdowndiv" class="btn-group collapse col-md-2">
52             <ul id="dropdown-menu" role="menu" class="dropdown-menu filtermenu">
53                 <li>Facility</li>
54                 <li class="dropdown-header">Ownership</li>
55                 <li>
56                     <select class="form-control filteroption" id="ownershipSelector" (click)="setFilter()"></select>
57                 </li>
58                 <li class="dropdown-header">Type</li>
59                 <li>
60                     <select class="form-control filteroption" id="typeSelector" (click)="setFilter()"></select>
61                 </li>
62                 <li class="divider"></li>
63                 <li>Location</li>
64                 <li class="dropdown-header">Rural/Urban</li>
65                 <li>
66                     <select class="form-control filteroption" id="locationSelector" (click)="setFilter()"></select>
67                 </li>
68             </ul>
69         </div>
70     </div>
71 </div>
72