From d7468fc363b5d028db84373d4abfa6d7d19bacb9 Mon Sep 17 00:00:00 2001 From: polo Date: Mon, 11 Aug 2025 06:25:39 +0200 Subject: =?UTF-8?q?nouveau=20routeur!=20et=20contr=C3=B4leurs=20et=20vues?= =?UTF-8?q?=20pour=20la=20connexion=20et=20la=20gestion=20du=20compte,=20d?= =?UTF-8?q?=C3=A9but=20d'utilisation=20de=20Request=20et=20Response?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/user_full.svg | 22 +++++++++++++++ public/assets/user_hollow.svg | 18 ++++++++++++ public/css/body.css | 52 ++++++++++++++++++++++++++++++++-- public/css/form.css | 14 ---------- public/index.php | 65 +++++++++++++++++-------------------------- 5 files changed, 115 insertions(+), 56 deletions(-) create mode 100644 public/assets/user_full.svg create mode 100644 public/assets/user_hollow.svg (limited to 'public') 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 @@ + + + + + Abstract user icon + + + + + + + + + + + \ 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 @@ + + + + + Abstract user icon + + + + + \ 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 @@ 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 -- cgit v1.2.3