nouveau routeur! et contrôleurs et vues pour la connexion et la gestion du compte, début d'utilisation de Request et Response

5 files changed, 115 insertions, 56 deletions

diff --git a/public/assets/user_full.svg b/public/assets/user_full.svg
new file mode 100644
index 0000000..b211c67
--- /dev/null
+++ b/public/assets/user_full.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>

+<!-- Written by Treer (gitlab.com/Treer) -->

+<svg 

+        version="1.1" 

+        xmlns="http://www.w3.org/2000/svg" 

+        xmlns:xlink="http://www.w3.org/1999/xlink" 

+        width="600" 

+        height="600"

+        fill="white">

+

+  <title>Abstract user icon</title>

+

+  <defs>

+    <clipPath id="circular-border">

+      <circle cx="300" cy="300" r="250" />

+    </clipPath>

+  </defs>

+  

+  <circle cx="300" cy="300" r="280" fill="black" />

+  <circle cx="300" cy="230" r="100" />

+  <circle cx="300" cy="550" r="190" clip-path="url(#circular-border)" />

+</svg>
\ No newline at end of file
diff --git a/public/assets/user_hollow.svg b/public/assets/user_hollow.svg
new file mode 100644
index 0000000..ca26d18
--- /dev/null
+++ b/public/assets/user_hollow.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>

+<!-- Written by Treer (gitlab.com/Treer) -->

+<svg 

+        version="1.1" 

+        xmlns="http://www.w3.org/2000/svg" 

+        xmlns:xlink="http://www.w3.org/1999/xlink" 

+        width="600" 

+        height="600"

+        stroke="black"

+        stroke-width="30"

+        fill="none">

+

+  <title>Abstract user icon</title>

+        

+  <circle cx="300" cy="300" r="265" />

+  <circle cx="300" cy="230" r="115" />  

+  <path d="M106.81863443903,481.4 a205,205 1 0,1 386.36273112194,0" stroke-linecap="butt" />

+</svg>
\ No newline at end of file
diff --git a/public/css/body.css b/public/css/body.css
index a03510f..274627c 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -55,6 +55,13 @@ section > h3
     margin: 0;
     text-align: center;
 }
+.login_form
+{
+    background-color: white;
+    margin: 15px;
+    padding: 15px;
+}
+
 .grid_columns
 {
     display: grid;
@@ -181,7 +188,7 @@ button .action_icon:hover
     display: flex;
     justify-content: end;
 }
-section button
+section button, section input[type=submit]
 {
     color: #ff1d04;
     font-size: medium;
@@ -189,7 +196,7 @@ section button
     background-color: white;
     border: lightgrey 2px outset; /* rend identiques les boutons firefox et chromium */
 }
