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

{#
media tables layout

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

{{ label }}

<style media="screen">
  h2{
    padding-top: 1rem
  }
</style>


{% if rows %}

{% include themepath ~ '/templates/component/navigation/cardlayout/cardlayout.html.twig' %}

<section class="cards js-card-layout-target" aria-label="{{ section_title }}">

  {% for row in rows %}
  {# lets taste if we have a label  #}
  {% if row.cells.label %}

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

    <h3 class="card__title card__title--icon card__title--icon-admin-structure-display-modes">
      <a href="/{{ row.cells.operations.content['#links'].edit.url.getInternalPath() }}">
        {{ row.cells.label.content}}
      </a>
    </h3>

    <div class="card__operations L-center">
      {{ row.cells.operations.content }}
    </div>
  </article>

  {% else %}
    {# create new button #}
    <div class="">
      <div class="card">
        <div class="button">
          {{ link(row.cells.0.content['#title']|striptags, row.cells.0.content['#url'], { 'class':['button','button-action']} ) }}
        </div>

      </div>

    </div>

  {% endif %}

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