From 10b1f8c855fd36cf9beb3dbc48aca96d6a4610e0 Mon Sep 17 00:00:00 2001
From: julian <julian@InformeMedico.myguest.virtualbox.org>
Date: Fri, 28 Jun 2024 11:19:27 -0300
Subject: [PATCH] frontender v.2

---
 assets/css/app.css                            | 24 ++++++++++++++++++-
 lib/derivantes/accounts/user.ex               |  2 +-
 .../components/core_components.ex             |  2 +-
 .../components/layouts/root.html.heex         |  4 ++--
 .../live/derivantes/derivantes_live.ex        |  2 +-
 .../live/user_registration_live.ex            | 20 ++++++++--------
 priv/gettext/en/LC_MESSAGES/errors.po         |  0
 priv/gettext/errors.pot                       |  0
 test/derivantes/accounts_test.exs             |  0
 .../live/user_registration_live_test.exs      |  2 +-
 .../live/user_reset_password_live_test.exs    |  0
 11 files changed, 39 insertions(+), 17 deletions(-)
 mode change 100644 => 100755 lib/derivantes/accounts/user.ex
 mode change 100644 => 100755 lib/derivantes_web/components/layouts/root.html.heex
 mode change 100644 => 100755 lib/derivantes_web/live/user_registration_live.ex
 mode change 100644 => 100755 priv/gettext/en/LC_MESSAGES/errors.po
 mode change 100644 => 100755 priv/gettext/errors.pot
 mode change 100644 => 100755 test/derivantes/accounts_test.exs
 mode change 100644 => 100755 test/derivantes_web/live/user_registration_live_test.exs
 mode change 100644 => 100755 test/derivantes_web/live/user_reset_password_live_test.exs

diff --git a/assets/css/app.css b/assets/css/app.css
index e2bd1e4..4236651 100755
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -17,6 +17,10 @@ body{
     margin-right: auto;
 }
 
