commit

ddee4811 · NIYONSENGA OLIVIER · 12ac065e · ddee4811 · ddee4811 · ddee4811
Commit ddee4811 authored 3 years ago by NIYONSENGA OLIVIER
--- a/api.php
+++ b/api.php
@@ -3,17 +3,17 @@
 // fichier appelé par l'appel AJAX pour charger les commentaires dans le fichier principal

 try {
-    $pdo = new PDO('mysql:monserveur');
-    $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
+    $pdo = new PDO('postgresql:host;', 'username', 'password');
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+    $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);

-    $pdo->query('CREATE TABLE IF NOT EXISTS comment (
+    $pdo->query('CREATE TABLE IF NOT EXISTS user (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    username VARCHAR(150) NOT NULL,
-    content TEXT NOT NULL
+    password VARCHAR(150) NOT NULL
 )');

-    $comment = $pdo->query('SELECT * FROM comment')
+    $comment = $pdo->query('SELECT * FROM user')
                   ->fetchAll();

    echo json_decode($comment);

--- a/form.php
+++ b/form.php
@@ -2,20 +2,44 @@

 // Fichier appelé pour insérer les commentaires dans la base de données

+$text = htmlspecialchars($ post["text"]);
+
+$text = isset($_post["text"]) ? htmlspecialchars($_post["text"]) : null;
+
+$username = isset($_post["username"]) ? htmlspecialchars($_post["username"]) : null;
+$password = isset($_post["password"]) ? htmlspecialchars($_post["password"]) : null;
+
+
 try {
-    $pdo = new PDO('mysql:monserveur');
-    $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
+    $pdo = new PDO('postgresql:host;', 'username', 'password');
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+    $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);

-    $pdo->query('CREATE TABLE IF NOT EXISTS comment (
+    $pdo->query('CREATE TABLE IF NOT EXISTS user (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    username VARCHAR(150) NOT NULL,
-    content TEXT NOT NULL
+    password VARCHAR(150) NOT NULL
 )');

-    $pdo->query('INSERT INTO comment (username, content) 
-VALUES ("' . $_POST["username"] . '", "' . $_POST["username"] . '")
+    $pdo->query('INSERT INTO comment (username, password) 
+VALUES ("' . $_POST["username"] . '", "' . $_POST["password"] . '")
 ');
+
+
+
+if ($username && $password && !is_null($message)) {
+    $statement = $pdo->prepare(
+         'INSERT INTO message (username , password) VALUES (:username, :password)'
+    );
+    $statement->bindValue('username', $username, PDO::PARAM_STR);
+    $statement->bindValue( 'password', $password, PDO::PARAM_STR);
+    $statement->execute();
+
+}
+
+
+
+
 } catch (Exception $exception) {
    var_dump($exception->getMessage());
 }
--- a/index.php
+++ b/index.php
@@ -6,15 +6,19 @@
 </head>
 <body>
 <nav>
-    <form>
+    <input type="button" value="Lister les utilisateurs"/>
+
+    <div id="users">
+    
+
+    </div>
+
+    <form action="form.php" method = "post" id = "myForm">>
        <input type="text">
        <input type="text">
+        <span id="error"></span>
        <input type="submit" value="Valider">
    </form>
-
-    <input type="button" value="Lire les commentaire"/>
-
-    <div id="comments"></div>
 </nav>
 </body>
 </html>
\ No newline at end of file
--- a/readme.md
+++ b/readme.md
 Examen de prog web 2 - L2S4 Automne
 -----------------------------------

-Le client a demandé un formulaire pour écrire et afficher des commentaires sur le site. Le code qui a été fourni est
-complètement bugué. Votre travail sera de :
+Le client a demandé un formulaire pour rentrer et afficher de nouveaux utilisateurs sur le site. Le code qui a été
+fourni est complètement bugué. Votre travail sera de :

 - connecter la base de données local avec sqlite ;
 - corriger les erreurs de code ;
 - corriger les problèmes d'accessibilités en respectant les bonnes pratiques du web : balises cohérentes, balises
  obligatoires, attributs obligatoires... ;
- mettre en place l'appel ajax qui est déclenché (dans le fichier "script.js") lors du clic sur le bouton "Lire les
-  commentaires" dans le fichier "index.php" ;
- créer l'affichage des commentaires après l'appel ajax dans la section `#comments`. Sous la forme : 
+- mettre en place l'appel ajax qui est déclenché (dans le fichier "script.js") lors du clic sur le bouton "Lister les
+  utilisateurs" dans le fichier "index.php" ;
+- créer l'affichage des utilisateurs après l'appel ajax dans la section `#users`. Sous la forme :
 ```html
 <article>
    <p>Username</p>
-    <p>Content</p>
+    <p>Password</p>
 </article>
 ```
- faire en sorte que le site s'affiche aussi bien sur tous les supports : 3 commentaires en largeur sur ordi, 2 sur
+
+- faire en sorte que le site s'affiche aussi bien sur tous les supports : 5 utilisateurs en largeur sur ordi, 3 sur
  tablette et 1 sur smartphone.
\ No newline at end of file
--- a/script.js
+++ b/script.js
 // Fichier appelé pour faire l'appel ajax au clic du bouton
+
+
+let myForm = document.getElementById("myForm");
+
+myForm.addEventListener("valider" , function(e){
+    let myInput = document.getElementById("text");
+    let myRegex = /[a-ZA-Z\s]+$/;
+
+    if(myInput.value.trim() = true ) {
+        let myError = document.getElementById("error");
+        myError.innerHTML = "Le champs text est requis.";
+        e.preventDefault();
+    }
+    else if (myRegex.test(myInput.value) = false){
+        let myError = document.getElementById("error");
+        myError.innerHTML = "Le champs comporte les lettres, des tirets uniquement.";
+        e.preventDefault();
+
+    }
+
+});
\ No newline at end of file
--- a/style.css
+++ b/style.css
@@ -7,4 +7,9 @@
    border: 1px solid black;
    padding: 20px;
    border-radius: 5px;
-}
\ No newline at end of file
+}
+
+
+#myError {
+color: red;
+};