<div class="b2b-change-cost-center">
<div class="b2b-change-cost-center__container">
<div class="b2b-change-cost-center__content">
<div class="message--error">
<div class="message__container--disabled">
<span class="visually-hidden">Error message</span>
<div class="message__content">
<p class="message__text">Ihre standard Kundennummer konnte nicht geändert werden.</p>
</div>
<div class="message__close-button">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes">
<span class="visually-hidden">Schliessen</span>
</button>
</div>
</div>
</div>
<div class="b2b-change-cost-center__back-button--top">
<a href="#" class="button-icon--icon-text-large -icon-arrow-left">
Zurück zum Account
</a>
</div>
<div class="change-customer-number-table">
<div class="table-header">
<div class="table-header__column--title">
<h4 class="table-header__title">Bitte wählen Sie eine Kundennummer</h4>
</div>
</div>
<div class="responsive-table -spacing-large">
<div class="table-search">
<div class="table-search__container">
<div class="text-field--light text-field-search--light is-initialized" data-disable-text-field-js>
<div class="text-field__wrapper text-field-search__wrapper">
<input class="text-field__input text-field-search__input" id="responsive-table-search" type="text" name="responsive-table-search" required data-responsive-table-search="true" placeholder="Suche" />
<label class="visually-hidden" for="responsive-table-search">Suche</label>
<button type="reset" class="text-field-search__reset"></button>
<button type="submit" class="text-field-search__search"></button>
<div class="text-field-search__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
<col style="">
<col style="">
<col style="64px">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Kundennummer
</th>
<th class="responsive-table__th">
Name
</th>
<th class="responsive-table__th">
Adresse
</th>
<th class="responsive-table__th is-centered">
Standard
</th>
<th class="responsive-table__th">
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr change-customer-number-table__row">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Kundennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>111111</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Name</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Kunde #1 / Abteilung 1</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Adresse</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Lager Schaffhausen, Musterstrasse 12, Schaffhausen 8200</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Standard</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="button-set-as-default">
<form class="button-set-as-default__container is-active" action="http://localhost:3005/set-default-customer-number/" method="post">
<button type="submit" class="button-set-as-default__button">
<span class="visually-hidden">Als standard Kundennummer festlegen</span>
</button>
</form>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="change-customer-number-table__arrow-right-button">
<button class="button--primary" type="submit"> <span class="change-cost-center-table__button">
<span class="visually-hidden"></span>
<span class="change-cost-center-table__button-icon"></span>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr change-customer-number-table__row">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Kundennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>222222</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Name</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Kunde #2 / Abteilung 2</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Adresse</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Lager Schaffhausen, Musterstrasse 12, Schaffhausen 8200</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Standard</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="button-set-as-default">
<form class="button-set-as-default__container" action="http://localhost:3005/set-default-customer-number/" method="post">
<button type="submit" class="button-set-as-default__button">
<span class="visually-hidden">Als standard Kundennummer festlegen</span>
</button>
</form>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="change-customer-number-table__arrow-right-button">
<button class="button--primary" type="submit"> <span class="change-cost-center-table__button">
<span class="visually-hidden"></span>
<span class="change-cost-center-table__button-icon"></span>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr change-customer-number-table__row">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Kundennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>333333</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Name</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Kunde #3 / Abteilung 3</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Adresse</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Lager Schaffhausen, Musterstrasse 12, Schaffhausen 8200</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Standard</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="button-set-as-default">
<form class="button-set-as-default__container" action="http://localhost:3005/set-default-customer-number/" method="post">
<button type="submit" class="button-set-as-default__button">
<span class="visually-hidden">Als standard Kundennummer festlegen</span>
</button>
</form>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="change-customer-number-table__arrow-right-button">
<button class="button--primary" type="submit"> <span class="change-cost-center-table__button">
<span class="visually-hidden"></span>
<span class="change-cost-center-table__button-icon"></span>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr change-customer-number-table__row">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Kundennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>444444</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Name</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Kunde #4 / Abteilung 4</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Adresse</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Lager Schaffhausen, Musterstrasse 12, Schaffhausen 8200</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Standard</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="button-set-as-default">
<form class="button-set-as-default__container" action="http://localhost:3005/set-default-customer-number/" method="post">
<button type="submit" class="button-set-as-default__button">
<span class="visually-hidden">Als standard Kundennummer festlegen</span>
</button>
</form>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="change-customer-number-table__arrow-right-button">
<button class="button--primary" type="submit"> <span class="change-cost-center-table__button">
<span class="visually-hidden"></span>
<span class="change-cost-center-table__button-icon"></span>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr change-customer-number-table__row">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Kundennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>555555</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Name</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Kunde #5 / Abteilung 5</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Adresse</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Lager Schaffhausen, Musterstrasse 12, Schaffhausen 8200</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Standard</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="button-set-as-default">
<form class="button-set-as-default__container" action="http://localhost:3005/set-default-customer-number/" method="post">
<button type="submit" class="button-set-as-default__button">
<span class="visually-hidden">Als standard Kundennummer festlegen</span>
</button>
</form>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="change-customer-number-table__arrow-right-button">
<button class="button--primary" type="submit"> <span class="change-cost-center-table__button">
<span class="visually-hidden"></span>
<span class="change-cost-center-table__button-icon"></span>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="5">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Kundennummer gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="b2b-change-cost-center__pagination">
<div class="pagination">
<div class="pagination__container">
<div class="pagination__prev">
<a href="#" class="button-navigation--prev">
<span class="visually-hidden">Vorherige Seite</span>
</a>
</div>
<ul class="pagination__pages">
<li class="pagination__page">
<a href="#" class="pagination__page-link">1</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link--active">2</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">3</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">4</a>
</li>
<li class="pagination__page">
<span class="pagination__page-dots">…</span>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">32</a>
</li>
</ul>
<div class="pagination__next">
<a href="#" class="button-navigation--next">
<span class="visually-hidden">Nächste Seite</span>
</a>
</div>
</div>
</div>
</div>
<div class="b2b-change-cost-center__back-button--bottom">
<a href="#" class="button-icon--icon-text-large -icon-arrow-left">
Zurück zum Account
</a>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-account/templates/change-customer-number/change-customer-number.twig' %}
{
"backButton": {
"variant": "icon-text-large",
"title": "Zurück zum Account",
"icon": "arrow-left",
"type": "a",
"href": "#"
},
"changeCustomerNumber": {
"include": "...change-customer-number-table--default"
},
"pagination": {
"include": "...pagination--with-next-and-prev"
},
"message": {
"closeButton": {
"variant": "icon-regular",
"title": "Schliessen",
"icon": "close",
"type": "button",
"role": "button",
"name": "close-big-menu",
"value": "yes"
},
"variant": "error",
"isHidden": false,
"labels": {
"info": "Information message",
"error": "Error message",
"warning": "Warning message",
"success": "Success message"
},
"message": "Ihre standard Kundennummer konnte nicht geändert werden.",
"container": false
}
}
import './change-customer-number.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-account/templates/change-customer-number/change-customer-number";
No notes defined.