src/components/search/search.html

   1 <div id="search">
   2
   3     <label class="sr-only" for="livesearch">Search</label>
   4
   5         <input
   6                 mou-live-search
   7                (results)="orgunits = $event"
   8                (loading)="loading = $event"
   9                type="text"
  10                autofocus
  11                class="livesearch"
  12                name="livesearch"
  13                id="livesearch"
  14                placeholder="Search"
  15                 value = ""
  16
  17                 />
  18
  19
  20 <span [hidden]="hideDiv()">
  21
  22     <div class="divresult" id="divresult" [hidden]="!orgunits.length">
  23         <ul id="d" class="dropdown-menu result"  >
  24             <li  id="c" *ng-for="#orgunit of orgunits" (click)="getMoreInfo(orgunit)">
  25                 <a href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
  26             </li>
  27         </ul>
  28     </div>
  29
  30 </span>
  31
  32
  33
  34
  35 </div>
  36
  37
  38 <button type="button" class="knapp" (click)="toggle()" onclick="$('#ownershipSelector, #typeSelector, #locationSelector').prop('selectedIndex',0);" data-toggle="collapse" data-target="#dropdown-menu">
  39             {{ visible ? '&xdtri;' : '&cross;' }}
  40 </button>
  41
  42
  43 <div>
  44 <ul id="dropdown-menu" class="dropdown-menu">
  45     <li>Facility</li>
  46     <li class="dropdown-header">Ownerships</li>
  47     <li><select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()">
  48         <option value=""> All </option>
  49         <option [value]="Mission">Mission</option>
  50         <option value="NGO">NGO</option>
  51         <option value="Private Clinic">Private Clinic</option>
  52         <option value="Public facilities">Public facilities</option>
  53     </select></li>
  54     <li class="dropdown-header">Types</li>
  55     <li><select class="form-control filtervalg" id="typeSelector" (click)="setFilter()">
  56         <option value=""> All </option>
  57         <option value="CHC">CHC</option>
  58         <option value="CHP">CHP</option>
  59         <option value="Clinic">Clinic</option>
  60         <option value="Hospital">Hospital</option>
  61         <option value="MCHP">MCHP</option>
  62     </select></li>
  63     <li role="separator" class="divider"></li>
  64     <li class="dropdown-header">Locations </li>
  65     <li><select class="form-control filtervalg" id="locationSelector" (click)="setFilter()">
  66         <option value=""> All </option>
  67         <option value="Rural">Rural</option>
  68         <option value="Urban">Urban</option>
  69     </select></li>
  70
  71 </ul>
  72
  73 </div>
  74