src/components/search/search.html

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