From f9d2d6794045d1717c87e46ad309e4db3d2356c5 Mon Sep 17 00:00:00 2001
From: Bruno <bruno.rp45@gmail.com>
Date: Fri, 28 Jun 2024 21:36:31 -0300
Subject: [PATCH] =?UTF-8?q?Tela=20consulta=20usu=C3=A1rios=20funcionando;?=
 =?UTF-8?q?=20Falta=20edita/excluir?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 controllers/getUsers.php | 39 +++++++++++++++++++++++++++++++++
 js/consultaUser.js       | 26 ++++++++++++++++++++++
 pages/consulta_usr.html  | 47 +++-------------------------------------
 3 files changed, 68 insertions(+), 44 deletions(-)
 create mode 100644 controllers/getUsers.php
 create mode 100644 js/consultaUser.js

diff --git a/controllers/getUsers.php b/controllers/getUsers.php
new file mode 100644
index 0000000..93ec9e1
--- /dev/null
+++ b/controllers/getUsers.php
@@ -0,0 +1,39 @@
+<?php
+
+use classes\DatabaseConnection;
+
+require_once '../vendor/autoload.php';
+
+function createDatabaseConnection()
+{
+    // global $client;  // Usar o cliente de telemetria global
+    try {
+        $db = new DatabaseConnection();
+        $conn = $db->getConnection();
+        // echo"<script>console.log('ok')</script>";
+        
+        return $conn;
+        
+    } catch (PDOException $e) {
+        // $client->trackException($e);
+        error_log("Error connecting to SQL Server: " . $e->getMessage());
+        die("Error connecting to SQL Server.");
+    }
+}
+
+function getUsers(){
+    $conn = createDatabaseConnection();
+    $query = "SELECT * FROM usuario";
+    $stms = $conn->query($query);
+    $stms->execute();
+
+    $results = $stms->fetchAll(PDO::FETCH_ASSOC);
+    return $results;
+}
+
+if ($_SERVER['REQUEST_METHOD'] == 'GET') {
+    // echo"<script>console.log('ok')</script>";
+    $responseArray = getUsers();
+
+    echo json_encode($responseArray);
+}
\ No newline at end of file
diff --git a/js/consultaUser.js b/js/consultaUser.js
new file mode 100644
index 0000000..20fb8cb
--- /dev/null
+++ b/js/consultaUser.js
@@ -0,0 +1,26 @@
+//Variáveis
+const userTableBody = document.getElementById('user-table-body');
+
+// Event Listeners
+document.addEventListener('DOMContentLoaded', () => {
+    buscaUsers();
+})
+
+const buscaUsers = async () => {
+    const response = await fetch('../controllers/getUsers.php', {
+        method: 'GET'
+    });
+
+    if (!response.ok)
+        throw new Error("Error");
+
+    const data = await response.json();
+    data.reverse();
+    console.log(data);
+
+    data.forEach((item)=>{
+        var row = userTableBody.insertRow();
+        row.insertCell().textContent = item.nome;
+        row.insertCell().textContent = item.email;
+    });
+}
\ No newline at end of file
diff --git a/pages/consulta_usr.html b/pages/consulta_usr.html
index f5e8f39..a6eada3 100644
--- a/pages/consulta_usr.html
+++ b/pages/consulta_usr.html
@@ -63,56 +63,15 @@ <h1 class="my-4">Consulta de Usuários</h1>
           <th>Ações</th>
         </tr>
       </thead>
-      <tbody>
+      <tbody id="user-table-body" >
         <!-- linhas de usuário aqui -->
       </tbody>
     </table>
   </div>
 
-  <script>
-    // Função para exibir os usuários cadastrados na tabela de usuários
-    function displayUsers() {
-      var userTableBody = document.querySelector("#userTable tbody");
-
-      // Limpa as linhas da tabela antes de adicionar os usuários
-      userTableBody.innerHTML = "";
-
-      // Itera sobre os itens do localStorage
-      for (var i = 0; i < localStorage.length; i++) {
-        var username = localStorage.key(i); // Obtém o nome de usuário
-        var userDetails;
-
-        // Tenta analisar os detalhes do usuário do localStorage
-        try {
-          userDetails = JSON.parse(localStorage.getItem(username)); // Obtém os detalhes do usuário
-        } catch (error) {
-          console.error("Erro ao analisar os detalhes do usuário:", error);
-          continue; // Pula para o próximo usuário se ocorrer um erro de análise JSON
-        }
-
-        // Cria uma nova linha na tabela para o usuário
-        var newRow = userTableBody.insertRow();
-        newRow.innerHTML = `
-          <td>${username}</td>
-          <td>${userDetails.email}</td>
-          <td><button class="btn btn-sm btn-danger deleteBtn">Excluir</button></td>
-        `;
-      }
-
-      // Adiciona o evento de clique aos botões de exclusão
-      var deleteButtons = document.querySelectorAll(".deleteBtn");
-      deleteButtons.forEach(function (button) {
-        button.addEventListener("click", function () {
-          var usernameToDelete = button.parentElement.parentElement.cells[0].textContent;
-          localStorage.removeItem(usernameToDelete); // Remove o usuário do localStorage
-          displayUsers(); // Atualiza a tabela de usuários
-        });
-      });
-    }
-
-    window.onload = displayUsers;
-  </script>
+  
 
+  <script src="../js/consultaUser.js"></script>
   <script src="../js/script.js"></script>
   <script type="module" src="../js/header.js"></script>
 </body>