misuzu/templates/user/macros.twig

250 lines
11 KiB
Twig
Raw Normal View History

2023-07-19 18:14:04 +00:00
{% macro user_card(user) %}
2022-09-13 13:14:49 +00:00
{% from 'macros.twig' import avatar %}
<div class="usercard" style="--accent-colour: {{ user.colour }}">
2022-09-13 13:14:49 +00:00
<div class="usercard__background"></div>
<a class="usercard__link" href="{{ url('user-profile', {'user': user.info.id}) }}" title="Visit {{ user.info.name }}'{{ user.info.name|last|lower == 's' ? '' : 's' }} profile"></a>
2022-09-13 13:14:49 +00:00
2023-07-19 18:14:04 +00:00
<div class="usercard__avatar">
{{ avatar(user.info.id, 50, user.info.name) }}
2023-07-19 18:14:04 +00:00
</div>
2022-09-13 13:14:49 +00:00
2023-07-19 18:14:04 +00:00
<div class="usercard__details">
<div class="usercard__details_inner">
<div class="usercard__details__username">
{{ user.info.name }}
2022-09-13 13:14:49 +00:00
</div>
{% if user.info.hasTitle %}
2023-07-19 18:14:04 +00:00
<div class="usercard__details__title">
{{ user.info.title }}
2022-09-13 13:14:49 +00:00
</div>
{% endif %}
{% if user.info.hasCountryCode %}
2023-07-19 18:14:04 +00:00
<div class="usercard__details__country">
<div class="flag flag--{{ user.info.countryCode|lower }}"></div>
2023-07-19 18:14:04 +00:00
<div class="usercard__details__country__name">
{{ user.info.countryCode|country_name }}
2022-09-13 13:14:49 +00:00
</div>
</div>
{% endif %}
</div>
</div>
2023-07-19 18:14:04 +00:00
<div class="usercard__stats">
{% if user.ftopics > 0 %}
<a class="usercard__stat" href="{{ url('user-profile-forum-topics', {'user': user.info.id}) }}">
2023-07-19 18:14:04 +00:00
<div class="usercard__stat__name">Topics</div>
<div class="usercard__stat__value">{{ user.ftopics|number_format }}</div>
2023-07-19 18:14:04 +00:00
</a>
{% endif %}
2022-09-13 13:14:49 +00:00
{% if user.fposts > 0 %}
<a class="usercard__stat" href="{{ url('user-profile-forum-posts', {'user': user.info.id}) }}">
2023-07-19 18:14:04 +00:00
<div class="usercard__stat__name">Posts</div>
<div class="usercard__stat__value">{{ user.fposts|number_format }}</div>
2023-07-19 18:14:04 +00:00
</a>
{% endif %}
2022-09-13 13:14:49 +00:00
{% if user.info.hasLastActive %}
<div class="usercard__stat usercard__stat--wide" title="{{ user.info.lastActiveTime|date('r') }}">
2023-07-19 18:14:04 +00:00
<div class="usercard__stat__name">Last seen</div>
<div class="usercard__stat__value"><time datetime="{{ user.info.lastActiveTime|date('c') }}">{{ user.info.lastActiveTime|time_format }}</time></div>
2022-09-13 13:14:49 +00:00
</div>
2023-07-19 18:14:04 +00:00
{% endif %}
2022-09-13 13:14:49 +00:00
<div class="usercard__stat usercard__stat--wide" title="{{ user.info.createdTime|date('r') }}">
<div class="usercard__stat__name">Joined</div>
<div class="usercard__stat__value"><time datetime="{{ user.info.createdTime|date('c') }}">{{ user.info.createdTime|time_format }}</time></div>
</div>
2022-09-13 13:14:49 +00:00
</div>
</div>
{% endmacro %}
{% macro user_session(session, is_current_session) %}
{% from '_layout/input.twig' import input_hidden, input_csrf, input_checkbox_raw %}
<div class="settings__session{% if is_current_session %} settings__session--current{% endif %}" id="session-{{ session.id }}">
<div class="settings__session__container">
<div class="settings__session__important">
2023-07-28 20:06:12 +00:00
<div class="flag flag--{{ session.countryCode|lower }} settings__session__flag" title="{{ session.countryCode|country_name }}">{{ session.countryCode }}</div>
2022-09-13 13:14:49 +00:00
<div class="settings__session__description">
{{ session.clientInfo }}
2022-09-13 13:14:49 +00:00
</div>
<form class="settings__session__actions" method="post" action="{{ url('settings-sessions') }}">
{{ input_csrf() }}
2023-07-28 20:06:12 +00:00
{{ input_hidden('session', session.id) }}
2022-09-13 13:14:49 +00:00
<button class="settings__session__action" title="{{ is_current_session ? 'Logout' : 'End Session' }}">
{% if is_current_session %}
<i class="fas fa-sign-out-alt"></i>
{% else %}
<i class="fas fa-times-circle"></i>
{% endif %}
</button>
</form>
</div>
<div class="settings__session__details">
<div class="settings__session__detail">
<div class="settings__session__detail__title">
Created from IP
</div>
<div class="settings__session__detail__value">
2023-07-28 20:06:12 +00:00
{{ session.firstRemoteAddress }}
2022-09-13 13:14:49 +00:00
</div>
</div>
{% if session.hasLastRemoteAddress %}
<div class="settings__session__detail">
<div class="settings__session__detail__title">
Last used from IP
</div>
<div class="settings__session__detail__value">
{{ session.lastRemoteAddress }}
</div>
</div>
{% endif %}
<div class="settings__session__detail" title="{{ session.createdTime|date('r') }}">
<div class="settings__session__detail__title">
Created
</div>
<time class="settings__session__detail__value" datetime="{{ session.createdTime|date('c') }}">
2023-07-18 23:12:47 +00:00
{{ session.createdTime|time_format }}
2022-09-13 13:14:49 +00:00
</time>
</div>
<div class="settings__session__detail" title="{{ session.expiresTime|date('r') }}">
<div class="settings__session__detail__title">
2023-07-28 20:06:12 +00:00
Expires{% if not session.shouldBumpExpires %} (static){% endif %}
2022-09-13 13:14:49 +00:00
</div>
<time class="settings__session__detail__value" datetime="{{ session.expiresTime|date('c') }}">
2023-07-18 23:12:47 +00:00
{{ session.expiresTime|time_format }}
2022-09-13 13:14:49 +00:00
</time>
</div>
2023-07-28 20:06:12 +00:00
{% if session.hasLastActive %}
<div class="settings__session__detail" title="{{ session.lastActiveTime|date('r') }}">
2022-09-13 13:14:49 +00:00
<div class="settings__session__detail__title">
Last Active
</div>
2023-07-28 20:06:12 +00:00
<time class="settings__session__detail__value" datetime="{{ session.lastActiveTime|date('c') }}">
{{ session.lastActiveTime|time_format }}
2022-09-13 13:14:49 +00:00
</time>
</div>
{% endif %}
<div class="settings__session__detail">
<div class="settings__session__detail__title">
User Agent
</div>
<div class="settings__session__detail__value">
2023-07-28 20:06:12 +00:00
{{ session.userAgentString }}
2022-09-13 13:14:49 +00:00
</div>
</div>
</div>
</div>
</div>
{% endmacro %}
{% macro user_login_attempt(attempt) %}
<div class="settings__login-attempt{% if not attempt.success %} settings__login-attempt--failed{% endif %}">
<div class="settings__login-attempt__container">
<div class="settings__login-attempt__important">
<div class="flag flag--{{ attempt.countryCode|lower }} settings__login-attempt__flag" title="{{ attempt.countryCode|country_name }}">{{ attempt.countryCode }}</div>
2022-09-13 13:14:49 +00:00
<div class="settings__login-attempt__description">
{{ attempt.clientInfo }}
2022-09-13 13:14:49 +00:00
</div>
</div>
<div class="settings__login-attempt__details">
<div class="settings__login-attempt__detail">
<div class="settings__login-attempt__detail__title">
IP Address
</div>
<div class="settings__login-attempt__detail__value">
{{ attempt.remoteAddressRaw }}
2022-09-13 13:14:49 +00:00
</div>
</div>
<div class="settings__login-attempt__detail">
<div class="settings__login-attempt__detail__title">
Succeeded
</div>
<div class="settings__login-attempt__detail__value">
{{ attempt.success ? 'Yes' : 'No' }}
</div>
</div>
<div class="settings__login-attempt__detail" title="{{ attempt.createdTime|date('r') }}">
<div class="settings__login-attempt__detail__title">
Attempted
</div>
<time class="settings__login-attempt__detail__value" datetime="{{ attempt.createdTime|date('c') }}">
2023-07-18 23:12:47 +00:00
{{ attempt.createdTime|time_format }}
2022-09-13 13:14:49 +00:00
</time>
</div>
<div class="settings__login-attempt__detail">
<div class="settings__login-attempt__detail__title">
User Agent
</div>
<div class="settings__login-attempt__detail__value">
{{ attempt.userAgentString }}
2022-09-13 13:14:49 +00:00
</div>
</div>
</div>
</div>
</div>
{% endmacro %}
{% macro user_account_log(data, users, colours) %}
2022-09-13 13:14:49 +00:00
{% from 'macros.twig' import avatar %}
<div class="settings__account-log">
{% if data.hasUserId and users[data.userId] is defined %}
{% set user = users[data.userId] %}
{% set colour = colours[data.userId]|default(null) %}
<a href="{{ url('user-profile', {'user': user.id}) }}" class="settings__account-log__user"{% if colour is not null %} style="--user-colour: {{ colour }}"{% endif %}>
<div class="settings__account-log__user__avatar">{{ avatar(user.id, 20, user.name) }}</div>
<div class="settings__account-log__user__name">{{ user.name }}</div>
2022-09-13 13:14:49 +00:00
</a>
{% endif %}
<div class="settings__account-log__container">
<div class="settings__account-log__important">
<div class="flag flag--{{ data.countryCode|lower }} settings__login-attempt__flag" title="{{ data.countryCode|country_name }}">{{ data.countryCode }}</div>
2022-09-13 13:14:49 +00:00
<div class="settings__login-attempt__description">
{{ data.formatted }}
2022-09-13 13:14:49 +00:00
</div>
</div>
<div class="settings__account-log__details">
<div class="settings__account-log__detail">
<div class="settings__account-log__detail__title">
IP Address
</div>
<div class="settings__account-log__detail__value">
{{ data.remoteAddress }}
</div>
</div>
<div class="settings__account-log__detail" title="{{ data.createdTime|date('r') }}">
<div class="settings__account-log__detail__title">
Date
</div>
<time class="settings__account-log__detail__value" datetime="{{ data.createdTime|date('c') }}">
2023-07-18 23:12:47 +00:00
{{ data.createdTime|time_format }}
2022-09-13 13:14:49 +00:00
</time>
</div>
</div>
</div>
</div>
{% endmacro %}