add arquivos da entrega 3

Author: patyfil

autenticador.php

@@ -1,38 +1,36 @@
-<?php
-session_start();
+   <?php
+    session_start();
 
-$user1 = 'patricia';
-$pass1 = '123';
-$nome1 = "Patrícia de Souza";
+    require_once "configuracoes.php";
 
-$user2 = 'rodrigo';
-$pass2 = '123';
-$nome2 = "Rodrigo Cezario da Silva";
+    if ($_SERVER["REQUEST_METHOD"] == "POST") {
+        //echo "Processando o formulário com post!";
+        if (isset($_POST["user"]) && isset($_POST["pass"])) {
+            //processar meu login
+            $login = $_POST["user"];
+            $senha = $_POST["pass"];
 
-$user3 = 'savana';
-$pass3 = '123';
-$nome3 = "Savana Tezza";
+            /* Se o campo usuário ou senha estiverem vazios geramos um alerta */
+            if ($login == "" || $senha == "") {
+                echo "<script language=javascript>alert('Por favor, preencha todos os campos!');</script>";
+                echo "<script language=javascript>window.location.replace('login.php');</script>";
+            }
 
+            try {
+                $dao = new PessoaDao();
 
-if ($_SERVER["REQUEST_METHOD"] == "POST") {
-    //echo "processando login...";
-    $user = $_POST['user'];
-    $pass = $_POST['pass'];
+                $dto = new LoginDto($login, $senha);
 
-    /* Se o campo usuário ou senha estiverem vazios geramos um alerta */
-    if ($user == "" || $pass == "") {
-        echo "<script language=javascript>alert('Por favor, preencha todos os campos!');</script>";
-        echo "<script language=javascript>window.location.replace('login.php');</script>";
-    }
+                $pessoa = $dao->logar($dto);
 
-    if (($user == $user1 && $pass == $pass1) || ($user == $user2 && $pass == $pass2) || ($user == $user3 && $pass == $pass3)
-    ) {
-        //sucesso!
-        $_SESSION["usuario_logado"] = $user;
-        //redirecionar
-        header("Location: index.php");
-    }/* Se o usuario ou a senha não batem alertamos o usuário */ else {
-        echo "<script language=javascript>alert('Usuário e/ou senha inválido(s), Tente novamente!');</script>";
-        echo "<script language=javascript>window.location.replace('login.php');</script>";
+                $_SESSION["usuario_logado"] = serialize($pessoa);
+                header("Location: index.php");
+            } catch (\Throwable $th) {
+                echo $th->getMessage();
+                // echo "Erro: " . $th->getMessage();
+                /* Se o usuario ou a senha não batem alertamos o usuário e voltamos para a página de login.php */
+                echo "<script language=javascript>window.location.replace('login.php');</script>";
+            }
+        }
     }
-}
+    ?>

configuracoes.php

@@ -0,0 +1,18 @@
+<?php
+
+date_default_timezone_set("America/Sao_Paulo");
+
+spl_autoload_register(function ($class_name) {
+
+    $model = __DIR__ . "/model/";
+    $dao = __DIR__ . "/dao/";
+    $dto = __DIR__ . "/dto/";
+
+    $pastas = [$model, $dao, $dto];
+    foreach ($pastas as $pasta) {
+        $arquivo = $pasta . $class_name . ".php";
+        if (file_exists($arquivo)) {
+            require_once $arquivo;
+        }
+    }
+});

css/formulario.css

@@ -23,13 +23,15 @@ b {
   color: var(--fundo-escuro);
 }
 
+/* Toda caixa azul clara do formulário */
 .box {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: var(--fundo-claro);
   padding: 25px;
+  margin: 10px auto;
   border-radius: 15px;
   width: 40%;
 }
@@ -38,12 +40,13 @@ fieldset {
   border: 3px solid var(--fundo-claro);
 }
 
+/* Campo "Cadastro de Usuário" */
 legend {
   border: 5px solid var(--fundo-claro);
+  border-radius: 30px;
   padding: 20px;
   text-align: center;
   background-color: var(--fundo-medio);
-  border-radius: 30px;
 }
 
 /* Fonte "Cadastro de Usuário" */
@@ -63,12 +66,12 @@ legend b {
   border-bottom: 1px solid white;
   outline: none;
   color: var(--fundo-escuro);
-  font-size: 18px;
+  font-size: 14px;
   width: 100%;
-  /* letter-spacing: 2px; */
-  padding: 5px;
+  padding: 3px;
 }
 
+/* Título dos Campos */
 .labelInput {
   position: absolute;
   top: 0px;
@@ -78,20 +81,64 @@ legend b {
   color: var(--fundo-escuro);
 }
 
-/* Letras das Legendas dos campos */
+/* Título dos Campos APÓS CLICADO */
 .inputUser:focus~.labelInput,
 .inputUser:valid~.labelInput {
-  top: -15px;
+  top: -20px;
   font-size: 14px;
   color: white;
 }
 
+/* Dividindo o campo senha em duas partes na mesma linha*/
+#senha1 {
+  width: 45%;
+  padding-right: 10%;
+  float: left;
+}
+#senha2 {
+  width: 45%;
+  float: right;
+}
+/* Dividindo o campo Cidade e Estado em duas partes na mesma linha*/
+#city {
+  width: 45%;
+  padding-right: 5%;
+  float: left;
+}
+#uf {
+  width: 45%;
+  float: right;
+}
+select#uf {
+  width: 55%;
+}
+
+.labFoto {
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+
+#foto {
+  width: auto;
+  color: var(--fundo-escuro);
+  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.45);
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+  font-size: 100%;
+  box-shadow: inset 0px 0px 0 rgba(0, 0, 0, 0.2),
+    inset 0 -1px 0 rgba(255, 255, 255, .25),
+    inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .5);
+  background-color: rgba(0, 0, 0, 0.15);
+}
+
+/* Fonte */
 #data_nascimento {
   border: none;
   padding: 8px;
   border-radius: 10px;
   outline: none;
   font-size: 15px;
