Blog outline

Latte / Html

<div class="blog-outline" n:if="$page['supplements']['Osnova']" id="articleOutline">

    <div class="blog-outline__box">
        <h3 class="blog-outline__heading">{$web['BLOG_ARTICLE_OUTLINE']}</h3>
        <ul class="blog-outline__list">
            {var $lines = preg_split("/\r\n|\n|\r/", $page['supplements']['Osnova'])}
            {php $lines = array_filter($lines)}
            {foreach $lines as $line}
                {var $parts = explode("::", $line)}
                {var $secondary = false}
                {if isset($parts[1]) && mb_substr($parts[1], 0, 2) === "--"}
                    {var $secondary = true}
                {/if}
                <li n:class="'blog-outline__item', $secondary ? 'blog-outline__item--secondary'" n:ifset="$parts[1]">
                    <a n:class="'blog-outline__link'" href="{$parts[1]|replaceRE:'/^--/':''}">
                        {$parts[0]}
                    </a>
                </li>
            {/foreach}
        </ul>
    </div>

</div>