path: root/client/app/shared/search.component.html

<div class="input-group">
  <div class="input-group-btn" dropdown>
    <button id="simple-btn-keyboard-nav" type="button" class="btn btn-default" dropdownToggle>
      {{ getStringChoice(searchCriterias.field) }} <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="simple-btn-keyboard-nav">
      <li *ngFor="let choice of choiceKeys" class="dropdown-item">
        <a class="dropdown-item" href="#" (click)="choose($event, choice)">{{ getStringChoice(choice) }}</a>
      </li>
    </ul>
  </div>

  <input
    type="text" id="search-video" name="search-video" class="form-control" placeholder="Search a video..." class="form-control"
    [(ngModel)]="searchCriterias.value" (keyup.enter)="doSearch()"
  >
</div>