{% set NewsList = repository('Eccube\\Entity\\News').getList() %}
{% block stylesheet %}
<style>
.ec-newsRole h2.illust-title {
text-align: left;
}
.ec-newsRole h2.illust-title img {
vertical-align: baseline;
}
</style>
{% endblock %}
{% block javascript %}
<script>
$(function() {
$('.ec-newsRole__news').each(function() {
var listLength = $(this).find('.ec-newsRole__newsItem').length;
if (listLength > 5) {
$(this).find('.ec-newsRole__newsItem:gt(4)').each(function() {
$(this).hide();
});
}
});
});
</script>
{% endblock %}
<div class="block_outer">
<div class="ec-role">
<div class="ec-newsRole">
<div class="ec-secHeading">
<h2 class="illust-title"><img src="{{ asset('assets/img/title/deco_kira.png', 'user_data') }}" alt="TOPICS">TOPICS</h2>
<p><a href="{{url('topics42_index')}}" class="detail-link">一覧</a></p>
</div>
<div class="ec-newsRole__news">
{% for News in NewsList %}
<div class="ec-newsRole__newsItem">
<div class="ec-newsRole__newsHeading">
<div class="ec-newsRole__newsDate">{{ News.publish_date|date_day }}</div>
<div class="ec-newsRole__newsColumn">
<div class="ec-newsRole__newsTitle">
{% if News.description %}<a href="{{ url('topics42_detail', {'id': News.id}) }}">{% endif %}
{{ News.long_title|raw|nl2br }}
{% if News.description %}</a>{% endif %}
{% if News.url %}
<a class="news-url" href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}><span class="icon link"></span>{{ News.url }}{% if News.link_method == '1' %} (別ウィンドウで開きます){% endif %}</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>