From f9a3c4d7ed9f0ab138b7a474328570b55c2b52dc Mon Sep 17 00:00:00 2001
From: "barraux.a" <barraux.a@example.com>
Date: Wed, 20 Oct 2021 22:19:52 +0200
Subject: [PATCH] on appproche dangereusement de la perfection

---
 champ.php       |  39 ++++++-------------------------
 img/int_hov.png | Bin 0 -> 11449 bytes
 index.php       |  60 +++++++++++++++++++++++++++---------------------
 script.js       |   1 -
 stylepage.css   |  30 ++++++++++++++++++++----
 5 files changed, 66 insertions(+), 64 deletions(-)
 create mode 100644 img/int_hov.png

diff --git a/champ.php b/champ.php
index 42c9dc4..3b58f97 100644
--- a/champ.php
+++ b/champ.php
@@ -1,38 +1,13 @@
 <?php
-if ($balise == 'input'){
-    echo '<p> ',$titre,' : ';
-    if ($help) {
-        echo '<a class="int" href="#" onmouseover=displayHelp(',$sql_name,') onmouseout=hideHelp(',$sql_name,') ><img src="img/int.png" alt="point_int" width=20px></a>';
-    }
-    echo '</p>
-        <div class="champ">
-            <input class="entry" type=',$type,' name=',$sql_name,' required><br>
-            <img class="check" src="img/check.png" alt="check">
-            <img class="excla" src="img/excla.png" alt="exclamation">
-        </div>
-        <small>Error: ',$error,'</small>';
+echo '<p> ',$titre,' : ';
+if ($help) {
+    echo '<a class="int" href="#" onmouseover=displayHelp(',$sql_name,') onmouseout=hideHelp(',$sql_name,') ><img src="img/int.png" alt="point_int" width=20px ></a>';
 }
-elseif ($balise == 'select') {
-    echo '<p>',$titre,' :</p>
+echo '</p>
     <div class="champ">
-        <select class="entry" name=',$sql_name,' required>
-            <option value="UC">UC</option>
-            <option value="IMP">IMP</option>
-            <option value="ECR">ECR</option>
-            <option value="VID">VID</option>
-            <option value="TBI">TBI</option>
-        </select>
+        <input class="entry" type=',$type,' name=',$sql_name,' required><br>
         <img class="check" src="img/check.png" alt="check">
         <img class="excla" src="img/excla.png" alt="exclamation">
-    </div>';
-}
-elseif ($balise == 'textarea') {
-    echo '<p>',$titre,' :</p>
-        <div class="champ">
-            <textarea class="entry" rows="10" cols="30" name=',$titre,' required></textarea><br>
-            <img class="check" src="img/check.png" alt="check">
-            <img class="excla" src="img/excla.png" alt="exclamation">
-        </div>
-        <small>Error: ',$error,'</small>';
-}
+    </div>
+    <small>Error: ',$error,'</small>';
 ?>
diff --git a/img/int_hov.png b/img/int_hov.png
new file mode 100644
index 0000000000000000000000000000000000000000..1227bb503701714f312eadb3775ce76a985f9f24
GIT binary patch
literal 11449
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
TdcPNc^#|x^7^+vR+DH8#iEA(y

literal 0
HcmV?d00001

diff --git a/index.php b/index.php
index 0920930..87c259e 100644
--- a/index.php
+++ b/index.php
@@ -17,34 +17,32 @@
                     $titre = 'Date';
                     $sql_name = 'dates';
                     $type = 'date';
-                    $balise = 'input';
                     $error = 'Veuillez saisir une date';
                     $help = false;
                     include("champ.php");
                 ?>
             </div>
             <div class="container-champ">
-                <?php
-                    $titre = 'Details';
-                    $sql_name = 'details';
-                    $balise = 'textarea';
-                    $error = "Vous n'avez pas remplie ce champ";
-                    include("champ.php");
-                ?>
+                <p>Détails :</p>
+                <div class="champ">
+                    <textarea class="entry" rows="10" cols="30" name='details' required></textarea><br>
+                    <img class="check" src="img/check.png" alt="check">
+                    <img class="excla" src="img/excla.png" alt="exclamation">
+                </div>
+                <small>Error: Veuillez remplir ce champ</small>
             </div>
             <div class="container-champ">
                 <?php
                     $titre = 'Lieu';
                     $sql_name = 'lieu';
                     $type = 'text';
-                    $balise = 'input';
                     $error = "Vous n'avez saisie de lieu";
                     $help = true;
                     include("champ.php");
                 ?>
                 <div class="help" id="lieu">
                     <p>Entrez le nom du bâtiment dans lequel se trouve le matériel</p><br>
-                    <code>Exemple: bâtiment A</code>
+                    <code>Ex: bâtiment A</code>
                 </div>
             </div>
             <div class="container-champ">
@@ -52,14 +50,13 @@
                     $titre = 'Salle';
                     $sql_name = 'salle';
                     $type = 'text';
-                    $balise = 'input';
                     $error = "Vous n'avez pas saisie de salle";
                     $help = true;
                     include("champ.php");
                 ?>
                 <div class="help" id="salle">
                     <p>Entrez le nom de la salle dans lequel se trouve le matériel</p><br>
-                    <code>Exemple: A 11 codage</code>
+                    <code>Ex: A 11 codage</code>
                 </div>
             </div>
             <div class="container-champ">
@@ -67,49 +64,61 @@
                     $titre = 'Position dans la salle';
                     $sql_name = 'pos';
                     $type = 'text';
-                    $balise = 'input';
                     $error = 'Veuillez remplir ce champ';
                     $help = true;
                     include("champ.php");
                 ?>
+                <div class="help" id="pos">
+                    <p>Veillez fournir des présision sur la position du matériel</p><br>
+                    <code>Ex: PC-42 au fond à droite</code>
+                </div>
             </div>
             <div class="container-champ">
-                <?php
-                    $titre = 'Matériel';
-                    $sql_name = 'materiel';
-                    $balise = 'select';
-                    $error = '';
-                    include("champ.php");
-                ?>
-            </div>
+                <p>Matériel :</p>
+                <div class="champ">
+                    <select class="entry" name='materiel' required>
+                        <option value="UC">Unité Centrale</option>
+                        <option value="IMP">Imprimante</option>
+                        <option value="ECR">Ecran</option>
+                        <option value="VID">Vidéo Projecteur</option>
+                        <option value="TBI">Tableau Blanc Interactif</option>
+                    </select>
+                    <img class="check" src="img/check.png" alt="check">
+                    <img class="excla" src="img/excla.png" alt="exclamation">
+                </div>
             <div class="container-champ">
                 <?php
                     $titre = 'Marque';
                     $sql_name = 'marque';
                     $type = 'text';
-                    $balise = 'input';
                     $error = "Vous n'avez pas saisie la marque";
                     $help = true;
                     include("champ.php");
                 ?>
+                <div class="help" id="marque">
+                    <p>Veillez renseigner la marque du matériel</p><br>
+                    <code>Ex: Asus</code>
+                </div>
             </div>
             <div class="container-champ">
                 <?php
                     $titre = 'Model';
                     $sql_name = 'model';
                     $type = 'text';
-                    $balise = 'input';
                     $error = "Veuillez saisir le model";
                     $help = true;
                     include("champ.php");
                 ?>
+                <div class="help" id="model">
+                    <p>Veillez renseigner le modèle du matériel</p><br>
+                    <code>Ex: Lattitude E6410</code>
+                </div>
             </div>
             <div class="container-champ">
                 <?php
                     $titre = 'N° de série';
                     $sql_name = 'nserie';
                     $type = 'text';
-                    $balise = 'input';
                     $error = "Vous n'avez saisie le n° de série";
                     $help = true;
                     include("champ.php");
@@ -120,7 +129,6 @@
                     $titre = 'Nom';
                     $sql_name = 'demandeur';
                     $type = 'text';
-                    $balise = 'input';
                     $error = 'Veillez entrer votre nom';
                     $help = true;
                     include("champ.php");
@@ -128,7 +136,7 @@
             </div>
             <div class="container-champ">
                 <br>
-                <div class="champ">
+                <div class="submit">
                     <input id="submit" class="entry" type="button" onclick="checkInputs()" value="Valider">
                 </div>
             </div>
diff --git a/script.js b/script.js
index 0d83bb7..537a37d 100644
--- a/script.js
+++ b/script.js
@@ -8,7 +8,6 @@ const help = document.getElementsByClassName('help');
 
 
 function displayHelp(id) {
-    console.log(id);
     id.style.display = 'block';
 }
 
diff --git a/stylepage.css b/stylepage.css
index 2903480..acddd56 100644
--- a/stylepage.css
+++ b/stylepage.css
@@ -71,7 +71,7 @@ form{
 
 .champ:focus, .champ:hover{
     width: 300px;
-    border-color: #2ecc71;
+    border-color: #ac2a8d;
     background-color: #dddddd;
 }
 
@@ -84,9 +84,25 @@ form{
     right: 20px;
 }
 
-.submit:hover, .submit:focus{
+.submit{
+    background-color: inherit;
+    display: flex;
+    position: relative;
+    flex-direction: row-reverse;
+    text-align: center;
+    color: #454444;
+    display: block;
+    margin: 10px auto;
+    border: 4px solid #4e4d4d;
+    padding: 10px 10px;
+    width: 200px;
+    border-radius: 30px;
+    transition: 0.25s;
+}
+
+.submit:hover{
     width: 250px;
-    background-color: rgba(46, 204, 113, 0.3);
+    background-color: #82E6AC;
     border-color: #2ecc71;
 }
 
@@ -98,14 +114,18 @@ form{
     right: 0;
     top: 30%;
     border-radius: 30px;
-    padding: 20px;
+    padding: 15px;
     margin: 0;
     background-color: #dddddd;
 }
 
 .help * {
-    font-size: 14px
+    font-size: 14px;
+    width: 100%;
+}
 
+.help p{
+    position: relative;
 }
 
 code {