From 0c269865875d48295ced3257b1c6876594c98ae9 Mon Sep 17 00:00:00 2001
From: Capelier-Marla <marla.capelier@etu.univ-amu.fr>
Date: Thu, 26 Jan 2023 19:01:24 +0100
Subject: [PATCH 1/3] styled search part

---
 Views/manageUser/manage_users.php | 12 +++++-----
 static/style.css                  | 37 ++++++++++++++++++++++++++++++-
 2 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/Views/manageUser/manage_users.php b/Views/manageUser/manage_users.php
index 91014af..5f3c72d 100644
--- a/Views/manageUser/manage_users.php
+++ b/Views/manageUser/manage_users.php
@@ -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">
diff --git a/static/style.css b/static/style.css
index 08ab3cb..aff6957 100644
--- a/static/style.css
+++ b/static/style.css
@@ -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;

From 5fa1459022538b0c5aba2d76cadc7ff02c9d02e4 Mon Sep 17 00:00:00 2001
From: Capelier-Marla <marla.capelier@etu.univ-amu.fr>
Date: Thu, 26 Jan 2023 19:11:33 +0100
Subject: [PATCH 2/3] edited html to be usable in css

---
 Views/manageUser/manage_users.php | 23 ++++++++++++-----------
 static/style.css                  |  5 +++++
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/Views/manageUser/manage_users.php b/Views/manageUser/manage_users.php
index 5f3c72d..c709bd0 100644
--- a/Views/manageUser/manage_users.php
+++ b/Views/manageUser/manage_users.php
@@ -21,19 +21,20 @@
 
                 foreach ($A_results as $O_user) {
                     echo '<li class="user_account" data-id="' . $O_user->I_ID . '">
-                <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>
+                        <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>
+                    </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 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>
+                    </li>';
                 }
-
+                echo '</ul>';
             }
         }
         ?>
diff --git a/static/style.css b/static/style.css
index aff6957..45d4b6c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -602,6 +602,11 @@ main.manageUser > form > input[type=submit] {
     border: none;
     border-radius: var(--border-radius);
 }
+main.manageUser > section > ul {
+    display: flex;
+    flex-direction: column;
+    gap: var(--size-l);
+}
 
 
 footer {

From c13e8e4808ce8f35eef980044710e8ccf2838ab2 Mon Sep 17 00:00:00 2001
From: Capelier-Marla <marla.capelier@etu.univ-amu.fr>
Date: Thu, 26 Jan 2023 19:23:56 +0100
Subject: [PATCH 3/3] styled results

---
 static/style.css | 46 +++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 43 insertions(+), 3 deletions(-)

diff --git a/static/style.css b/static/style.css
index 45d4b6c..ea43e41 100644
--- a/static/style.css
+++ b/static/style.css
@@ -604,10 +604,50 @@ main.manageUser > form > input[type=submit] {
 }
 main.manageUser > section > ul {
     display: flex;
-    flex-direction: column;
-    gap: var(--size-l);
+    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;