OFRAG Frontend Components Library v0.0.0

Returns List: Empty 

<div class="returns-list">
      <div class="returns-list__container">
          <div class="returns-list__back-button-top">
              <a href="#" class="button-icon--icon-text-large -icon-arrow-left">
                  Zurück zu Retourenübersicht
              </a>
          </div>
          <div class="account-header">
              <h3 class="account-header__title">Retourenliste</h3>
          </div>
          <div class="returns-list__customer-order-no">
              <div class="text-field--light is-initialized is-filled-in">
                  <div class="text-field__wrapper">
                      <input class="text-field__input" id="customerReturnNo-123" type="text" name="customer-return-no" value="124589" />
                      <label class="text-field__label" for="customerReturnNo-123">Kunden-Retourennummer (optional)
                      </label>
                  </div>

              </div>
          </div>
          <div class="returns-list__table">
              <div class="returns-list-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-scan" type="button" name="scan" value="testvalue">
                              Retouren scannen
                          </button>

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

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

                      </div>

                  </div>
              </div>
          </div>
          <div class="returns-list__back-button-bottom">
              <a href="#" class="button-icon--icon-text-large -icon-arrow-left">
                  Zurück zu Retourenübersicht
              </a>
          </div>
      </div>
      <div class="sticky-toolbar">
          <div class="sticky-toolbar__container">
              <div class="button-toolbar">
                  <div class="button-toolbar__button-wrapper">
                      <button class="button--tertiary-light" type="submit">Weitere Artikel erfassen</button>
                  </div>
                  <div class="button-toolbar__button-wrapper">
                      <button class="button--primary" disabled type="submit"> Retoure starten
                      </button>
                  </div>
              </div>

          </div>
      </div>
  </div>
 
{% include '@SharedComponents/modules/offag-returns/templates/returns-list/returns-list.twig' %}
 
{
  "header": {
    "title": "Retourenliste",
    "headingLevel": "3"
  },
  "navgiationButton": {
    "variant": "icon-text-large",
    "title": "Zurück zu Retourenübersicht",
    "icon": "arrow-left",
    "type": "a",
    "href": "#"
  },
  "returnsListTable": {
    "include": "...returns-list-table--empty"
  },
  "customerReturnNo": {
    "type": "text",
    "name": "customer-return-no",
    "label": "Kunden-Retourennummer (optional)",
    "value": "124589"
  },
  "returnsToolbar": {
    "include": "...returns-toolbar--disabled"
  }
}
  • Content: 
    import './returns-list.scss';
import ReturnsList from 'cando-cx-components-library/components/modules/offag-returns/templates/returns-list/returns-list';

export default ReturnsList;
  • URL: /components/raw/offag-returns-list-template/returns-list.js
  • Filesystem Path: src/components/modules/offag-returns/templates/returns-list/returns-list.js
  • Size: 182 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/offag-returns/templates/returns-list/returns-list";
  • URL: /components/raw/offag-returns-list-template/returns-list.scss
  • Filesystem Path: src/components/modules/offag-returns/templates/returns-list/returns-list.scss
  • Size: 132 Bytes

No notes defined.