-section button:hover
+section button:hover, section input[type=submit]:hover
 {
     background-color: yellow;
     border-radius: 4px;
@@ -199,4 +206,45 @@ section button:hover
 article a:hover
 {
     cursor: pointer;
+}
+
+.user_edit_header
+{
+    /*display: flex;
+    justify-content: space-evenly;
+    align-items: center;*/
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    text-align: center;
+    padding: 15px;
+}
+.user_icon
+{
+    height: 36px;
+}
+.user_edit_flex
+{
+    /*display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;*/
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+}
+@media screen and (max-width: 900px)
+{
+    .user_edit_flex
+    {
+        display: block;
+    }
+}
+@media screen and (max-width: 500px)
+{
+    .empty_column
+    {
+        display: none;
+    }
+    .user_edit_header
+    {
+        grid-template-columns: repeat(2, 1fr);
+    }
 }
\ No newline at end of file
diff --git a/public/css/form.css b/public/css/form.css
index 84c73ac..5bfa768 100644
--- a/public/css/form.css
+++ b/public/css/form.css
@@ -14,20 +14,6 @@
 .form .full_width_column{
         grid-column: 1 / span 2;
 }
-.form_inputs input[type=submit]
-{
-        color: #ff1d04;
-        font-size: medium;
-        border-radius: 4px;
-        background-color: white;
-        border: lightgrey 2px outset;
-}
-.form_inputs input[type=submit]:hover
-{
-        background-color: yellow;
-        border-radius: 4px;
-        cursor: pointer;
-}
 
 .no_recipient_warning{
         color: red;
diff --git a/public/index.php b/public/index.php
index b7eeeae..89bb203 100644
--- a/public/index.php
+++ b/public/index.php
@@ -1,10 +1,24 @@
 <?php
 // public/index/php
 
+/* plan d'action pour symfonyfier le site
+1/ intégrer les classes Request et Response sans changer modifier les liens
+2/ méthodes HTTP: GET, HEAD, POST, PUT, PATCH, DELETE, etc, pour un pré-routage (légères modifications des liens)
+3/ passer à des chemins modernes "ciblant des ressources" genre /chemin/de/la/page
+    le mode modification de page doit thérioquement être appelé comme ça: /chemin/de/la/page/modif_page
+    apparemment, le from=nom_page pour les formulaires ne se fait pas...
+4/ utiliser le routeur de symfony: nécéssite que tous les contrôleurs soient des classes avec un namespace
+5/ http-foundation possède aussi une classe Session. intéressant!
+*/
+
 declare(strict_types=1);
 
+use Symfony\Component\HttpFoundation\Request;
+//use Symfony\Component\HttpFoundation\Session\Session;
+
 
-/* -- partie 1: prétraitement -- */
+/* -- partie 1: prétraitement --
+code à exécuter pour toutes requêtes */
 
 // une nouvelle classe? taper: composer dump-autoload -o
 require "../vendor/autoload.php";
@@ -12,6 +26,11 @@ require "../vendor/autoload.php";
 // configuration possible par l'utilisateur
 Config::load('../config/config.ini');
 
+// générateur de liens
+URL::setProtocol(Config::$protocol); // utile si port autre que 80 ou 443
+URL::setPort(Config::$port);
+URL::setHost($_SERVER['HTTP_HOST'] . Config::$index_path);
+
 // les messages d'erreur de déploiement qu'on aime
 require('../src/installation.php');
 phpDependancies();
@@ -20,13 +39,10 @@ phpDependancies();
 // $entityManager
 require '../src/model/doctrine-bootstrap.php'; // isDevMode est sur "true", DSN à adapter
 
-// générateur de liens
-URL::setProtocol(Config::$protocol); // utile si port autre que 80 ou 443
-URL::setPort(Config::$port);
-URL::setHost($_SERVER['HTTP_HOST'] . Config::$index_path);
+$request = Request::createFromGlobals();
 
 // session
-//require('controller/Session.php');
+// (symfony/http-foundation pourrait nous aider avec les sessions)
 ini_set('session.cookie_samesite', 'Strict');
 ini_set('session.cookie_httponly', 'On');
 ini_set('session.use_strict_mode', 'On');
@@ -38,39 +54,8 @@ if($_SESSION['admin'] === false || empty($_SESSION['user'])){ // OUT !!
     $_SESSION['admin'] = false;
 }
 
-// login, mot de passe et captcha
-require '../src/controller/password.php';
-existUsers($entityManager); // si la table user est vide, on en crée un
-
-
-/* -- partie 2: contrôleurs -- */
-
-// navigation avec des GET
-define('CURRENT_PAGE', !empty($_GET['page']) ? htmlspecialchars($_GET['page']) : 'accueil');
-$id = '';
-if(!empty($_GET['id']))
-{
-    $id = htmlspecialchars($_GET['id']); // nettoyage qui n'abime pas les id du genre "n16"
-}
-
-/* -- routeur des données de formulaires et requêtes AJAX -- */
-require '../src/request_router.php';
-
-
-/* -- affichage d'une page -- */
-// mode modification d'une page activé
-if($_SESSION['admin'] && isset($_GET['page']) && isset($_GET['action']) && $_GET['action'] === 'modif_page'
-    && $_GET['page'] !== 'connexion' && $_GET['page'] !== 'article' && $_GET['page'] !== 'nouvelle_page' && $_GET['page'] !== 'menu_chemins')
-{
-    // les contrôles de la 2è ligne devraient utiliser un tableau
-    MainBuilder::$modif_mode = true;
-}
 
-// contrôleur accédant au modèle
-$director = new Director($entityManager, true);
-$director->makeRootNode($id);
-$node = $director->getNode();
+/* -- partie 2: routage et contrôleurs -- */
 
-// contrôleur principal des vues
-$view_builder = new ViewBuilder($node);
-echo $view_builder->render(); // et voilà!
\ No newline at end of file
+define('CURRENT_PAGE', htmlspecialchars($request->query->get('page') ?? 'accueil'));
+require '../src/router.php';
\ No newline at end of file