mayamcdougall
commented
1 year ago I haven't tested this code, so you might need to debug it a little.
So here's the breakdown.
First, we set an empty variable called current_part. This is to keep track of what part we're on. We're setting it outside of the loop that way it persists from loop to loop.
Next there's your original For and If lines.
Then we switch things up. We start with the closing code, that way if needed, we can close out one list before immediately opening another during the same loop. I'm not 100% certain on your pages layout, and whether there would always be a non-parted entry in-between the parted ones, so this makes sure we always close up the previous list before starting another.
We check if current_part is set (meaning we're inside a list, though we'll get to that below), but doesn't match the current page's Part (either because it doesn't have one, or it has a different one), in which case, we should close out the list.
We also clear out the current_part variable here, so we can start fresh in the next condition. (You'll notice these conditions are all separate and not elseif conditions. This way they can occur in sequence and not just run one or the other.)
So next is the opening block. If current_part value isn't set, but the current page has a Part set then we need to print our list opening block. We also store the Part string as current_part that way next loop, we'll know if we're still in the same Part section or not.
Next, we print our page list item. Yep, no conditions attached, we just print it. No matter if we're in an inner list we created or outside in the main one, the code was the same. So this is acting a little like an else... but it's more of an "always", lol. 😂
Then, finally I realized while writing this comment that we probably needed a way to close out the list in-case we ended on a page with a Part. So the last code block I added just checks if we're on the last iteration of the loop (loop.last), and if current_part is still set, we close out the list. I don't like that this bit is duplicated, but there didn't seem like a simple way to avoid that.
<ul>
{% set current_part = "" %}
{% for page in pages|sort_by("page.meta.ListPosition") %}
{% if (page.id starts with "doc/") and not page.hidden %}
{% if current_part and current_part != page.meta.Part %}
{% set current_part = "" %}
</ul>
</li>
</ul>
{% endif %}
{% if not current_part and page.meta.Part %}
{% set current_part = page.meta.Part %}
<ul>
<li>{{ page.meta.Part }}
<ul>
{% endif %}
<li><a {% if page.id == current_page.id %} class="active"{% endif %} href="{{ page.url }}">{{ page.title }}</a></li>
{% if loop.last and current_part %}
{% set current_part = "" %}
</ul>
</li>
</ul>
{% endif %}
{% endif %}
{% endfor %}
</ul>It's been awhile since I've written any Twig code, so hopefully it works okay. Let me know if you have any issues with it. 😉
notakoder
I am trying to achieve a nested list of posts since some articles have a section or part that it belongs to like in a book.
ListPosition: 1,ListPosition: 2,ListPosition: 3...Part: part_nameHere is an example
I have been using the following snippet to list articles normally.
To achieve what I want, I tried this,
The order of listing is correct, but because the if condition is checked at every
forloop iteration, section/part is repeatedly listed for all posts. Like so:The approximate English code of what I want to achieve is:
for each page in pages, list the pages as unordered/ordered lists, but if the pages have a part, list those pages in a nested list. I have no idea how to achieve thebutbranch of the code in Pico.