Barmer Fractal

Accordion Panel Toggle: Forum 

<div class="m-accordion__panel__toggle accordion__panel__toggle--forum js-accordion-toggle" tabindex="0" aria-expanded="false" role="button">
    <div class="accordion__panel__toggle-content">
        <h4 class="accordion__panel__label">Ekeliger Geruch und Geschmack</h4>
        <div class="accordion__panel__metadata-primary">Manuela Musterfrau, Beitrag vom 15.10.2021
            , Letzte Antwort vom 18.01.2021
        </div>
        <div class="accordion__panel--metadata-secondary">
            <span class="answers">
                <span class="a-indicator indicator--secondary-enabled" aria-hidden="true"></span>

                <strong>Antworten: 3</strong>
            </span>
            <span class="answers answers--experts">
                davon
                <span class="a-indicator indicator--primary-enabled" aria-hidden="true"></span>

                <strong>Expertenantworten: 1</strong>
            </span>
        </div>
    </div>
    <i class="a-icon icon--arrow-downward" aria-hidden="true"></i>
</div>
 
<div class="m-accordion__panel__toggle {{viewtypes.specifier}}" tabindex="0" aria-expanded="false" role="button">
  <div class="accordion__panel__toggle-content">
    <h4 class="accordion__panel__label">{{content.label}}</h4>
    <div class="accordion__panel__metadata-primary">{{content.author}}, Beitrag vom {{content.dateCreated}}
      {{#ifcond content.countAnwers '>' 0 }}
      , Letzte Antwort vom {{content.dateLatestAnswer}}
      {{/ifcond}}
    </div>
    <div class="accordion__panel--metadata-secondary">
      <span class="answers">
        {{#ifcond content.countAnwers '>' 0 }}
          {{render '@indicator--secondary-enabled' merge=true}}
        {{else}}
          {{render '@indicator--secondary-disabled' merge=true}}
        {{/ifcond}}
        <strong>Antworten: {{content.countAnwers}}</strong>
      </span>
      <span class="answers answers--experts">
        davon
        {{#ifcond content.countExpertAnswers '>' 0 }}
          {{render '@indicator--primary-enabled' merge=true}}
        {{else}}
          {{render '@indicator--primary-disabled' merge=true}}
        {{/ifcond}}
        <strong>Expertenantworten: {{content.countExpertAnswers}}</strong>
      </span>
    </div>
  </div>
  {{ render '@icon--arrow-downward' }}
</div>
 
{
  "switches": {},
  "viewtypes": {
    "specifier": "accordion__panel__toggle--forum js-accordion-toggle"
  },
  "content": {
    "label": "Ekeliger Geruch und Geschmack",
    "author": "Manuela Musterfrau",
    "dateCreated": "15.10.2021",
    "dateLatestAnswer": "18.01.2021",
    "countAnwers": 3,
    "countExpertAnswers": 1
  },
  "partials": {
    "toggle": {
      "switches": {
        "asLink": false,
        "hasIcon": true,
        "isDisabled": false
      },
      "viewtypes": {
        "specifier": "accordion__panel__toggle js-accordion-toggle"
      },
      "content": {
        "type": "button",
        "ariaExpanded": "false",
        "before": "<span class=\"accordion__panel__label\">",
        "label": "Die Barmer setzt sich für Standardisierung, Meßwesen und Warenprüfung ein",
        "after": "</span>"
      },
      "partials": {
        "iconType": "icon--arrow-downward"
      }
    }
  }
}

No notes defined.