97 lines
4.7 KiB
Twig
97 lines
4.7 KiB
Twig
{% macro user_card(user, profile_url, rank_url, actions) %}
|
|
<div class="usercard" {% if user.user_colour is defined %}style="{{ user.user_colour|html_colour('--accent-colour') }}"{% endif %}>
|
|
<a href="{{ profile_url|default('/profile.php?u=%d')|format(user.user_id) }}"
|
|
class="usercard__background" title="{{ user.username }}"></a>
|
|
|
|
<div class="usercard__container">
|
|
<div class="usercard__main">
|
|
<div class="avatar usercard__avatar"
|
|
style="background-image:url('/profile.php?u={{ user.user_id }}&m=avatar')">
|
|
</div>
|
|
|
|
<div class="usercard__details">
|
|
<div class="usercard__name">
|
|
{{ user.username }}
|
|
</div>
|
|
|
|
<div class="usercard__info">
|
|
{% if user.user_country is defined %}
|
|
<div class="flag flag--{{ user.user_country|lower }} usercard__item usercard__item--country usercard__item--active" title="{{ user.user_country|country_name }}">
|
|
{{ user.user_country }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if user.user_title is defined %}
|
|
<a class="usercard__item usercard__item--title{% if user.role_id is defined %} usercard__item--active{% endif %}"{% if user.role_id is defined %} href="{{ rank_url|default('/members.php?r=%d')|format(user.role_id) }}"{% endif %} title="{{ user.user_title }}">
|
|
{{ user.user_title }}
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% if actions is iterable %}
|
|
<div class="usercard__actions">
|
|
{% for action in actions %}
|
|
<a class="usercard__action"
|
|
{% if action.href is defined %}href="{{ action.href }}"{% endif %}
|
|
{% if action.onclick is defined %}onclick="{{ action.onclick }}"{% endif %}>
|
|
{{ action.text }}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro user_session(session, is_current_session) %}
|
|
{% set browser = get_browser(session.user_agent) %}
|
|
|
|
<div class="settings__session{% if is_current_session %} settings__session--current{% endif %}" id="session-{{ session.session_id }}">
|
|
<div class="settings__session__icon settings__session__icon--browser" title="{{ browser.browser }}">
|
|
{% if browser.browser[:7]|lower == 'firefox' %}
|
|
<i class="fab fa-firefox"></i>
|
|
{% elseif browser.browser[:6]|lower == 'chrome' %}
|
|
<i class="fab fa-chrome"></i>
|
|
{% elseif browser.browser[:4]|lower == 'edge' %}
|
|
<i class="fab fa-edge"></i>
|
|
{% elseif browser.browser[:2]|lower == 'ie' %}
|
|
<i class="fab fa-internet-explorer"></i>
|
|
{% elseif browser.browser[:6]|lower == 'safari' %}
|
|
<i class="fab fa-safari"></i>
|
|
{% elseif browser.browser[:6]|lower == 'opera' %}
|
|
<i class="fab fa-opera"></i>
|
|
{% else %}
|
|
<i class="fas fa-globe"></i>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="settings__session__icon settings__session__icon--device" title="{{ browser.device_type }}">
|
|
{% if browser.device_type[:7]|lower == 'desktop' %}
|
|
<i class="fas fa-desktop"></i>
|
|
{% elseif browser.device_type[:6]|lower == 'mobile' %}
|
|
<i class="fas fa-mobile-alt"></i>
|
|
{% elseif browser.device_type[:6]|lower == 'tablet' %}
|
|
<i class="fas fa-tablet-alt"></i>
|
|
{% else %}
|
|
<i class="fas fa-blender-phone"></i>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="settings__session__icon settings__session__icon--system" title="{{ browser.platform }}">
|
|
{% if browser.platform[:3]|lower == 'win' %}
|
|
<i class="fab fa-windows"></i>
|
|
{% elseif browser.platform[:3]|lower == 'ios' or browser.platform[:3]|lower == 'mac' %}
|
|
<i class="fab fa-apple"></i>
|
|
{% elseif browser.platform[:7]|lower == 'android' %}
|
|
<i class="fab fa-android"></i>
|
|
{% else %}
|
|
<i class="fab fa-linux"></i>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="settings__session__description">
|
|
{{ browser.browser }} on {{ browser.platform }}
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|