web/tabs/categories.md
2019-12-28 00:59:16 -08:00

2.9 KiB

title
Categories

{% assign sort_categories = site.categories | sort %}

{% for category in sort_categories %} {% assign category_name = category | first %} {% assign posts_of_category = category | last %} {% assign first_post = posts_of_category[0] %}

{% if category_name == first_post.categories[0] %} {% assign sub_categories = "" %} {% for post in posts_of_category %} {% if post.categories.size > 1 %} {% assign sub_categories = sub_categories | append: post.categories[1] | append: "|" %} {% endif %} {% endfor %}

{% assign sub_categories = sub_categories | split: "|" | uniq | sort %}
{% assign sub_categories_size = sub_categories | size %}
{% if sub_categories_size > 0 %} {% else %} {% endif %} {{ category_name }} {% assign top_posts_size = site.categories[category_name] | size %} {% if sub_categories_size > 0 %} {{ sub_categories_size }} {% if sub_categories_size > 1 %}categories{% else %}category{% endif %}, {% endif %} {{ top_posts_size }} post{% if top_posts_size > 1 %}s{% endif %}
  <!-- arrow -->
  <a href="#l_{{ category_name }}" data-toggle="collapse" aria-expanded="true" class="category-trigger hide-border-bottom">
    {% if sub_categories_size > 0%}
    <i class="fas fa-fw fa-angle-down"></i>
    {% else %}
    <i class="fas fa-fw fa-angle-right disabled"></i>
    {% endif %}
  </a>

</div> <!-- .card-header -->

<!-- Sub-categories -->
{% if sub_categories_size > 0 %}
<div id="l_{{ category_name }}" class="collapse show" aria-expanded="true">
  <ul class="list-group">
    {% for sub_category in sub_categories %}
    <li class="list-group-item">
      <i class="far fa-folder fa-fw"></i>&nbsp;<a href="{{ site.baseurl }}/categories/{{ sub_category | replace: ' ', '-' | downcase | url_encode }}/">{{ sub_category }}</a>
      {% assign posts_size = site.categories[sub_category] | size %}
      <span class="text-muted small font-weight-light pl-2">{{ posts_size }}
        post{% if posts_size > 1 %}s{% endif %}
      </span>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{% endif %} {% endfor %}