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.
49 lines
1.5 KiB
49 lines
1.5 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') }}">
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="profile-container">
|
|
<div class="profile-header">
|
|
<img src="{{ asset('images/userFiller.png') }}" alt="Profile Image" class="profile-image">
|
|
<div class="profile-info">
|
|
<h1>{{ profil.name }}</h1>
|
|
<p>ID: {{ profil.id }}</p>
|
|
<p>Description: {{ profil.description }}</p>
|
|
</div>
|
|
</div>
|
|
<button class="follow-button" onclick="openPopup()">Follow</button>
|
|
</div>
|
|
|
|
<div class="posts-container">
|
|
<h1> Posts </h1>
|
|
{% if posts|length > 0 %}
|
|
<ul>
|
|
{% for post in posts %}
|
|
{% include 'posts/post.detail.html.twig' with {'post': post} %}
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Pop-up Modal -->
|
|
<div id="followPopup" class="popup">
|
|
<div class="popup-content">
|
|
<span class="close" onclick="closePopup()">×</span>
|
|
<p>Are you sure you want to follow {{ profil.name }}?</p>
|
|
<a href="{{ path('profile_follow', {id: profil.id}) }}" class="follow-button">Yes</a>
|
|
<button class="follow-button" onclick="closePopup()">No</button>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
<script src="{{ asset('scripts/scripts.js') }}"></script>
|
|
{% endblock %}
|