socialbase-1.1.0/templates/forum/forum-list.html.twig

{#
/**
 * @file
 * Default theme implementation to display a list of forums and containers.
 *
 * Available variables:
 * - forums: A collection of forums and containers to display. It is keyed to
 *   the numeric IDs of all child forums and containers. Each forum in forums
 *   contains:
 *   - is_container: A flag indicating if the forum can contain other
 *     forums. Otherwise, the forum can only contain topics.
 *   - depth: How deep the forum is in the current hierarchy.
 *   - zebra: 'even' or 'odd', used for row class.
 *   - icon_class: 'default' or 'new', used for forum icon class.
 *   - icon_title: Text alternative for the forum icon.
 *   - name: The name of the forum.
 *   - link: The URL to link to this forum.
 *   - description: The description field for the forum, containing:
 *     - value: The descriptive text for the forum.
 *   - new_topics: A flag indicating if the forum contains unread posts.
 *   - new_url: A URL to the forum's unread posts.
 *   - new_text: Text for the above URL, which tells how many new posts.
 *   - old_topics: A count of posts that have already been read.
 *   - num_posts: The total number of posts in the forum.
 *   - last_reply: Text representing the last time a forum was posted or
 *     commented in.
 * - forum_id: Forum ID for the current forum. Parent to all items within the
 *   forums array.
 *
 * @see template_preprocess_forum_list()
 *
 * @ingroup themeable
 */
#}

{{ attach_library('socialbase/forum') }}

<div class="card">
  <div class="table-responsive">

      {%
        set classes = [
        'table',
        'table-forum',
        'table-hover',
        'table-striped',
        sticky ? 'sticky-enabled',
      ]
      %}

    <table {{ attributes.addClass(classes) }}>
      <thead>
        <tr>
          <th>{{ 'Forum'|t }}</th>
          <th>{{ 'Topics'|t }}</th>
          <th>{{ 'Posts'|t }}</th>
          <th>{{ 'Last post'|t }}</th>
        </tr>
      </thead>
      <tbody>
      {% for child_id, forum in forums %}
        <tr>
          <td{% if forum.is_container == true %} colspan="4"{% endif %}>
            {#
              Enclose the contents of this cell with X divs, where X is the
              depth this forum resides at. This will allow us to use CSS
              left-margin for indenting.
            #}
            {% for i in 1..forum.depth|filter(forum.depth > 0) %}<div class="indent">{% endfor %}

              <div title="{{ forum.icon_title }}">
                <span class="visually-hidden">{{ forum.icon_title }}</span>
              </div>
              <div><a href="{{ forum.link }}">{{ forum.label }}</a></div>
              {% if forum.description.value %}
                <div>{{ forum.description.value }}</div>
              {% endif %}

            {% for i in 1..forum.depth|filter(forum.depth > 0) %}</div>{% endfor %}
          </td>
          {% if forum.is_container == false %}
            <td>
              {{ forum.num_topics }}
              {% if forum.new_topics == true %}
                <br />
                <a href="{{ forum.new_url }}">{{ forum.new_text }}</a>
              {% endif %}
            </td>
            <td>{{ forum.num_posts }}</td>
            <td>{{ forum.last_reply }}</td>
          {% endif %}
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</div>