<xf:macro name="articles_block" arg-link="!" arg-articles="!" arg-catlinks="!" arg-attachments="!"
arg-page="!" arg-perPage="!" arg-total="!" arg-data="">
<xf:css src="message.less" />
<xf:css src="EWRporta.less" />
<xf:css src="EWRporta_articles.less" />
<xf:if is="property('EWRporta_infinite') AND $page == 1 AND $total > $perPage">
<xf:set var="$infnt">1</xf:set>
<xf:js src="8wayrun/porta/infinite.js" />
</xf:if>
<xf:if is="property('EWRporta_masonry')">
<xf:set var="$msnry">1</xf:set>
<xf:js src="8wayrun/porta/images.js" />
<xf:js src="8wayrun/porta/masonry.js" />
</xf:if>
<xf:js src="8wayrun/porta/portal.js" />
<div class="block {{ $infnt ? 'porta-infinite' : '' }} {{ $msnry ? 'porta-masonry' : '' }}"
data-xf-init="{{ $infnt ? 'porta-infinite' : '' }} {{ $msnry ? 'porta-masonry' : '' }}"
data-masonry="{$msnry}"
data-click="{{ property('EWRporta_infinite_click') }}"
data-after="{{ property('EWRporta_infinite_after') }}"
data-history="{{ property('EWRporta_infinite_history') }}">
<xf:foreach loop="$articles" i="$i" value="$article"><xf:trim>
<xf:macro name="article_block"
arg-article="{$article}"
arg-catlinks="{$catlinks.{$article.thread_id}}"
arg-attachments="{$attachments}" />
</xf:trim><xf:widgetpos id="ewr_porta_articles_after_article" context-i="{$i}" /></xf:foreach>
</div>
<xf:if is="$infnt">
<div class="block porta-article-status">
<div class="porta-article-ellipse infinite-scroll-request">
<span class="loader-ellipse-dot"></span>
<span class="loader-ellipse-dot"></span>
<span class="loader-ellipse-dot"></span>
<span class="loader-ellipse-dot"></span>
</div>
</div>
<div class="block porta-article-loader">
<xf:button class="porta-article-button button--cta">{{ phrase('EWRporta_load_more...') }}</xf:button>
</div>
</xf:if>
<div class="block porta-article-pager">
<div class="block-outer block-outer--after">
<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
link="{$link}" data="{$data}" wrapperclass="block-outer-main" />
</div>
</div>
</xf:macro>
<xf:macro name="article_block" arg-article="!" arg-catlinks="!" arg-attachments="!">
<div class="porta-article-item">
<div class="block-container porta-article-container">
<xf:if contentcheck="true">
<a class="porta-article-header pie_news_header" data-cache="false"
data-xf-click="{{ (!property('EWRporta_header_linked') && $article.article_icon.type == 'medio')
? 'overlay' : '' }}"
href="{{ (!property('EWRporta_header_linked') && $article.article_icon.link)
? $article.article_icon.link : link('threads', $article.Thread) }}">
<xf:contentcheck>
<xf:macro name="article_header"
arg-article="{$article}"
arg-attachments="{$attachments}" />
</xf:contentcheck>
<div class="porta-header-text">
<span>
<xf:if is="$article.Thread.prefix_id">{{ prefix('thread', $article.Thread, 'html', '') }}</xf:if>
{{ $article.article_title ?: $article.Thread.title }}
</span>
</div>
</a>
<xf:else />
<div class="pie_news_header">
<div class="pie_news_left">
<div class="pie_avatar">
<xf:avatar user="$article.Thread.User" size="s"
defaultname="{$article.Thread.username}" itemprop="image" style="float:left;" />
</div>
<div class="pie_left_wrap">
<h2 class="pie_news_title">
<a href="{{ link('threads', $article.Thread) }}">
<xf:if is="$article.Thread.prefix_id">{{ prefix('thread', $article.Thread, 'html', '') }}</xf:if>
{{ $article.article_title ?: $article.Thread.title }}
</a>
</h2>
<header class="pie_news_details">
<div class="message-attribution-main">
<ul class="listInline listInline--bullet">
<li>
<xf:fa icon="fas fa-user" />
<a href="{{ link('ewr-porta/authors', $article.Thread.User) }}" class="u-concealed">
{{ $article.Thread.User ? $article.Thread.User.username : $article.Thread.username }}</a>
</li>
<li>
<xf:fa icon="fas fa-clock" />
<a href="{{ link('threads', $article.Thread) }}" class="u-concealed">
<xf:date time="$article.article_date" data-full-old-date="true" /></a>
</li>
<li>
<xf:fa icon="fas fa-eye" />
{$article.Thread.view_count|NUMBER}
</li>
<li>
<xf:fa icon="fas fa-comments" />
{$article.Thread.reply_count|NUMBER}
</li>
</ul>
</div>
</header>
</div>
</div>
<xf:if is="{{ property('EWRporta_dateblock') }}">
<div class="pie_news_date">
<div class="porta-date-block">
{{ time($article.article_date, 'M') }}
<b>{{ time($article.article_date, 'd') }}</b>
</div>
</div>
</xf:if>
</div>
</xf:if>
<div class="block-body message-inner">
<div class="message-cell message-main">
<div class="message-body">
{{ bb_code($article.article_excerpt, 'ewr_porta_article', $article.Thread.FirstPost) }}
<xf:if is="$article.article_break">
<a href="{{ link('threads', $article.Thread) }}">{$article.article_break}</a>.
</xf:if>
</div>
</div>
</div>
<div class="block-footer">
<div class="block-footer-counter">
<xf:foreach loop="$catlinks" value="$catlink">
<xf:button href="{{ link('ewr-porta/categories', $catlink.Category) }}">
{$catlink.Category.category_name}
</xf:button>
</xf:foreach>
</div>
<div class="block-footer-controls">
<xf:button href="{{ link('threads', $article.Thread) }}" fa="fa-sign-in">
{{ phrase('continue...') }}
</xf:button>
</div>
</div>
</div>
</div>
</xf:macro>
<xf:macro name="article_header" arg-article="!" arg-attachments="!">
<xf:if is="{{ property('EWRporta_header') }}">
<xf:if is="$article.article_icon.type == 'medio' AND {$article.article_icon.data}">
<div class="porta-header-medio"
style="background-image: url('{{ base_url($article.article_icon.data.image) }}');">
</div>
<div class="porta-header-play"><xf:fa icon="fa-play-circle" /></div>
<xf:elseif is="$article.article_icon.type == 'attach' AND {$attachments.{$article.article_icon.data}}" />
<div class="porta-header-image"
style="background-image: url('{{ link('full:ewr-porta/attachments', $attachments.{$article.article_icon.data}) }}');">
</div>
<xf:elseif is="$article.article_icon.type == 'image' AND $xf.options.EWRporta_icon_external" />
<div class="porta-header-image"
style="background-image: url('{$article.article_icon.data}');">
</div>
</xf:if>
</xf:if>
</xf:macro>
<xf:macro name="article_icon" arg-article="!" arg-attachments="!">
<xf:if is="!property('EWRporta_header') AND
$article.article_icon.type == 'attach' AND
{$attachments.{$article.article_icon.data}}">
<a href="{{ link('threads', $article.Thread) }}">
<img border="0"
alt="{$attachments.{$article.article_icon.data}.filename}"
src="{$attachments.{$article.article_icon.data}.thumbnail_url}" />
</a>
<xf:elseif is="!property('EWRporta_header') AND
$article.article_icon.type == 'image' AND
$xf.options.EWRporta_icon_external" />
<a href="{{ link('threads', $article.Thread) }}">
<img border="0"
alt="{$article.article_icon.data}"
src="{$article.article_icon.data}" />
</a>
<xf:elseif is="$article.article_icon.type == 'avatar'" />
<xf:avatar user="$article.Thread.User" size="s"
defaultname="{$article.Thread.username}" itemprop="image" />
</xf:if>
</xf:macro>
