client/src/app/shared/search/search.component.html

   1 <div class="input-group">
   2
   3   <span class="hidden-xs input-group-addon icon-addon">
   4     <span class="glyphicon glyphicon-search"></span>
   5   </span>
   6
   7   <input
   8     type="text" id="search-video" name="search-video" class="form-control" placeholder="Search" class="form-control"
   9     [(ngModel)]="searchCriteria.value" (keyup.enter)="doSearch()"
  10   >
  11
  12   <div class="input-group-btn" dropdown placement="bottom right">
  13     <button id="simple-btn-keyboard-nav" type="button" class="btn btn-default" dropdownToggle>
  14       {{ getStringChoice(searchCriteria.field) }} <span class="caret"></span>
  15     </button>
  16     <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="simple-btn-keyboard-nav" *dropdownMenu>
  17       <li *ngFor="let choice of choiceKeys" class="dropdown-item" role="menu-item">
  18         <a class="dropdown-item" href="#" (click)="choose($event, choice)">{{ getStringChoice(choice) }}</a>
  19       </li>
  20     </ul>
  21   </div>
  22 </div>