<div class="pending-deliveries-table">
<div class="message--error">
<div class="message__container--disabled">
<span class="visually-hidden">Error message</span>
<div class="message__content">
<p class="message__text">Ein Fehler ist aufgetreten.</p>
</div>
<div class="message__close-button">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-message" value="yes">
<span class="visually-hidden">Schliessen</span>
</button>
</div>
</div>
</div>
<div class="table-header">
<div class="table-header__column--title">
<h4 class="heading-counter">
Artikel im Rückstand
<span class="counter-bubble" data-counter="60"></span>
</h4>
</div>
</div>
<div class="responsive-table--first-column-mobile-full-height -spacing-large">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="72px">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="64px">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
<div class="responsive-table__select-all-box">
<div class="checkbox--light is-initialized">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-selection-checkbox" type="checkbox" name="#" />
<label class="checkbox__label has-empty-label" for="multi-selection-checkbox">
<span>
</span>
</label>
</div>
</div>
<div class="responsive-table__multiselect-dropdown">
<div class="dropdown">
<button type="button" class="dropdown__toggle is-thin" style="max-width: 170px;"> </button>
<div class="dropdown__content">
<div class="responsive-table__batch-operations-dropdown">
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl stornieren
</button>
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl in Warenkorb kopieren
</button>
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl in Merkliste kopieren
</button>
</div>
</div>
</div>
</div>
</div>
</th>
<th class="responsive-table__th">
</th>
<th class="responsive-table__th">
Artikel
</th>
<th class="responsive-table__th">
Auftragsnummer
</th>
<th class="responsive-table__th is-right-aligned">
Urspr. Pos.
</th>
<th class="responsive-table__th is-centered">
Lager
</th>
<th class="responsive-table__th">
Bestelldatum
</th>
<th class="responsive-table__th">
vorrauss. Lieferdatum
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
<th class="responsive-table__th is-hidden-on-desktop">
Aktion
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-left is-select-td">
<div class="responsive-table__td-inner-container">
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-select-1" type="checkbox" name="#" value="1" data-multi-selectable="true" />
<label class="checkbox__label has-empty-label" for="multi-select-1">
<span>
</span>
</label>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-top-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">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="text-field--light text-field-placeholder--light is-initialized is-filled-in">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="comment-2" type="text" name="comment-2" value="Geschenk für Michael" disabled placeholder="Kommentar" />
<label class="visually-hidden" for="comment-2">Kommentar
</label>
</div>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
<li class="value-list__item--info">
<div class="value-list__label">Transportzuschlag Gefahrengut:</div>
<div class="value-list__price">
<div class="price--extra-small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">35.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</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">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">47000717</a>
</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">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>2</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">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--unavailable" data-info-tooltip-content="Nicht verfügbar">
<span class="visually-hidden">Nicht verfügbar</span>
</button>
</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">Bestelldatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.12.2021</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">vorrauss. Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.03.2022</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bestellt</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>20</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Geliefert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>12</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Offen</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>8</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Storniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>0</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Retouniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>in Retourenliste</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>1</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</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">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">Stornieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Warenkorb kopieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Merkliste kopieren</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-left is-select-td">
<div class="responsive-table__td-inner-container">
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-select-2" type="checkbox" name="#" value="1" data-multi-selectable="true" />
<label class="checkbox__label has-empty-label" for="multi-select-2">
<span>
</span>
</label>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-top-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">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</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">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">47000717</a>
</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">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>2</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">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--unavailable" data-info-tooltip-content="Nicht verfügbar">
<span class="visually-hidden">Nicht verfügbar</span>
</button>
</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">Bestelldatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.12.2021</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">vorrauss. Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.03.2022</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bestellt</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>20</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Geliefert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>12</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Offen</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>8</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Storniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>0</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Retouniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>in Retourenliste</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>1</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</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">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">Stornieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Warenkorb kopieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Merkliste kopieren</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-left is-select-td">
<div class="responsive-table__td-inner-container">
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-select-3" type="checkbox" name="#" value="1" data-multi-selectable="true" />
<label class="checkbox__label has-empty-label" for="multi-select-3">
<span>
</span>
</label>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-top-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">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</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">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">47000717</a>
</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">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>2</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">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--unavailable" data-info-tooltip-content="Nicht verfügbar">
<span class="visually-hidden">Nicht verfügbar</span>
</button>
</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">Bestelldatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.12.2021</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">vorrauss. Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.03.2022</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bestellt</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>20</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Geliefert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>12</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Offen</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>8</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Storniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>0</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Retouniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>in Retourenliste</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>1</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</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">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">Stornieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Warenkorb kopieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Merkliste kopieren</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="10">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Ergebnisse gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-pending-deliveries/components/pending-deliveries-table/pending-deliveries-table.twig' %}
{
"tableHeader": {
"heading": {
"level": "4",
"title": "Artikel im Rückstand",
"counter": "60"
}
},
"table": {
"multiselectDropdown": {
"label": " ",
"toggleMaxWidth": "170px",
"thinToggleArrow": true
},
"noMatchMessage": "Keine Ergebnisse gefunden",
"autoScrollbar": true,
"firstColumnMobileFullHeight": true,
"moveItemsDropdownContent": [
{
"name": "Auswahl stornieren"
},
{
"name": "Auswahl in Warenkorb kopieren"
},
{
"name": "Auswahl in Merkliste kopieren"
}
],
"columnDefs": [
{
"name": "multiSelect",
"type": "checkbox",
"path": "modules/shared/components/form-components/checkbox/checkbox",
"checkbox": {
"variant": "light",
"id": "multi-selection-checkbox",
"name": "#"
}
},
{
"name": "image",
"width": "72px"
},
{
"label": "Artikel",
"name": "item",
"customResponsive": true
},
{
"label": "Auftragsnummer",
"name": "orderNo"
},
{
"label": "Urspr. Pos.",
"name": "position",
"thClass": "is-right-aligned"
},
{
"label": "Lager",
"name": "stock",
"thClass": "is-centered"
},
{
"label": "Bestelldatum",
"name": "orderDate"
},
{
"label": "vorrauss. Lieferdatum",
"name": "estimatedDeliveryDate"
},
{
"label": "Anzahl",
"name": "quantityWithTooltipThreeRows",
"thClass": "is-right-aligned"
},
{
"label": "Aktion",
"name": "action",
"width": "64px",
"thClass": "is-hidden-on-desktop"
}
],
"rowData": [
{
"multiSelect": {
"type": "template",
"path": "modules/shared/components/form-components/checkbox/checkbox",
"tdClass": "is-left is-select-td",
"data": {
"id": "multi-select-1",
"variant": "light",
"name": "#",
"required": false,
"disabled": false,
"checked": false,
"value": "1",
"attributes": {
"data-multi-selectable": "true"
}
}
},
"orderNo": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<a href=\"#\">47000717</a>"
}
},
"quantityWithTooltipThreeRows": {
"type": "template",
"path": "modules/shared-account/components/cell-components/text-with-tooltip-cell/text-with-tooltip-cell",
"tdClass": "is-right-aligned",
"data": {
"content": "5",
"tooltipData": {
"variant": "small",
"html": true,
"tableContent": {
"spacingVariant": "medium",
"notResponsive": true,
"firstColumnMobileFullHeight": true,
"columnDefs": [
{
"label": "Status",
"name": "label"
},
{
"label": "Anzahl",
"name": "value",
"thClass": "is-right-aligned"
}
],
"rowData": [
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Bestellt</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>20</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Geliefert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>12</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Offen</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>8</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Storniert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>0</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Retouniert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>3</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>in Retourenliste</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>1</strong></p>"
}
}
}
]
}
}
}
},
"position": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>2</p>"
},
"tdClass": "is-right-aligned"
},
"image": {
"type": "template",
"path": "modules/shared-product/components/cell-components/image-cell/image-cell",
"tdClass": "is-top-aligned",
"data": {
"href": "#",
"image": {
"src": "/example-assets/images/responsive-table/thumb.png",
"src2x": "/example-assets/images/responsive-table/thumb.png",
"alt": "Alt",
"title": "Title"
},
"specials": {
"variant": "medium-horizontally-vertically",
"items": [
{
"value": "Sale",
"color": "#e30a24",
"icon": "/example-assets/images/specials/sale.svg"
},
{
"value": "New",
"color": "#333333",
"icon": "/example-assets/images/specials/new.svg"
}
]
}
}
},
"item": {
"type": "template",
"path": "modules/shared-product/components/cell-components/item-cell/item-cell",
"data": {
"heading": {
"level": "5"
},
"title": "Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit",
"attributes": {
"variant": "small-bold",
"attributes": [
{
"type": "text",
"name": "Art.-Nr.",
"value": "56.65563"
},
{
"type": "text",
"name": "Gruppe",
"value": "Bosch eBike"
}
]
},
"textField": {
"variant": "light",
"id": "comment-2",
"name": "comment-2",
"label": "Kommentar",
"required": false,
"value": "Geschenk für Michael",
"disabled": true,
"type": "text",
"autocomplete": "",
"error": "",
"helper": ""
},
"valueList": {
"list": [
{
"type": "info",
"label": "Vorgezogene Recyclinggebühren",
"price": {
"variant": "extra-small",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "4.00",
"note": ""
}
},
"tooltip": {
"variant": "small",
"title": "Information",
"content": "Für das Recycling."
}
},
{
"type": "info",
"label": "Transportzuschlag Gefahrengut",
"price": {
"variant": "extra-small",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "35.00",
"note": ""
}
},
"tooltip": {
"variant": "small",
"title": "Information",
"content": "Für das Recycling."
}
}
]
}
}
},
"stock": {
"type": "template",
"path": "modules/shared-product/components/stock/stock",
"tdClass": "is-centered",
"include": "stock--unavailable as data"
},
"action": {
"type": "template",
"path": "modules/shared/components/ellipsis-actions/ellipsis-actions",
"tdClass": "is-right-aligned",
"data": {
"toggle": "More actions",
"list": [
{
"button": {
"title": "Stornieren"
}
},
{
"button": {
"title": "In Warenkorb kopieren"
}
},
{
"button": {
"title": "In Merkliste kopieren"
}
}
]
}
},
"orderDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>18.12.2021</p>"
}
},
"estimatedDeliveryDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>18.03.2022</p>"
}
}
},
{
"multiSelect": {
"type": "template",
"path": "modules/shared/components/form-components/checkbox/checkbox",
"tdClass": "is-left is-select-td",
"data": {
"id": "multi-select-2",
"variant": "light",
"name": "#",
"required": false,
"disabled": false,
"checked": false,
"value": "1",
"attributes": {
"data-multi-selectable": "true"
}
}
},
"orderNo": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<a href=\"#\">47000717</a>"
}
},
"quantityWithTooltipThreeRows": {
"type": "template",
"path": "modules/shared-account/components/cell-components/text-with-tooltip-cell/text-with-tooltip-cell",
"tdClass": "is-right-aligned",
"data": {
"content": "5",
"tooltipData": {
"variant": "small",
"html": true,
"tableContent": {
"spacingVariant": "medium",
"notResponsive": true,
"firstColumnMobileFullHeight": true,
"columnDefs": [
{
"label": "Status",
"name": "label"
},
{
"label": "Anzahl",
"name": "value",
"thClass": "is-right-aligned"
}
],
"rowData": [
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Bestellt</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>20</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Geliefert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>12</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Offen</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>8</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Storniert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>0</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Retouniert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>3</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>in Retourenliste</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>1</strong></p>"
}
}
}
]
}
}
}
},
"position": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>2</p>"
},
"tdClass": "is-right-aligned"
},
"image": {
"type": "template",
"path": "modules/shared-product/components/cell-components/image-cell/image-cell",
"tdClass": "is-top-aligned",
"data": {
"href": "#",
"image": {
"src": "/example-assets/images/responsive-table/thumb.png",
"src2x": "/example-assets/images/responsive-table/thumb.png",
"alt": "Alt",
"title": "Title"
},
"specials": {
"variant": "medium-horizontally-vertically",
"items": [
{
"value": "Sale",
"color": "#e30a24",
"icon": "/example-assets/images/specials/sale.svg"
},
{
"value": "New",
"color": "#333333",
"icon": "/example-assets/images/specials/new.svg"
}
]
}
}
},
"item": {
"type": "template",
"path": "modules/shared-product/components/cell-components/item-cell/item-cell",
"data": {
"heading": {
"level": "5"
},
"title": "Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit",
"attributes": {
"variant": "small-bold",
"attributes": [
{
"type": "text",
"name": "Art.-Nr.",
"value": "56.65563"
},
{
"type": "text",
"name": "Gruppe",
"value": "Bosch eBike"
}
]
},
"valueList": {
"list": [
{
"type": "info",
"label": "Vorgezogene Recyclinggebühren",
"price": {
"variant": "extra-small",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "4.00",
"note": ""
}
},
"tooltip": {
"variant": "small",
"title": "Information",
"content": "Für das Recycling."
}
}
]
}
}
},
"stock": {
"type": "template",
"path": "modules/shared-product/components/stock/stock",
"tdClass": "is-centered",
"include": "stock--unavailable as data"
},
"action": {
"type": "template",
"path": "modules/shared/components/ellipsis-actions/ellipsis-actions",
"tdClass": "is-right-aligned",
"data": {
"toggle": "More actions",
"list": [
{
"button": {
"title": "Stornieren"
}
},
{
"button": {
"title": "In Warenkorb kopieren"
}
},
{
"button": {
"title": "In Merkliste kopieren"
}
}
]
}
},
"orderDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>18.12.2021</p>"
}
},
"estimatedDeliveryDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>18.03.2022</p>"
}
}
},
{
"multiSelect": {
"type": "template",
"path": "modules/shared/components/form-components/checkbox/checkbox",
"tdClass": "is-left is-select-td",
"data": {
"id": "multi-select-3",
"variant": "light",
"name": "#",
"required": false,
"disabled": false,
"checked": false,
"value": "1",
"attributes": {
"data-multi-selectable": "true"
}
}
},
"orderNo": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<a href=\"#\">47000717</a>"
}
},
"quantityWithTooltipThreeRows": {
"type": "template",
"path": "modules/shared-account/components/cell-components/text-with-tooltip-cell/text-with-tooltip-cell",
"tdClass": "is-right-aligned",
"data": {
"content": "5",
"tooltipData": {
"variant": "small",
"html": true,
"tableContent": {
"spacingVariant": "medium",
"notResponsive": true,
"firstColumnMobileFullHeight": true,
"columnDefs": [
{
"label": "Status",
"name": "label"
},
{
"label": "Anzahl",
"name": "value",
"thClass": "is-right-aligned"
}
],
"rowData": [
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Bestellt</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>20</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Geliefert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>12</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Offen</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>8</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Storniert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>0</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>Retouniert</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>3</strong></p>"
}
}
},
{
"label": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>in Retourenliste</p>"
}
},
"value": {
"tdClass": "is-right-aligned",
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><strong>1</strong></p>"
}
}
}
]
}
}
}
},
"position": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>2</p>"
},
"tdClass": "is-right-aligned"
},
"image": {
"type": "template",
"path": "modules/shared-product/components/cell-components/image-cell/image-cell",
"tdClass": "is-top-aligned",
"data": {
"href": "#",
"image": {
"src": "/example-assets/images/responsive-table/thumb.png",
"src2x": "/example-assets/images/responsive-table/thumb.png",
"alt": "Alt",
"title": "Title"
},
"specials": {
"variant": "medium-horizontally-vertically",
"items": [
{
"value": "Sale",
"color": "#e30a24",
"icon": "/example-assets/images/specials/sale.svg"
},
{
"value": "New",
"color": "#333333",
"icon": "/example-assets/images/specials/new.svg"
}
]
}
}
},
"item": {
"type": "template",
"path": "modules/shared-product/components/cell-components/item-cell/item-cell",
"data": {
"heading": {
"level": "5"
},
"title": "Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit",
"attributes": {
"variant": "small-bold",
"attributes": [
{
"type": "text",
"name": "Art.-Nr.",
"value": "56.65563"
},
{
"type": "text",
"name": "Gruppe",
"value": "Bosch eBike"
}
]
},
"valueList": {
"list": [
{
"type": "info",
"label": "Vorgezogene Recyclinggebühren",
"price": {
"variant": "extra-small",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "4.00",
"note": ""
}
},
"tooltip": {
"variant": "small",
"title": "Information",
"content": "Für das Recycling."
}
}
]
}
}
},
"stock": {
"type": "template",
"path": "modules/shared-product/components/stock/stock",
"tdClass": "is-centered",
"include": "stock--unavailable as data"
},
"action": {
"type": "template",
"path": "modules/shared/components/ellipsis-actions/ellipsis-actions",
"tdClass": "is-right-aligned",
"data": {
"toggle": "More actions",
"list": [
{
"button": {
"title": "Stornieren"
}
},
{
"button": {
"title": "In Warenkorb kopieren"
}
},
{
"button": {
"title": "In Merkliste kopieren"
}
}
]
}
},
"orderDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>18.12.2021</p>"
}
},
"estimatedDeliveryDate": {
"type": "template",
"path": "modules/shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p>18.03.2022</p>"
}
}
}
]
},
"message": {
"closeButton": {
"variant": "icon-regular",
"title": "Schliessen",
"icon": "close",
"type": "button",
"role": "button",
"name": "close-message",
"value": "yes"
},
"variant": "error",
"isHidden": false,
"labels": {
"info": "Information message",
"error": "Error message",
"warning": "Warning message",
"success": "Success message"
},
"message": "Ein Fehler ist aufgetreten.",
"container": false
}
}
No notes defined.