Barmer Fractal

Contact Flyout Slide: Sub 

<div class="m-contact-flyout-slide contact-flyout-slide--sub" id="slide-1">
    <div class="m-contact-flyout-panel ">

        <button class="a-btn btn--back" type="button" aria-label="Zurück"><i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>

        <h2 class="contact-flyout-panel__title">
            <i class="a-icon icon--chat" aria-hidden="true"></i>
            BARMER Chat
        </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">
        <div class="a-richtext richtext--contact-flyout">
            <h3>Chat für Versicherte</h3>
            <p>Sind Sie bei Meine BARMER registriert?<br>Loggen Sie sich vor dem Start des Chats für eine persönliche und datenschutzsichere Beratung ein.</p>
            <p>Der Chat ist erreichbar jeweils von <br>Montag - Freitag zwischen 07:00 -20:00 Uhr</p>
            <p><button class="a-btn btn--primary js-btn-genesys" data-chat-type="client" type="button">Zum Chat für Versicherte</button></p>
            <h3>Chat fuer Interessierte</h3>
            <p>Ich habe keine eigene Mitgliedschaft bei der BARMER und bin an den Vorteilen interessiert.</p>
            <p>Nutzen Sie unseren Chat fuer Interessenten im Bereich <a href="#" class="bm-richtext-link">Mitglied werden</a></p>
            <p><button class="a-btn btn--primary js-btn-genesys" data-chat-type="interested" type="button">Zum Chat für Interessierte</button></p>
        </div>

    </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": false,
    "hasExtraOptions": false
  },
  "viewtypes": {
    "specifier": "contact-flyout-slide--sub"
  },
  "content": {
    "attributes": "id=\"slide-1\""
  },
  "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/"
                }
              }
            }
          }
        ]
      }
    },
    "panel": {
      "switches": {
        "hasBackButton": true
      },
      "content": {
        "title": "BARMER Chat"
      },
      "partials": {
        "iconType": "icon--chat"
      }
    },
    "richtext": {
      "switches": {
        "hasWrapper": true
      },
      "viewtypes": {
        "specifier": "richtext--contact-flyout"
      },
      "content": {
        "text": "<h3>Chat für Versicherte</h3><p>Sind Sie bei Meine BARMER registriert?<br>Loggen Sie sich vor dem Start des Chats für eine persönliche und datenschutzsichere Beratung ein.</p><p>Der Chat ist erreichbar jeweils von <br>Montag - Freitag zwischen 07:00 -20:00 Uhr</p><p><button class=\"a-btn btn--primary js-btn-genesys\" data-chat-type=\"client\" type=\"button\">Zum Chat für Versicherte</button></p><h3>Chat fuer Interessierte</h3><p>Ich habe keine eigene Mitgliedschaft bei der BARMER und bin an den Vorteilen interessiert.</p><p>Nutzen Sie unseren Chat fuer Interessenten im Bereich <a href=\"#\" class=\"bm-richtext-link\">Mitglied werden</a></p><p><button class=\"a-btn btn--primary js-btn-genesys\" data-chat-type=\"interested\" type=\"button\">Zum Chat für Interessierte</button></p>"
      }
    }
  }
}

No notes defined.