You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
2.1 KiB
56 lines
2.1 KiB
{# templates/profil/show.html.twig #}
|
|
|
|
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}Profil - {{ profil.name }}{% endblock %}
|
|
|
|
{% block stylesheets %}
|
|
<link rel="stylesheet" href="{{ asset('styles/app.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('public/css/components/profil.css') }}">
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="profile-container">
|
|
<div class="profile-header">
|
|
<img src="https://api.dicebear.com/8.x/big-smile/svg?seed={{ profil.name }}" alt="Profile Image" class="profile-image">
|
|
<div class="profile-info">
|
|
<h1>{{ profil.name }}</h1>
|
|
<br>
|
|
<p>{{ profil.description }}</p>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="horizontal-layout">
|
|
|
|
{% if selfFlag %}
|
|
<a href="{{ path('profil_edit', {id: profil.id}) }}" class="follow-button">Edit</a>
|
|
{% elseif connected %}
|
|
{% if followFlag %}
|
|
<a href="{{ path('profil_unfollow', {id: profil.id}) }}" class="follow-button">Unfollow</a>
|
|
{% else %}
|
|
<a href="{{ path('profil_follow', {id: profil.id}) }}" class="follow-button">Follow</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
{# <a href="{{ path('profil_follow', {id: profil.id}) }}" class="follow-button"></a> #}
|
|
<div class="count-container">
|
|
<a href="{{ path('profil_followers', {id: profil.id}) }}" class="count-button">{{ profil.followers.count() }} followers</a>
|
|
<a href="{{ path('profil_following', {id: profil.id}) }}" class="count-button">{{ profil.following.count() }} following</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="posts-container">
|
|
{% if posts|length > 0 %}
|
|
<ul>
|
|
{% for post in posts %}
|
|
{% include 'post/post_mini.html.twig' with {'post': post} %}
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
<script src="{{ asset('scripts/scripts.js') }}"></script>
|
|
{% endblock %}
|