Barmer Fractal

Filter: Checkbox Filter 

<a class="a-filter filter--checkbox" href="" title="" data-filter-id="" role="checkbox" aria-checked="false">
            <span class="filter__checkbox" aria-hidden="true"></span>
            <span class="filter__text">Filter (25)</span></a>
 
{{#switches.hasCheckbox}}
    {{#switches.isActive}}
        <a class="a-filter {{viewtypes.specifier}}" href="{{content.url}}" title="{{content.title}}" data-filter-id="{{content.dataFilterId}}" {{{content.attributes}}} aria-checked="true">
    {{/switches.isActive}}
    {{^switches.isActive}}
        <a class="a-filter {{viewtypes.specifier}}" href="{{content.url}}" title="{{content.title}}" data-filter-id="{{content.dataFilterId}}" {{{content.attributes}}} aria-checked="false">
    {{/switches.isActive}}
    <span class="filter__checkbox" aria-hidden="true"></span>
{{/switches.hasCheckbox}}
{{^switches.hasCheckbox}}
    <a class="a-filter {{viewtypes.specifier}} {{#if switches.isActive }}is-active{{/if}}" href="{{content.url}}" title="{{content.title}}" data-filter-id="{{content.dataFilterId}}" {{{content.attributes}}}>
    {{#if switches.isActive}}
        <span class="sr-only">Zurzeit ausgewählt: </span>
    {{/if}}
{{/switches.hasCheckbox}}
<span class="filter__text">{{{content.before}}}{{content.label}}{{{content.after}}}</span></a>
 
{
  "viewtypes": {
    "specifier": "filter--checkbox"
  },
  "content": {
    "url": "",
    "title": "",
    "before": "",
    "label": "Filter (25)",
    "after": "",
    "dataFilterId": "",
    "ariaControls": "filter--checkbox",
    "attributes": "role=\"checkbox\""
  },
  "switches": {
    "hasCheckbox": true,
    "isActive": false
  },
  "partials": {}
}

No notes defined.