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

styled search part

Browse Source
This commit is contained in:
Capelier-Marla 2023-01-26 19:01:24 +01:00
parent 1855231de3
commit 0c26986587
2 changed files with 42 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
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>';
@ -24,7 +24,7 @@
<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>';
echo '</ul>
<form method="POST" action="/manageUser/update">
<input type="hidden" name="user_id" value="'.$O_user->I_ID.'" id="accounts_to_manage">

37
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,41 @@ 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);
}
footer {
display: flex;