article.html

{$last_event=count($events)-1}
{loop="$events"}
        {function="Plugin::callHook("event_pre_section", array(&$value))"}
        <article
            class="event js-event{if="$value->getUnread() == 0"} event--read js-event--read{/if}{if="$key == $last_event"} event--new-last{/if}"
            data-id="{$value->getId()}"
            data-feed-id="{$value->getFeed()}"
            data-favorite="{$value->getFavorite()}"
        >
            {function="Plugin::callHook("event_pre_title", array(&$value))"}
            <header class="article__header js-article__header">
                {if="isset($value->favicon)"}{$value->favicon}{/if}
                <span class="article__feed-title">{$value->feedName}</span>
                <h1 class="article__title js-article__title" tabindex="0"><a href="{$value->getLink()}" target="_blank">{function="strip_tags($value->getTitle())"}</a></h1>
                {if="$value->getDescription()"}
                    <span class="article__description">{function="Functions::truncate(strip_tags($value->getDescription()),300)"}</span>
                {/if}
                {if="$articleDisplayDate"}
                    <time class="article__date" title="{$value->datetime}" datetime="{$value->datetime}"{if="$value->dateLessThanOneHour"} data-timestamp="{$value->getPubdate()}"{/if}>{$value->dateValue}</time>
                {/if}
                <button
                    class="article-favorite js-favorite{if="$value->getFavorite()==1"} article-favorite--favorited js-favorite--favorited{/if}"
                    title="{if="$value->getFavorite()==0"}{function="_t('FAVORIZE')"}{else}{function="_t('UNFAVORIZE')"}{/if}"
                >
                    <svg
                        width="15"
                        height="15"
                        role="img"
                    >
                        <title>{function="_t('LEEDVIBES_ADD_TO_FAVORITES')"}</title>
                        <use xlink:href="#svg-favorite" />
                    </svg>
                </button>
                <button class="article__read-unread js-read-unread{if="$value->getUnread() == 0"} article__read-read{/if}">
                    <svg
                        width="15"
                        height="15"
                        role="img"
                    >
                        <title>{if="$value->getUnread() == 0"}{function="_t('LEEDVIBES_MARK_AS_UNREAD')"}{else}{function="_t('LEEDVIBES_MARK_AS_READ')"}{/if}</title>
                        <use xlink:href="#svg-check" />
                    </svg>
                </button>
            </header>
            {function="Plugin::callHook("event_post_title", array(&$value))"}
            {* [todo] - Find a better way to display content than an empty div *}
            <div class="leedvibes-article-content js-leedvibes-article-content" data-article-url="{$value->getLink()}"></div>
        </article>
        {function="Plugin::callHook("event_post_section", array(&$value))"}
{/loop}