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 or hide, and empty filtermenu-->
  23             <button type="button" class="filterbutton col-md-2" (click)="toggle()">
  24                 {{ visible ? '&xdtri;' : '&khcy;' }}
  25             </button>
  26         </div>
  27     </form>
  28
  29     <!-- Searchresult -->
  30     <div class="row">
  31         <span [hidden]="hideDiv()">
  32             <div class="divresult col-md-10" id="divresult" [hidden]="checkOrgunits()">
  33                 <ul class="dropdown-menu result">
  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>
  39                     <li *ng-for="#orgunit of filteredOrgunits" id="orglist" (click)="getMoreInfo(orgunit)">
  40                         <a id="left-menu" href="#"><span class="glyphicon glyphicon-map-marker glyresult"></span>  {{orgunit.name}}</a>
  41                     </li>
  42                     <li *ng-if="filteredOrgunits.length == 0">
  43                         <p class="nomatch"><span class="glyphicon glyphicon-info-sign glyinfo"></span>   No matching results </p>
  44                     </li>
  45                 </ul>
  46             </div>
  47         </span>
  48
  49         <!-- Filter selectors to be filled inn by getUnitGroupSets() -->
  50         <div id="dropdowndiv" class="btn-group collapse col-md-2">
  51             <ul id="dropdown-menu" role="menu" class="dropdown-menu filtermenu">
  52                 <li>Facility</li>
  53                 <li class="dropdown-header">Ownership</li>
  54                 <li>
  55                     <select class="form-control filteroption" id="ownershipSelector" (click)="setFilter()"></select>
  56                 </li>
  57                 <li class="dropdown-header">Type</li>
  58                 <li>
  59                     <select class="form-control filteroption" id="typeSelector" (click)="setFilter()"></select>
  60                 </li>
  61                 <li class="divider"></li>
  62                 <li>Location</li>
  63                 <li class="dropdown-header">Rural/Urban</li>
  64                 <li>
  65                     <select class="form-control filteroption" id="locationSelector" (click)="setFilter()"></select>
  66                 </li>
  67             </ul>
  68         </div>
  69     </div>
  70 </div>
  71