<div class="b2b-wishlist">
    <div class="b2b-wishlist__container">
        <div class="b2b-wishlist__title-container">
            <h3 class="b2b-wishlist__title">Merkliste «Hauptliste»</h3>
        </div>
        <div class="b2b-wishlist__table">
            <div class="wishlist-table">

                <div class="table-header">

                    <div class="table-header__column--title">

                        <h4 class="heading-counter">
                            Artikel
                            <span class="counter-bubble" data-counter="12"></span>
                        </h4>

                    </div>

                    <div class="table-header__column--buttons">

                        <button class="button-icon--icon-text-regular -icon-trash" type="button" name="refresh" value="true">
                            Merkliste leeren
                        </button>

                        <button class="button-icon--icon-text-regular -icon-import" type="button" name="refresh" value="true">
                            CSV Importieren
                        </button>

                    </div>

                </div>
                <div class="responsive-table--first-column-mobile-full-height -spacing-large">
                    <div class="table-search" data-offset="none">
                        <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="wishlist-table-search" type="text" name="wishlist-table-search" required data-responsive-table-search="true" placeholder="Suche" />
                                    <label class="visually-hidden" for="wishlist-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="72px">
                                <col style="">
                                <col style="">
                                <col style="">
                                <col style="">
                                <col style="">
                                <col style="">
                                <col style="">
                                <col style="160px">
                                <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="&#x23;" />

                                                    <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"> </button>
                                                    <div class="dropdown__content" style="width: 300px;">
                                                        <div class="responsive-table__batch-operations-dropdown">
                                                            <button type="button" class="responsive-table__batch-operations-dropdown-item">
                                                                Auswahl in anderen Warenkorb verschieben
                                                            </button>
                                                            <button type="button" class="responsive-table__batch-operations-dropdown-item">
                                                                Auswahl in anderen Warenkorb kopieren
                                                            </button>
                                                            <button type="button" class="responsive-table__batch-operations-dropdown-item">
                                                                Auswahl in andere Merkliste verschieben
                                                            </button>
                                                            <button type="button" class="responsive-table__batch-operations-dropdown-item">
                                                                Auswahl in andere Merkliste kopieren
                                                            </button>
                                                            <button type="button" class="responsive-table__batch-operations-dropdown-item">
                                                                Auswahl löschen
                                                            </button>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </th>
                                    <th class="responsive-table__th is-centered is-index-column">
                                        Pos.
                                    </th>
                                    <th class="responsive-table__th">

                                    </th>
                                    <th class="responsive-table__th">
                                        Artikel
                                    </th>
                                    <th class="responsive-table__th">
                                        Inhaltsmenge
                                    </th>
                                    <th class="responsive-table__th is-centered">
                                        Lager
                                    </th>
                                    <th class="responsive-table__th">
                                        UVP
                                    </th>
                                    <th class="responsive-table__th">
                                        Preis
                                    </th>
                                    <th class="responsive-table__th is-centered">
                                        EB
                                    </th>
                                    <th class="responsive-table__th is-right-aligned">
                                        Preis Total
                                    </th>
                                    <th class="responsive-table__th is-hidden-on-desktop">

                                    </th>
                                    <th class="responsive-table__th is-hidden-on-desktop">
                                        Aktion
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
                                    <td class="responsive-table__td" colspan="12">
                                        <div class="wysiwyg-content">
                                            <p class="responsive-table__no-match">Keine Ergebnisse gefunden</p>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="sticky-toolbar">
        <div class="sticky-toolbar__container">
            <div class="button-toolbar">
                <div class="button-toolbar__button-wrapper">
                    <button class="button--attention" disabled type="submit"> <span class="cart-toolbar__refresh-icon"></span>
                        Aktualisieren
                    </button>
                </div>
            </div>

        </div>
    </div>
</div>
{% include '@SharedComponents/modules/b2b-wishlist/templates/wishlist/wishlist.twig' %}
{
  "heading": {
    "title": "Merkliste «Hauptliste»",
    "level": "3"
  },
  "wishlistToolbar": {
    "include": "...wishlist-toolbar--disabled"
  },
  "wishlistTable": {
    "include": "...wishlist-table--empty"
  }
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/b2b-wishlist/templates/wishlist/wishlist";
  • URL: /components/raw/b2b-wishlist-template/wishlist.scss
  • Filesystem Path: src/components/modules/b2b-wishlist/templates/wishlist/wishlist.scss
  • Size: 123 Bytes

No notes defined.