80 lines
2.7 KiB
PHP
80 lines
2.7 KiB
PHP
<div class="content">
|
|
<div class="user-box">
|
|
<img class="profile-picture main-picture" src="<?= $user["profilepicture"] ?>"><br />
|
|
<div class="status-buttons-container">
|
|
<button disabled class="gray"><?= $user["onlinestatus"] ?></button>
|
|
<button disabled class="gray"><?= $user["role"] ?></button>
|
|
</div>
|
|
<div class="friend-button-container">
|
|
<p>:)</p>
|
|
<p>Je ziet er goed uit vandaag</p>
|
|
</div>
|
|
<div class="profile-info platform">
|
|
<h2><?= $user["fname"]?> <?=$user["lname"]?></h2>
|
|
<h5><?=$user["username"]?></h5>
|
|
<?php if (strlen($user["bio"]) <= 50) {
|
|
echo "<p>" . $user["bio"] . "</p>";
|
|
} ?>
|
|
</div>
|
|
</div>
|
|
<?php if (strlen($user["bio"]) > 50) {
|
|
echo "<div class='platform'><h3>Bio:</h3><p>" . $user["bio"] . "</p></div>";
|
|
} ?>
|
|
|
|
<div class="item-box platform">
|
|
<h3>Informatie</h3>
|
|
<p>
|
|
<ul>
|
|
<li>Geboren op: <?= $user["birthdate"] ?></li>
|
|
<li>Locatie: <?= $user["location"] ?></li>
|
|
<li>Lid sinds: <?= nicetime($user["creationdate"]) ?></li>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="item-box platform">
|
|
<h3>Vrienden</h3>
|
|
<p>
|
|
<?php
|
|
while($friend = $profile_friends->fetch()) {
|
|
echo "<a href='profile.php?username=${friend["username"]}' data-title='${friend["username"]}'><img class='profile-picture' src='${friend["profilepicture"]}' alt='${friend["username"]}'s profielfoto></a>";
|
|
}
|
|
|
|
|
|
if($profile_friends->rowCount() === 0) {
|
|
echo "<p>Deze gebruiker heeft nog geen vrienden gemaakt.</p>";
|
|
}
|
|
?>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="item-box platform">
|
|
<h3>Groepen</h3>
|
|
<p>
|
|
<?php
|
|
while($group = $profile_groups->fetch()) {
|
|
echo "<a href='/group/${group["name"]}/' data-title='${group["name"]}'><img class='group-picture' src='${group["picture"]}' alt='${group["name"]}s logo'></a>";
|
|
}
|
|
|
|
if($profile_groups->rowCount() === 0) {
|
|
echo "<p>Deze gebruiker is nog geen lid van een groep.</p>";
|
|
}
|
|
?>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="posts">
|
|
|
|
</div>
|
|
|
|
<div class="modal">
|
|
<div class="modal-content platform">
|
|
<div class="modal-close">
|
|
×
|
|
</div>
|
|
<div class="modal-response" id="modal-response">
|
|
<span class="modal-default">Aan het laden...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|