<div class="m-contact-flyout-slide contact-flyout-slide--main">
<div class="m-contact-flyout-panel ">
<i class="a-icon icon--chat" aria-hidden="true"></i>
<h2 class="contact-flyout-panel__title">
Kontakt
</h2>
<button class="a-btn btn--close" type="button" aria-label="Schließt das Menü"><i class="a-icon icon--close" aria-hidden="true"></i></button>
</div>
<div class="contact-flyout-slide__content">
<ul class="a-list-basic list-basic--with-option">
<li class="list__item ">
<a href="#slide-1" class="a-link link--with-icon-left contact-flyout-slide__link" aria-controls="slide-1">
<i class="a-icon icon--chat" aria-hidden="true"></i> <span class="link__inner">BARMER Chat</span> <i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left contact-flyout-slide__link">
<i class="a-icon icon--contact" aria-hidden="true"></i> <span class="link__inner">Telefon 0800 333 0333</span>
</a>
</li>
<li class="list__item ">
<a href="#slide-2" class="a-link link--with-icon-left contact-flyout-slide__link" aria-controls="slide-2">
<i class="a-icon icon--message" aria-hidden="true"></i> <span class="link__inner">E-Mail schreiben</span> <i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left contact-flyout-slide__link">
<i class="a-icon icon--callservice" aria-hidden="true"></i> <span class="link__inner">Rückrufservice</span>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left contact-flyout-slide__link">
<i class="a-icon icon--document" aria-hidden="true"></i> <span class="link__inner">Telefax 0800 333 0090</span>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left contact-flyout-slide__link">
<i class="a-icon icon--contact" aria-hidden="true"></i> <span class="link__inner">Ausland +49 202 568 333 1010</span>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link contact-flyout-slide__link">
Weitere Kontaktmöglichkeiten
</a>
</li>
</ul>
</div>
</div>
<div class="m-contact-flyout-slide {{viewtypes.specifier}}" {{{content.attributes}}}>
{{ render '@contact-flyout-panel' this.partials.panel merge=true }}
<div class="contact-flyout-slide__content">
{{#switches.hasContactList}}
{{^switches.hasExtraOptions}}
{{ render '@list-basic' this.partials.contactList merge=true }}
{{/switches.hasExtraOptions}}
{{#switches.hasExtraOptions}}
{{ render '@list-basic' this.partials.contactListWithOption merge=true }}
{{/switches.hasExtraOptions}}
{{/switches.hasContactList}}
{{^switches.hasContactList}}
{{ render '@richtext' this.partials.richtext merge=true }}
{{/switches.hasContactList}}
</div>
</div>
{
"switches": {
"hasContactList": true,
"hasExtraOptions": true
},
"viewtypes": {
"specifier": "contact-flyout-slide--main"
},
"content": {},
"partials": {
"contactList": {
"partials": {
"listitems": [
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {
"hasChevronRight": true
},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "BARMER Chat",
"url": "#slide-1",
"ariaAttributes": "aria-controls=\"slide-1\""
},
"partials": {
"iconType": "icon--chat"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "Telefon 0800 333 0333",
"url": "https://www.barmer.de/"
},
"partials": {
"iconType": "icon--contact"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {
"hasChevronRight": true
},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "E-Mail schreiben",
"url": "#slide-2",
"ariaAttributes": "aria-controls=\"slide-2\""
},
"partials": {
"iconType": "icon--message"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "Rückrufservice",
"url": "https://www.barmer.de/"
},
"partials": {
"iconType": "icon--callservice"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "Telefax 0800 333 0090",
"url": "https://www.barmer.de/"
},
"partials": {
"iconType": "icon--document"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "Ausland +49 202 568 333 1010",
"url": "https://www.barmer.de/"
},
"partials": {
"iconType": "icon--contact"
}
}
}
}
]
}
},
"contactListWithOption": {
"viewtypes": {
"specifier": "list-basic--with-option"
},
"partials": {
"listitems": [
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {
"hasChevronRight": true
},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "BARMER Chat",
"url": "#slide-1",
"ariaAttributes": "aria-controls=\"slide-1\""
},
"partials": {
"iconType": "icon--chat"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "Telefon 0800 333 0333",
"url": "https://www.barmer.de/"
},
"partials": {
"iconType": "icon--contact"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {
"hasChevronRight": true
},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "E-Mail schreiben",
"url": "#slide-2",
"ariaAttributes": "aria-controls=\"slide-2\""
},
"partials": {
"iconType": "icon--message"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "Rückrufservice",
"url": "https://www.barmer.de/"
},
"partials": {
"iconType": "icon--callservice"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "Telefax 0800 333 0090",
"url": "https://www.barmer.de/"
},
"partials": {
"iconType": "icon--document"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link--with-icon-left",
"partials": {
"item": {
"switches": {},
"viewtypes": {
"specifier": "link--with-icon-left contact-flyout-slide__link"
},
"content": {
"text": "Ausland +49 202 568 333 1010",
"url": "https://www.barmer.de/"
},
"partials": {
"iconType": "icon--contact"
}
}
}
},
{
"switches": {
"hasTextContent": false
},
"type": "link",
"partials": {
"item": {
"viewtypes": {
"specifier": "contact-flyout-slide__link"
},
"content": {
"text": "Weitere Kontaktmöglichkeiten",
"url": "https://www.barmer.de/"
}
}
}
}
]
}
}
}
}
No notes defined.