Added register.

miguelcanosantana · Nov 26, 2023 · 0844e70 · 0844e70
1 parent 8d0274d
commit 0844e70
Show file tree

Hide file tree

Showing 4 changed files with 69 additions and 14 deletions.
diff --git a/Layout/NavBar.razor b/Layout/NavBar.razor
@@ -49,7 +49,7 @@
                 @if(UserService.GetLoggedUser() == null)
                 {
                     <li class="nav-item">
-                        <NavLink class="nav-link" href="counter">
+                        <NavLink class="nav-link" href="register">
                             Crear Cuenta de Afiliado
                         </NavLink>
                     </li>

diff --git a/Model/User.cs b/Model/User.cs
@@ -4,13 +4,15 @@ public class User
     {
         private String id;
         private String name;
+        private String surnames;
         private String email;
         private String password;
 
-        public User(String name, String email, String password)
+        public User(String name, String surnames, String email, String password)
         {
             id = Guid.NewGuid().ToString();
             this.name = name;
+            this.surnames = surnames;
             this.email = email;
             this.password = password;
         }

diff --git a/Pages/Login.razor b/Pages/Login.razor
@@ -1,5 +1,4 @@
-
-<!-- Bindings explained: https://stackoverflow.com/questions/58221915/difference-between-bind-and-bind-value -->
+<!-- Bindings explained: https://stackoverflow.com/questions/58221915/difference-between-bind-and-bind-value -->
 
 @page "/login"
 
@@ -37,12 +36,6 @@
                     </div>
                     <button type="submit" class="btn button-gold-a">Continuar</button>
 
-                    <!-- TODO Delete test -->
-                    <p>Test</p>
-                    <p>@email</p>
-                    <p>@password</p>
-                    <p>@isRememberingUser</p>
-
                 </form>
 
             </div>
@@ -53,10 +46,6 @@
 </div>
 
 
-
-
-
-
 @code {
     private String email = "";
     private String password = "";

diff --git a/Pages/Register.razor b/Pages/Register.razor
@@ -0,0 +1,64 @@
+<!-- Bindings explained: https://stackoverflow.com/questions/58221915/difference-between-bind-and-bind-value -->
+@page "/register"
+
+<PageTitle>Registrarse | Cirsa</PageTitle>
+
+
+<div class="container py-4 jumbotron-a">
+
+
+    <div class="container">
+        <div class="row">
+
+            <div class="col-12 col-md-6">
+                <h1 class="display-5 fw-bold">Registrarse </h1>
+                <p>
+                    Regístrate como nuevo usuario para acceder al panel administrativo.
+                </p>
+            </div>
+
+            <div class="col-12 col-md-6">
+
+                <form class="user-form">
+
+                    <div class="mb-3">
+                        <label for="exampleInputEmail1" class="form-label">Nombre</label>
+                        <input @bind-value="name" @bind-value:event="oninput" type="email" class="form-control" id="emailInput" required>
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="exampleInputEmail1" class="form-label">Apellido/s</label>
+                        <input @bind-value="surnames" @bind-value:event="oninput" type="email" class="form-control" id="emailInput" required>
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="exampleInputEmail1" class="form-label">Email</label>
+                        <input @bind-value="email" @bind-value:event="oninput" type="email" class="form-control" id="emailInput" required>
+                    </div>
+                    <div class="mb-3">
+                        <label for="exampleInputPassword1" class="form-label">Contraseña</label>
+                        <input @bind-value="password" @bind-value:event="oninput" type="password" class="form-control" id="passwordInput" minlength="8" required>
+                    </div>
+                    <div class="mb-3 form-check">
+                        <input @bind="isRememberingUser" type="checkbox" class="form-check-input" id="rememberUserCheck">
+                        <label class="form-check-label" for="exampleCheck1">Recordar usuario</label>
+                    </div>
+                    <button type="submit" class="btn button-gold-a">Continuar</button>
+
+                </form>
+
+            </div>
+
+        </div>
+    </div>
+
+</div>
+
+
+@code {
+    private String name = "";
+    private String surnames = "";
+    private String email = "";
+    private String password = "";
+    private bool isRememberingUser = false;
+}