src/components/search/search.html

   1 <div id="search">
   2
   3     <label class="sr-only" for="livesearch">Search</label>
   4
   5     <form id="myForm">
   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                     onblur= "this.placeholder = 'Search'"
  18                     onfocus="this.placeholder = ''"
  19                     value=""/>
  20
  21
  22
  23
  24
  25             <button type="button" class="knapp col-md-2" (click)="toggle()"
  26                     data-toggle="collapse" data-target="#dropdown-menu">
  27                 {{ visible ? '&xdtri;' : '&cross;' }}
  28             </button>
  29         </div>
  30     </form>
  31
  32     <div class="row">
  33 <span [hidden]="hideDiv()">
  34     <div class="divresult col-md-10" id="divresult" [hidden]="checkOrgunits()">
  35         <ul class="dropdown-menu result">
  36             <li><button type="button" class="btn btn-default emptyresult" (click)="emptyByClick()">
  37                 <span class="glyphicon glyphicon-remove"></span></button></li>
  38             <li *ng-for="#orgunit of filteredOrgunits" id="orglist" (click)="getMoreInfo(orgunit)">
  39                 <a id="left-menu" href="#">{{orgunit.name}}</a>
  40             </li>
  41             <li *ng-if="filteredOrgunits.length == 0">
  42                 No matching results
  43             </li>
  44         </ul>
  45     </div>
  46 </span>
  47         <div class="row">
  48            <span [hidden]="!hideDiv()">
  49                 <div class="divhelp col-md-8"></div>
  50            </span>
  51
  52
  53
  54 <div id="dropdowndiv" class="btn-group collapse col-md-2">
  55
  56     <ul id="dropdown-menu" role="menu" class="dropdown-menu meny">
  57         <li>Facility</li>
  58         <li class="dropdown-header">Ownership</li>
  59         <li>
  60             <select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()"></select>
  61         </li>
  62         <li class="dropdown-header">Type</li>
  63         <li>
  64             <select class="form-control filtervalg" id="typeSelector" (click)="setFilter()"></select>
  65         </li>
  66         <li class="divider"></li>
  67         <li>Location</li>
  68         <li class="dropdown-header">Rural/Urban</li>
  69
  70         <li>
  71             <select class="form-control filtervalg" id="locationSelector" (click)="setFilter()"></select>
  72         </li>
  73     </ul>
  74
  75 </div>
  76
  77         </div>
  78
  79 </div>
  80
  81
  82
  83 </div>
  84