share/nitweb/directives/ui/search-field.html

   1 <form style='margin-bottom: 0'>
   2         <div class='form-group has-icon'>
   3                 <input placeholder='Search...' type='text' class='form-control search-input'
   4                         ng-model-options='{ debounce: 300 }' ng-model='vm.query'
   5                         ng-keydown='vm.update($event)' ng-change='vm.search()'>
   6                 <span class='glyphicon glyphicon-search form-control-icon text-muted'></span>
   7         </div>
   8         <div ng-if='vm.results.results.length > 0' class='card-list search-results'>
   9                 <entity-card ng-click='vm.selectEnter()' ng-class='{active: vm.activeItem == $index}' ng-mouseover='vm.setActive($index)' mentity='mentity' ng-repeat='mentity in vm.results.results' />
  10                 <div class='card' ng-click='vm.selectEnter()' ng-mouseover='vm.setActive(vm.results.results.length)' ng-class='{active: vm.activeItem == vm.results.results.length}'>
  11                         <div class='card-body'>
  12                                 Show all {{vm.results.count}} results for <a>"{{vm.query}}"</a>
  13                         </div>
  14                 </div>
  15         </div>
  16 </form>