You are here

dynamic-layouts-backend.html.twig in Dynamic Layouts 8

{% if row.default_row_class|length %}
  <div data-row="{{ row.row_id }}" class="{{ row.default_row_class }} {{ row.custom_row_classes | join(' ') }} {{ row.admin_row_classes | join(' ') }}">
{% endif %}

  {# Columns #}
  <div class="dynamic-layout-columns">
    {% for column in row.columns %}

      {% set column_width_number = column.column_width_number %}
      {% if column.custom_column_width_number|length %}
        {% set column_width_number = column.custom_column_width_number %}
      {% endif %}

      <div data-column="{{ column.column_id }}" class="col-{{ column_width_number }} {{ column.default_column_class }} {{ column.admin_column_classes | join(' ') }} {{ column.custom_column_classes | join(' ') }}">
        <div class="column-content">

          {% if column.column_name|length %}
            <div class="layout-name">
              {{ column.column_name }}
            </div>

          {% else %}
            <div class="layout-name">
              Row {{ row.row_count }} - Column {{ loop.index }}
            </div>
          {% endif %}

          <div class="actions-element">
            <ul>
              <li class="edit-action">{{ column.edit_column }}</li>
              <li class="delete-action">{{ column.delete_column }}</li>
            </ul>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>

  <div class="actions-element">
    <ul>
      <li class="no-hover">{{ row.add_column_link }}</li>
      <li class="edit-action">{{ row.edit_row_link }}</li>
      <li class="delete-action">{{ row.delete_row_link }}</li>
    </ul>
  </div>

{% if row.default_row_class|length %}
  </div>
{% endif %}

File

templates/dynamic-layouts-backend.html.twig
View source
  1. {% if row.default_row_class|length %}
  2. <div data-row="{{ row.row_id }}" class="{{ row.default_row_class }} {{ row.custom_row_classes | join(' ') }} {{ row.admin_row_classes | join(' ') }}">
  3. {% endif %}
  4. {# Columns #}
  5. <div class="dynamic-layout-columns">
  6. {% for column in row.columns %}
  7. {% set column_width_number = column.column_width_number %}
  8. {% if column.custom_column_width_number|length %}
  9. {% set column_width_number = column.custom_column_width_number %}
  10. {% endif %}
  11. <div data-column="{{ column.column_id }}" class="col-{{ column_width_number }} {{ column.default_column_class }} {{ column.admin_column_classes | join(' ') }} {{ column.custom_column_classes | join(' ') }}">
  12. <div class="column-content">
  13. {% if column.column_name|length %}
  14. <div class="layout-name">
  15. {{ column.column_name }}
  16. </div>
  17. {% else %}
  18. <div class="layout-name">
  19. Row {{ row.row_count }} - Column {{ loop.index }}
  20. </div>
  21. {% endif %}
  22. <div class="actions-element">
  23. <ul>
  24. <li class="edit-action">{{ column.edit_column }}</li>
  25. <li class="delete-action">{{ column.delete_column }}</li>
  26. </ul>
  27. </div>
  28. </div>
  29. </div>
  30. {% endfor %}
  31. </div>
  32. <div class="actions-element">
  33. <ul>
  34. <li class="no-hover">{{ row.add_column_link }}</li>
  35. <li class="edit-action">{{ row.edit_row_link }}</li>
  36. <li class="delete-action">{{ row.delete_row_link }}</li>
  37. </ul>
  38. </div>
  39. {% if row.default_row_class|length %}
  40. </div>
  41. {% endif %}