+  color: var(--fundo-escuro);
 }
 
 #botao {

css/index.css

@@ -106,6 +106,17 @@ nav .navbar {
     color: var(--fundo-claro);
 }
 
+.icon img {
+    width: 50%;
+    height: 50%;
+    position: relative;
+    cursor: pointer;
+    align-items: center;
+    object-fit: cover;
+    border-radius: 50%;
+    border: 1px solid #fff;
+}
+
 /* FIM da Legenda / tooltip */
 
 /* ========= Estilo da barra de pesquisa =========*/
@@ -127,15 +138,21 @@ nav .navbar {
 
 /* =========Estilo da sessão do status=========*/
 
-.nomeuser h1 {
-    text-transform: capitalize;
+/* Saudação ao usuário h1: Seja bem-vindo(a)! h2: $pessoa*/
+.nomeuser h1,
+.nomeuser h2 {
     width: 100%;
     justify-content: center;
     display: flex;
     margin: 0;
     padding: 0;
     color: var(--fundo-medio);
-    font-size: 40px;
+
+}
+
+/* $pessoa = Nome do Usuário */
+.nomeuser h2 {
+    text-transform: capitalize;
 }
 
 .principal-1 {
@@ -173,7 +190,7 @@ nav .navbar {
 }
 
 .status-involucro::-webkit-scrollbar {
-    display:flexbox;
+    display: flexbox;
 }
 
 .status-card {
@@ -208,6 +225,8 @@ nav .navbar {
     border: 2px solid #fff;
 }
 
+
+
 .nomeUsuario {
     width: 100%;
     overflow: hidden;
@@ -314,7 +333,7 @@ nav .navbar {
     border: none;
     outline: none;
     font-size: 14px;
-    padding-left: 10px ;
+    padding-left: 10px;
 }
 
 .comentario-btn,
@@ -367,8 +386,8 @@ nav .navbar {
 .perfil-ficha {
     width: 100%;
     display: flex;
-    justify-content:baseline;
-    align-items:inherit;
+    justify-content: baseline;
+    align-items: inherit;
     margin: 0px;
 }
 
@@ -414,8 +433,6 @@ nav .navbar {
     margin-bottom: 25px;
 }
 
-
-
 .sugestao-texto {
     font-size: 14px;
     color: rgba(0, 0, 0, 0.5);