Added message for no result when searching
[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>
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             <!--<button class="exitsearch" id="exitsearch" (click)="emptyByClick()">
21           &cross; </button>-->
22             <button type="button" class="knapp col-md-2" (click)="toggle()"
23                     data-toggle="collapse" data-target="#dropdown-menu">
24                 {{ visible ? '&xdtri;' : '&cross;' }}
25             </button>
26         </div>
27     </form>
28
29 <span [hidden]="hideDiv()">
30
31
32     <div class="divresult" id="divresult" [hidden]="checkOrgunits()">
33         <ul id="d" class="dropdown-menu result">
34             <li id="c" *ng-for="#orgunit of filteredOrgunits" id="orglist" (click)="getMoreInfo(orgunit)">
35                 <a id="left-menu" href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
36             </li>
37             <li *ng-if="filteredOrgunits.length == 0">
38                 No matching results
39             </li>
40         </ul>
41     </div>
42
43 </span>
44
45
46     <ul id="dropdown-menu" class="dropdown-menu">
47         <li><select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()">
48
49         </select></li>
50         <li><select class="form-control filtervalg" id="typeSelector" (click)="setFilter()">
51
52         </select></li>
53         <li><select class="form-control filtervalg" id="locationSelector" (click)="setFilter()">
54
55         </select></li>
56     </ul>
57
58
59 </div>
60
61
62
63
64