DjalimSimaila/MVC_Recettes
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #138 from ThomasRubini/fix_manageUser

Browse Source 
Fix manage user
This commit is contained in:
Marla 2023-01-26 19:24:39 +01:00 committed by GitHub
commit dc37e31dce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 99 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
Views/manageUser/manage_users.php
View File

@ -1,18 +1,18 @@
<main>
<?php $S_query = $A_view["QUERY"]; ?>
<main class="manageUser">
<h1 class="accounts_management_title">Gestion de comptes</h1>
<form method="GET" action="/manageUser/search">
<label for="username">Saisissez un nom d'utilisateur</label>
<input type="search" id="username" name="query" placeholder="Nom de l'utilisateur">
<input type="text" id="username" name="query" placeholder="<?= ($S_query == null)? "Nom de l'utilisateur" : "$S_query" ?>">
<input type="submit" value="Rechercher">
</form>
<section>
<?php
$S_query = $A_view["QUERY"];
if ($S_query === null) {
if ($S_query == null) {
echo '<h2 class="username_required_title">Nom d\'utilisateur requis</h2>
<p class="username_required_description">Un nom d\'utilisateur est requis pour gérer des utilisateurs.</p>';
} else {
$A_results = $A_view["RESULTS"];
echo '<h3 class="username_searched">' . $S_query . '</h3>';
if (empty($A_results)) {
echo '<h2 class="no_user_results_title">Aucun résultat</h2>
<p class="no_user_results_description">Vérifiez l\'orthographe et la casse de votre saisie.</p>';
@ -21,19 +21,20 @@
foreach ($A_results as $O_user) {
echo '<li class="user_account" data-id="' . $O_user->I_ID . '">
<section>
<img class="user_acccount_picture" src=' . $O_user->getProfilePicLink() . ' alt="Photo de profil de ' . $O_user->S_USERNAME . '">
<h3 class="user_account_name">' . $O_user->S_USERNAME . '</h3>
</li>';
</section>
echo '</ul>
<form method="POST" action="/manageUser/update">
<input type="hidden" name="user_id" value="'.$O_user->I_ID.'" id="accounts_to_manage">
<input type="submit" name="enable" value="Activer">
<input type="submit" name="disable" value="Désactiver">
<input type="submit" name="delete" value="Supprimer">
</form>';
</form>
</li>';
}
echo '</ul>';
}
}
?>

82
static/style.css
View File

@ -490,7 +490,7 @@ main.recipeView > article > section.apprecitations > section > header > a {
main.editRecipe {
main.editRecipe, main.manageUser {
min-width: 300px;
width: 600px;
max-width: 700px;
@ -568,6 +568,86 @@ main.editRecipe > form > input[type=submit] {
width: fit-content;
}
main.manageUser {
display: flex;
flex-direction: column;
gap: var(--size-m);
}
main.manageUser > h1 {
margin-top: var(--size-l);
margin-bottom: var(--size-l);
border-bottom: var(--border) var(--principal-neutral);
}
main.manageUser > form {
display: flex;
flex-direction: row;
justify-content: space-between;
}
main.manageUser > form > label {
display: none;
}
main.manageUser > form > input[type=text] {
background: var(--grey-light);
border: none;
border-radius: var(--border-radius);
padding-left: var(--size-m);
font-size: var(--size-xl);
padding: var(--size-m);
}
main.manageUser > form > input[type=submit] {
color: var(--secondary-pastel);
background: var(--principal-neutral);
font-size: var(--size-xl);
padding: var(--size-m);
border: none;
border-radius: var(--border-radius);
}
main.manageUser > section > ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--size-xl);
}
main.manageUser > section > ul > li::marker {
content: none;
}
main.manageUser > section > ul > li {
background: var(--secondary-pastel);
border-radius: var(--border-radius);
box-shadow: var(--shadow);
overflow: hidden;
}
main.manageUser > section > ul > li > section {
display: flex;
flex-direction: row;
gap: var(--size-m);
padding: var(--size-m);
background: var(--grey-light);
border-radius: var(--border-radius);
align-items: center;
}
main.manageUser > section > ul > li > section > img {
width: var(--size-max);
height: var(--size-max);
border-radius: var(--size-m);
}
main.manageUser > section > ul > li > form {
padding: var(--size-m);
display: flex;
flex-direction: row;
gap: var(--size-m);
justify-content: space-evenly;
}
main.manageUser > section > ul > li > form > input {
background: var(--principal-neutral);
border-radius: var(--border-radius);
border: none;
color: var(--secondary-pastel);
padding-left: var(--size-m);
padding-right: var(--size-m);
padding-top: var(--size-s);
padding-bottom: var(--size-s);
}
footer {
display: flex;