templates/default/components/atoms/range/range.html.twig line 1

Open in your IDE?
  1. <div
  2. class="range range--filter slider-tab js-range-slider"
  3. data-min="{{ min }}"
  4. data-max="{{ max }}"
  5. data-min-selected="{{ minSelected }}"
  6. data-max-selected="{{ maxSelected }}"
  7. data-facet-key="{{ key }}"
  8. data-min-input-selector="{{ key ~ constant('Denios\\SharedConstant\\Catalog\\SliderFacet::MIN_SUFFIX')}}"
  9. data-max-input-selector="{{ key ~ constant('Denios\\SharedConstant\\Catalog\\SliderFacet::MAX_SUFFIX')}}"
  10. >
  11. <input id="{{ key ~ constant('Denios\\SharedConstant\\Catalog\\SliderFacet::MIN_SUFFIX') }}"
  12. name="filter[{{ constant('App\\Module\\Catalog\\Parser\\StorefrontFacetInputNameParser::KEY_IDENTIFIER') ~ key ~ constant('Denios\\SharedConstant\\Catalog\\SliderFacet::MIN_SUFFIX') ~ constant('App\\Module\\Catalog\\Parser\\StorefrontFacetInputNameParser::SEPARATOR') ~ constant('App\\Module\\Catalog\\Parser\\StorefrontFacetInputNameParser::TYPE_IDENTIFIER') ~ type }}]"
  13. value="{% if minSelected != min %}{{ minSelected }}{% endif %}"
  14. aria-label="{{ key ~ constant('Denios\\SharedConstant\\Catalog\\SliderFacet::MIN_SUFFIX')}}"
  15. type="number" class="range__value range__value--min slider-margin-value-min" onfocus="this.value=''">
  16. <div class="range__separator">-</div>
  17. <input id="{{ key ~ constant('Denios\\SharedConstant\\Catalog\\SliderFacet::MAX_SUFFIX') }}"
  18. name="filter[{{ constant('App\\Module\\Catalog\\Parser\\StorefrontFacetInputNameParser::KEY_IDENTIFIER') ~ key ~ constant('Denios\\SharedConstant\\Catalog\\SliderFacet::MAX_SUFFIX') ~ constant('App\\Module\\Catalog\\Parser\\StorefrontFacetInputNameParser::SEPARATOR') ~ constant('App\\Module\\Catalog\\Parser\\StorefrontFacetInputNameParser::TYPE_IDENTIFIER') ~ type }}]"
  19. value="{% if maxSelected != max %}{{ maxSelected }}{% endif %}"
  20. aria-label="{{ key ~ constant('Denios\\SharedConstant\\Catalog\\SliderFacet::MAX_SUFFIX')}}"
  21. type="number" class="range__value range__value--max slider-margin-value-max" onfocus="this.value=''">
  22. </div>