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 div -->
  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