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

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