<div class="header-account">
<div class="header-account__container">
<a href="#" class="header-account__link"> <span class="header-account__link-title">Mein Konto</span>
</a>
<button type="button" class="header-account__link--button"> <span class="header-account__link-title">Mein Konto</span>
</button>
</div>
<div class="header-account-dropdown-root">
<div class="dropdown">
<button type="button" class="dropdown__toggle" style="max-width: 200px;">999999</button>
<div class="dropdown__content" style="width: 220px; left: auto; right: 0;">
<div class="header-account-dropdown">
<div class="header-account-dropdown__greeting">Hallo,</div>
<div class="header-account-dropdown__active-customer">999999 (Sabine Aussendienst)</div>
<a href="#" class="header-account-dropdown__change-customer">Kundennummer wechseln</a>
<div class="header-account-dropdown__link-list">
<a href="#" class="header-account-dropdown__link">Profil</a>
<a href="#" class="header-account-dropdown__link">Bestellungen</a>
<a href="#" class="header-account-dropdown__link">Merklisten</a>
</div>
<a href="#" class="header-account-dropdown__logout">Abmelden</a>
<div class="header-account-dropdown__button">
<a href="#" class="button--primary-small">Zu meinem Konto</a>
</div>
<form class="header-account-dropdown__customer-mode" action="http://localhost:3005/start-customer-mode/" method="post">
<div class="header-account-dropdown__customer-mode--title">Kunden Modus</div>
<div class="header-account-dropdown__customer-mode--text-field">
<div class="text-field--light text-field-placeholder--light is-initialized">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="checkout-customer-number" type="text" name="customer-user-name" placeholder="Benutzername oder Email-Adresse" />
<label class="visually-hidden" for="checkout-customer-number">Benutzername oder Email-Adresse
</label>
</div>
<div class="text-field__error text-field-placeholder__error">Dieses Konto existiert nicht</div>
</div>
</div>
<div class="header-account-dropdown__customer-mode--submit-button">
<button class="button-icon--text-regular" type="submit">
Kunden Modus starten
</button>
</form>
</div>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/page/components/header/header-account/header-account.twig' %}
{
"demo": false,
"href": "#",
"title": "Mein Konto",
"dropdown": {
"greeting": "Hallo",
"activeCustomerNumber": "999999",
"activeCustomerName": "Sabine Aussendienst",
"changeCustomerLink": {
"href": "#",
"title": "Kundennummer wechseln"
},
"linkList": [
{
"href": "#",
"title": "Profil"
},
{
"href": "#",
"title": "Bestellungen"
},
{
"href": "#",
"title": "Merklisten"
}
],
"logoutLink": {
"href": "#",
"title": "Abmelden"
},
"mobileButton": {
"variant": "primary-small",
"type": "a",
"href": "#",
"title": "Zu meinem Konto"
},
"customerModeMenu": {
"title": "Kunden Modus",
"action": "http://localhost:3005/start-customer-mode/",
"method": "post",
"inputCustomerNumber": {
"variant": "light",
"id": "checkout-customer-number",
"name": "customer-user-name",
"label": "Benutzername oder Email-Adresse",
"required": false,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": "",
"error": "Dieses Konto existiert nicht",
"helper": ""
},
"startButton": {
"variant": "text-regular",
"title": "Kunden Modus starten",
"type": "button",
"role": "submit"
}
}
}
}
import './header-account.scss';
import HeaderAccount, {selector as sel} from 'cando-cx-components-library/components/modules/page/components/header/header-account/header-account';
export default HeaderAccount;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/header/header-account/header-account";
No notes defined.