gerrit.onap Code Review - ccsdk/cds.git/blob

   1 <!--Nav Search & Filter-->
   2 <div class="col search-filter-col">
   3     <div class="row">
   4         <div class="col-7">
   5             <div class="searchBox">
   6                 <input class="searchInput" (input)="searchPackages($event)" type="text" name="" placeholder="Search packages">
   7                 <button class="searchButton" href="#"></button>
   8             </div>
   9         </div>
  10         <div class="col-5 pl-2">
  11             <div class="dropdown packagesFilter w-100">
  12                 <input class="dropdown-toggle" type="text">
  13                 <div class="dropdown-text">ALL PACKAGES TAGS</div>
  14                 <ul class="dropdown-content w-100">
  15                     <li>
  16                         <div class="form-group">
  17                             <input type="text" (input)="reloadChanges($event)" class="form-control" placeholder="Search" autofocus>
  18                         </div>
  19                     </li>
  20                     <li *ngFor="let tag of viewedTags">
  21                         <div class="custom-control custom-checkbox">
  22                             <input type="checkbox" (click)="reloadPackages($event)" class="custom-control-input" id={{tag}}>
  23                             <label class="custom-control-label" for={{tag}}>{{tag}}</label>
  24                         </div>
  25                         <!--<div class="custom-control custom-checkbox">
  26                             <input type="checkbox" class="custom-control-input" id="customCheck2">
  27                             <label class="custom-control-label" for="customCheck2">Check this custom
  28                                 checkbox</label>
  29                         </div>
  30                         <div class="custom-control custom-checkbox">
  31                             <input type="checkbox" class="custom-control-input" id="customCheck3">
  32                             <label class="custom-control-label" for="customCheck3">Check this custom
  33                                 checkbox</label>
  34                         </div>
  35                         <div class="custom-control custom-checkbox">
  36                             <input type="checkbox" class="custom-control-input" id="customCheck4">
  37                             <label class="custom-control-label" for="customCheck4">Check this custom
  38                                 checkbox</label>
  39                         </div>-->
  40                     </li>
  41
  42                 </ul>
  43             </div>
  44         </div>
  45     </div>
  46 </div>