cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/filter-by-tags/filter-by-tags.component.html

   1 <div class="dropdown packagesFilter w-100">
   2     <input class="dropdown-toggle" type="text">
   3     <div class="dropdown-text">Filter By Tags <span
   4             class="fillteredTags">{{checkBoxTages.substr(0,checkBoxTages.length-1)}}</span></div>
   5     <!-- <ul class="dropdown-content w-100">
   6         <li>
   7             <div class="form-group">
   8                 <input type="text" (input)="reloadChanges($event)" class="form-control" placeholder="Search" autofocus>
   9             </div>
  10         </li>
  11         <li *ngFor="let tag of viewedTags">
  12             <div class="custom-control custom-checkbox">
  13                 <input type="checkbox" (click)="reloadPackages($event)" class="custom-control-input" id={{tag}} #checkboxes>
  14                 <label class="custom-control-label" for={{tag}}>{{tag}}</label>
  15             </div>
  16         </li>
  17         <li class="reset-filter"><a (click)="resetFilter()">Reset filter</a></li>
  18     </ul> -->
  19
  20     <div class="dropdown-content w-100">
  21         <div class="form-group">
  22             <input type="text" (input)="reloadChanges($event)" class="form-control" placeholder="Search" autofocus>
  23         </div>
  24         <ul>
  25             <li *ngFor="let tag of viewedTags">
  26                 <div class="custom-control custom-checkbox">
  27                     <input type="checkbox" (click)="reloadPackages($event)" class="custom-control-input" id={{tag}}
  28                         #checkboxes>
  29                     <label class="custom-control-label" for={{tag}}>{{tag}}</label>
  30                 </div>
  31             </li>
  32         </ul>
  33         <div class="reset-filter"><a (click)="resetFilter()">Reset filter</a></div>
  34     </div>
  35 </div>