+.root_header{
+    background-color: #297177;
+}
+
 .login-a{
     display: flex;
     flex-direction: column;
@@ -46,6 +50,18 @@ body{
     text-align: center;
 }
 
+.reg_form{
+    background-color: #297177;
+    border-radius: 5px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 15px;
+    height: max-content;
+    width: 250px;
+    text-align: center;
+}
+
 .auth_form img{
     margin-top: 10px;
     margin-bottom: 20px;
@@ -72,7 +88,7 @@ body{
     border-radius: 5px;
     font-weight: bold;
     font-size: 18px;
-    margin-top: 5px;
+    margin-top: 10px;
 }
 
 .info_panel{
@@ -175,6 +191,12 @@ body{
     border-radius: 5px;
 }
 
+.register_screen{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
 @media (min-width: 1250px) {
     .log_in_container{
         width: 50%;
diff --git a/lib/derivantes/accounts/user.ex b/lib/derivantes/accounts/user.ex
old mode 100644
new mode 100755
index e2dc477..916cbf8
--- a/lib/derivantes/accounts/user.ex
+++ b/lib/derivantes/accounts/user.ex
@@ -51,7 +51,7 @@ defmodule Derivantes.Accounts.User do
   defp validate_email(changeset, opts) do
     changeset
     |> validate_required([:email])
-    |> validate_format(:email, ~r/^[^\s]+@[^\s]+$/, message: "must have the @ sign and no spaces")
+    |> validate_format(:email, ~r/^[^\s]+@[^\s]+$/, message: "Ingrese un email válido")
     |> validate_length(:email, max: 160)
     |> maybe_validate_unique_email(opts)
   end
diff --git a/lib/derivantes_web/components/core_components.ex b/lib/derivantes_web/components/core_components.ex
index 1be9bc8..473d592 100755
--- a/lib/derivantes_web/components/core_components.ex
+++ b/lib/derivantes_web/components/core_components.ex
@@ -409,7 +409,7 @@ defmodule DerivantesWeb.CoreComponents do
 
   def error(assigns) do
     ~H"""
-    <p class="mt-3 flex gap-3 text-sm leading-6 text-rose-600 phx-no-feedback:hidden">
+    <p class="mt-3 flex gap-3 text-sm leading-6 text-center text-white phx-no-feedback:hidden">
       <.icon name="hero-exclamation-circle-mini" class="mt-0.5 h-5 w-5 flex-none" />
       <%= render_slot(@inner_block) %>
     </p>
diff --git a/lib/derivantes_web/components/layouts/root.html.heex b/lib/derivantes_web/components/layouts/root.html.heex
old mode 100644
new mode 100755
index 11cd701..895e8f9
--- a/lib/derivantes_web/components/layouts/root.html.heex
+++ b/lib/derivantes_web/components/layouts/root.html.heex
@@ -12,8 +12,8 @@
     </script>
     <script src="https://kit.fontawesome.com/8afa33c96d.js" crossorigin="anonymous"></script>
   </head>
-  <body class="bg-white antialiased">
-    <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
+  <body class="gray antialiased">
+    <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end root_header">
       <%= if @current_user do %>
         <li class="text-[0.8125rem] leading-6 text-zinc-900">
           <%= @current_user.email %>
diff --git a/lib/derivantes_web/live/derivantes/derivantes_live.ex b/lib/derivantes_web/live/derivantes/derivantes_live.ex
index e704964..e2bed92 100755
--- a/lib/derivantes_web/live/derivantes/derivantes_live.ex
+++ b/lib/derivantes_web/live/derivantes/derivantes_live.ex
@@ -18,7 +18,7 @@ defmodule DerivantesWeb.DerivantesLive do
         </div>
         <%= if length(@studies) > 0 do %>
           <div class="estudio_patientname">
-            <h1>Bienvenido</h1>
+          <h1>Bienvenido, <%= @current_user.email %> </h1>
             <p>Para ver un estudio haga click en el icono de Informe o de Imágenes.</p>
           </div>
           <div class="estudio_container">
diff --git a/lib/derivantes_web/live/user_registration_live.ex b/lib/derivantes_web/live/user_registration_live.ex
old mode 100644
new mode 100755
index e088d36..6fca2e4
--- a/lib/derivantes_web/live/user_registration_live.ex
+++ b/lib/derivantes_web/live/user_registration_live.ex
@@ -6,15 +6,15 @@ defmodule DerivantesWeb.UserRegistrationLive do
 
   def render(assigns) do
     ~H"""
-    <div class="mx-auto max-w-sm">
-      <.header class="text-center">
+    <div class="register_screen">
+      <.header class="text-center mb-5">
         Registre su nueva cuenta
         <:subtitle>
-          Ya tiene una cuenta?
+          ¿Ya tiene una cuenta?
           <.link navigate={~p"/derivantes/log_in"} class="font-semibold text-[#297177] hover:underline">
-            Entre
+            Ingrese
           </.link>
-          a su cuenta ahora.
+          ahora.
         </:subtitle>
       </.header>
 
@@ -26,18 +26,18 @@ defmodule DerivantesWeb.UserRegistrationLive do
         phx-trigger-action={@trigger_submit}
         action={~p"/derivantes/log_in?_action=registered"}
         method="post"
-        class="auth_form"
+        class="reg_form"
       >
         <.error :if={@check_errors}>
           Hubo un error.
         </.error>
         <img src={~p"/images/sana_americano_logo.png"} alt="Sanatorio Americano Logo"/>
-        <.input class="imput_text w-40" field={@form[:matricula]} type="text" label="Matrícula" required />
-        <.input class="imput_text w-40" field={@form[:email]} type="email" label="Email" required />
-        <.input class="imput_text w-40" field={@form[:password]} type="password" label="Contraseña" required />
+        <.input class="imput_text w-40" field={@form[:matricula]} type="text" placeholder="Matrícula" required />
+        <.input class="imput_text w-40" field={@form[:email]} type="email" placeholder="Email" required />
+        <.input class="imput_text w-40" field={@form[:password]} type="password" placeholder="Contraseña" required />
 
         <:actions>
-          <.button phx-disable-with="Creating account..." class="submit_button">Create an account</.button>
+          <.button phx-disable-with="Creando cuenta..." class="submit_button mt-2">Crear cuenta</.button>
         </:actions>
       </.simple_form>
     </div>
diff --git a/priv/gettext/en/LC_MESSAGES/errors.po b/priv/gettext/en/LC_MESSAGES/errors.po
old mode 100644
new mode 100755
diff --git a/priv/gettext/errors.pot b/priv/gettext/errors.pot
old mode 100644
new mode 100755
diff --git a/test/derivantes/accounts_test.exs b/test/derivantes/accounts_test.exs
old mode 100644
new mode 100755
diff --git a/test/derivantes_web/live/user_registration_live_test.exs b/test/derivantes_web/live/user_registration_live_test.exs
old mode 100644
new mode 100755
index e22880c..2a6fff5
--- a/test/derivantes_web/live/user_registration_live_test.exs
+++ b/test/derivantes_web/live/user_registration_live_test.exs
@@ -32,7 +32,7 @@ defmodule DerivantesWeb.UserRegistrationLiveTest do
 
       assert result =~ "Register"
       assert result =~ "must have the @ sign and no spaces"
-      assert result =~ "should be at least 12 character"
+      assert result =~ "La contraseña debe tener por lo menos 12 caracteres"
     end
   end
 
diff --git a/test/derivantes_web/live/user_reset_password_live_test.exs b/test/derivantes_web/live/user_reset_password_live_test.exs
old mode 100644
new mode 100755