You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Step-by-step Add Facet Component

  1. Create a class file type in ui/src/app/facet_framework/types
  2. Extend class from BaseFacet
  3. Add logic and overwrites as seen fit
  4. Add the new type to the FieldTypes in ui/src/app/field_framework/types/dynamic-field.ts
  5. Add type constructor to ui/src/app/field_framework/types/field-factory.ts

Step-by-step Add Facet Type

  1. Go to ui/src/app/facet_framework/components
  2. In console execute ng generate component <component-name>
  3. Extend the component from AbstractFacet
  4. Modify the new component as seen fit
  5. Go to ui/src/app/facet_framework/directive/facet-generator.directive.ts
  6. Add the component implementation

Step-by-step Implement Facet & Filter

  1. Go to ui/src/app/facet_framework/filter.service.ts
  2. Add logic to send the filter, normally it would be on buildSearchQueryFacets
  3. Go to server/qpl-elastic/elasticPayloadBuilder.js
  4. Add the new facet query in buildQueryAggregation
  5. Add the new filter in buildQueryFilter


These are the basic steps to add a new facet, more complex facets, may required assistance from the development team.

  • No labels