Open-ILS/src/eg2/src/app/staff/catalog/result/facets.component.html

   1 <div *ngIf="searchContext.result.facetData">
   2   <h2 class="sr-only" i18n>Facets</h2>
   3   <div *ngFor="let facetConf of facetConfig.display">
   4     <div *ngIf="searchContext.result.facetData[facetConf.facetClass]">
   5       <div *ngFor="let name of facetConf.facetOrder">
   6         <div class="row"
   7           *ngIf="searchContext.result.facetData[facetConf.facetClass][name]">
   8           <div class="card mb-2 p-0">
   9             <h3 class="card-header">
  10               {{searchContext.result.facetData[facetConf.facetClass][name].cmfLabel}}
  11             </h3>
  12             <ul class="list-group list-group-flush">
  13               <li class="list-group-item"
  14                 [ngClass]="{'facet-selected' :
  15                   facetIsApplied(facetConf.facetClass, name, value.value)}"
  16                 *ngFor="
  17                   let value of searchContext.result.facetData[facetConf.facetClass][name].valueList | slice:0:facetConfig.displayCount">
  18                 <div class="row">
  19                   <div class="col-lg-9">
  20                     <a class="card-link"
  21                       routerLink="/staff/catalog/search"
  22                       [queryParams]="getFacetUrlParams(facetConf.facetClass, name, value.value)">
  23                       {{value.value}}
  24                     </a>
  25                   </div>
  26                   <div class="col-lg-3">{{value.count}}</div>
  27                 </div>
  28               </li>
  29             </ul>
  30           </div>
  31         </div>
  32       </div>
  33     </div>
  34   </div>
  35 </div>