parent
37de485a71
commit
564fc00329
@ -1 +1,21 @@
|
|||||||
@import url(./style.css);
|
@import url(./style.css);
|
||||||
|
|
||||||
|
body.dark-mode .divQuote{
|
||||||
|
background-color: black;
|
||||||
|
width: 30%;
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-top: 3%;
|
||||||
|
border-radius: 25px;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.dark-mode .imgQuote{
|
||||||
|
border-radius: 15%;
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.dark-mode .textQuote, .quote{
|
||||||
|
font-family: "Lemon", serif;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@ -1,74 +1,18 @@
|
|||||||
<!DOCTYPE html>
|
<?php
|
||||||
<html lang="fr">
|
|
||||||
<head>
|
// appele avec index.php ne pas mettre si controleur fonctionnel
|
||||||
<meta charset="UTF-8">
|
require __DIR__ . '/../vendor/autoload.php';
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<link rel="stylesheet" type="text/css" href="../public/styles/styleProfil.css" media="screen">
|
$loader = new \Twig\Loader\FilesystemLoader('templates');
|
||||||
<title>Wiki Fantasy : Profil</title>
|
$twig = new \Twig\Environment($loader, [
|
||||||
<link id="favicon" rel="icon" href="../../images/iconeSombre.ico"> <!-- Par défaut sombre -->
|
'cache' => false,
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Lemon&display=swap" rel="stylesheet">
|
]);
|
||||||
<script defer src="../public/script/theme-toggle.js"></script>
|
//
|
||||||
<script defer src="../public/script/changeData.js"></script>
|
|
||||||
|
echo $twig->render('profil.html', array(
|
||||||
</head>
|
'srcUsername' => "Test User",
|
||||||
<body>
|
'srcEmail' => "test@gmail.com",
|
||||||
<div class="container">
|
'srcPasswd' => "*****",
|
||||||
<div class="header">
|
'srcImg' => "../images/imageProfil.png",
|
||||||
<div class="nav">
|
));
|
||||||
<img src="../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false">
|
?>
|
||||||
<img id="theme-icon" src="../images/light.svg" alt="toggle theme" width="72px" height="37px" onmousedown="return false" onclick="toggleTheme()">
|
|
||||||
<img src="../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
|
|
||||||
</div>
|
|
||||||
<div class="logo">
|
|
||||||
<img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="login">
|
|
||||||
<h1>▶ Profil ◀</h1>
|
|
||||||
|
|
||||||
<?php
|
|
||||||
include ('../src/Entity/userEntity.php');
|
|
||||||
|
|
||||||
echo "<img src='{$u->getImg()}' class='imageProfil' onmousedown='return false'/>";
|
|
||||||
|
|
||||||
// Nom d'utilisateur
|
|
||||||
echo "<p id='username' class='infoProfil'>
|
|
||||||
<strong>{$u->getUsername()}
|
|
||||||
<img class='imgModify' src='../images/modify.svg' onclick='editFieldUsername(\"username\")'/>
|
|
||||||
</strong>
|
|
||||||
</p>";
|
|
||||||
|
|
||||||
// Email
|
|
||||||
echo "<p id='email' class='infoProfil'>
|
|
||||||
<strong>{$u->getEmail()}
|
|
||||||
<img class='imgModify' src='../images/modify.svg' onclick='editFieldEmail(\"email\")'/>
|
|
||||||
</strong>
|
|
||||||
</p>";
|
|
||||||
|
|
||||||
// Mot de passe
|
|
||||||
echo "<p id='passwd' class='infoProfil'>
|
|
||||||
<strong>{$u->getHidenPasswd()}
|
|
||||||
<img class='imgModify' src='../images/modify.svg' onclick='editFieldPassWd(\"passwd\")'/>
|
|
||||||
</strong>
|
|
||||||
</p>";
|
|
||||||
?>
|
|
||||||
|
|
||||||
<div class="languageDiv">
|
|
||||||
<p class="languageTitle">Language :</p>
|
|
||||||
</div>
|
|
||||||
<img class="languageImage" src="../images/drapeauFrance.png" onmousedown="return false"/>
|
|
||||||
|
|
||||||
<div class="createQuote">
|
|
||||||
<a href="rien" class="createQuote">Ajouter une citation</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="buttonSudmiteDiv">
|
|
||||||
<button class="buttonSudmite">Se déconnecter</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,36 +1,10 @@
|
|||||||
<html>
|
|
||||||
<body>
|
<div class="divQuote">
|
||||||
<div class="Quote_container">
|
<img class="imgQuote" src="../../images/vador.webp"/>
|
||||||
<img class="image_carac" src="{{ srcImg }}" alt="{{ nameCarac }}">
|
<p class="quote"> <strong>"Je suis ton père"</strong></p>
|
||||||
<h1 class="quote_content">
|
<p class="textQuote"> Star Wars V : L'Empire contre-attaque (1h45)</p>
|
||||||
<strong>
|
<p class="textQuote">Dark Vador</p>
|
||||||
{{ quoteContent }}
|
<p class="textQuote">1980</p>
|
||||||
</strong>
|
|
||||||
</h1>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{{ sourceName }}
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{{ nameCarac }}
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{{ dateSortie }}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="like">
|
|
||||||
<p>
|
|
||||||
{{ nbLike }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="Comment_Container">
|
|
||||||
{% if comment|length > 0%} <div>
|
|
||||||
{% for com in comment %}
|
|
||||||
<p class="userCom">{{ com.user }}</p>
|
|
||||||
<p class="com">{{ com.content }}</p>
|
|
||||||
{% endfor %} </div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in new issue