70 lines
4.7 KiB
Twig
70 lines
4.7 KiB
Twig
{% extends 'master.twig' %}
|
|
|
|
{% set title = 'Forums' %}
|
|
|
|
{% block content %}
|
|
<div class="content">
|
|
<div class="content--right">
|
|
<div id="forumIndexPopularTopics">
|
|
<div class="content__header content__header--alt">Popular topics</div>
|
|
<table class="sidepanel-table" style="border-spacing: 0;">
|
|
<tr>
|
|
<th class="sidepanel-table__head">Title</th>
|
|
<th class="sidepanel-table__head">Last reply</th>
|
|
</tr>
|
|
{% for _t in activeTopics %}
|
|
<tr {% if _t.unread(user.id) %}style="font-weight: bold;"{% endif %}>
|
|
<td class="sidepanel-table__column" style="text-align: left; border-bottom: 1px solid #9475b2;">
|
|
<a href="{{ route('forums.topic', _t.id) }}">{{ _t.title }}</a>
|
|
</td>
|
|
<td class="sidepanel-table__column" style="text-align: right; border-bottom: 1px solid #9475b2;"><time class="time-ago" datetime="{{ _t.lastPost.time|date('r') }}">{{ _t.lastPost.time|date(config('general.date_format')) }}</time></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
<div id="forumIndexNewPosts">
|
|
<div class="content__header content__header--alt">Latest posts</div>
|
|
<table class="sidepanel-table" style="border-spacing: 0;">
|
|
<tr>
|
|
<th class="sidepanel-table__head">Title & user</th>
|
|
<th class="sidepanel-table__head">Posted</th>
|
|
</tr>
|
|
{% for _p in latestPosts %}
|
|
<tr {% if _p.unread(user.id) %}style="font-weight: bold;"{% endif %}>
|
|
<td class="sidepanel-table__column" style="text-align: left; border-bottom: 1px solid #9475b2;">
|
|
<a href="{{ route('forums.post', _p.id) }}">{{ _p.subject }}</a>
|
|
by
|
|
<a href="{{ route('user.profile', _p.poster.id) }}"><span style="color: {{ _p.poster.colour }};">{{ _p.poster.username }}</span></a>
|
|
</td>
|
|
<td class="sidepanel-table__column" style="text-align: right; border-bottom: 1px solid #9475b2;">
|
|
<time class="time-ago" datetime="{{ _p.time|date('r') }}">
|
|
{{ _p.time|date(config('general.date_format')) }}
|
|
</time>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
<div id="forumMostActivePoster">
|
|
<div class="content__header content__header--alt">Today's most active poster</div>
|
|
{% if activePoster.id %}
|
|
<a href="{{ route('user.profile', activePoster.id) }}" class="link link--clean">
|
|
<div class="user" style="background-image: url({{ route('user.header', activePoster.id) }});">
|
|
<div class="avatar avatar--border user__avatar" style="background-image: url({{ route('user.avatar', activePoster.id) }}); box-shadow: 0 0 5px #{% if activePoster.isOnline %}484{% else %}844{% endif %};"></div>
|
|
<div class="user__info">
|
|
<h1 style="color: {{ activePoster.colour }}; text-shadow: 0 0 7px {% if activePoster.colour != 'inherit' %}{{ activePoster.colour }}{% else %}#222{% endif %}; padding: 0 0 2px;" {% if activePoster.getUsernameHistory %} title="Known as {{ activePoster.getUsernameHistory[0].username_old }} before {{ activePoster.getUsernameHistory[0].change_time|date(config('general.date_format')) }}." {% endif %}>{{ activePoster.username }}</h1>
|
|
{% if activePoster.isPremium %}<img src="/images/tenshi.png" alt="Tenshi" style="vertical-align: middle;"> {% endif %}<img src="/images/flags/{{ activePoster.country|lower }}.png" alt="{{ activePoster.country }}" style="vertical-align: middle;" title="{{ activePoster.country(true) }}"> <span style="font-size: .8em;">{{ activePoster.title }}</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{% else %}
|
|
<h1 style="margin: 1em 0; text-align: center;">No one yet!</h1>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="content--left">
|
|
{% include 'forum/elements/forumBase.twig' %}
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
{% endblock %}
|