eleven-8.x-1.0-beta5/eleven/templates/layout-landing/table--layout--fields.html.twig

{#
fields tables layout

 eleven_theme_suggestions_table_alter()
 #}
{{ attach_library('eleven/card') }}


{% if rows %}

{% include themepath ~ '/templates/component/navigation/cardlayout/cardlayout.html.twig' %}
<section class="cards js-card-layout-target">

  {% for row in rows %}
  <article {{ row.attributes.addClass('card').setAttribute('aria-label', row.cells.label.content) }}>

    <h3 class="card__title card__title--icon card__title--icon-{{ row.cells.field_type.content['#title'].getUntranslatedString()|clean_class}}">
      <a href="/{{ row.cells.operations.content['#links'].edit.url.getInternalPath() }}">
        {{ row.cells.label.content}}
      </a>
    </h3>

    <p class="card__text">
      <strong>{{ 'machine name'|t }}: </strong>{{ row.cells.field_name.content}}<br>
      <strong>{{ 'field type'|t }}: </strong> {{ row.cells.field_type.content['#title']}}
    </p>

    <div class="card__operations">
      {{ row.cells.operations.content }}
    </div>

  </article>
  {% endfor %}
</section>
{% else %}
{{ 'no fields defined'|t }}
{% endif %}