From b55a1cdead0b5f0b5e9ebdfe307035a965ac780c Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Sun, 26 Feb 2023 15:50:56 +0100
Subject: [PATCH] =?UTF-8?q?a=C3=B1adidos=20q-inputs=20en=20register?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/LoginPage.vue    | 12 ++++++++++-
 src/pages/RegisterPage.vue | 43 +++++++++++++++++++++++++++++++++++++-
 2 files changed, 53 insertions(+), 2 deletions(-)

diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index e0f16e7..a17dc92 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -39,7 +39,11 @@
             />
           </q-card-actions>
           <q-card-section class="text-center q-pa-none">
-            <p class="text-grey-6">Not reigistered? Created an Account</p>
+            <p class="text-grey-6">
+              <router-link to="/register"
+                >Not reigistered? Created an Account</router-link
+              >
+            </p>
           </q-card-section>
         </q-card>
       </div>
@@ -59,4 +63,10 @@ const password = ref("");
 .q-card {
   width: 360px;
 }
+a:link,
+a:visited,
+a:active {
+  text-decoration: none;
+  color: black;
+}
 </style>
diff --git a/src/pages/RegisterPage.vue b/src/pages/RegisterPage.vue
index 3d751e0..a90f1b3 100644
--- a/src/pages/RegisterPage.vue
+++ b/src/pages/RegisterPage.vue
@@ -10,6 +10,26 @@
         <q-card square bordered class="q-pa-lg shadow-1">
           <q-card-section>
             <q-form class="q-gutter-md">
+              <q-input
+                square
+                filled
+                clearable
+                v-model="username"
+                type="text"
+                label="username"
+                :rules="[
+                  (val) => val.length >= 3 || 'Mínimo 3 caracteres',
+                  (val) => val.length <= 3 || 'Ya existe',
+                ]"
+              />
+              <q-input
+                square
+                filled
+                clearable
+                v-model="nombre"
+                type="text"
+                label="nombre completo"
+              />
               <q-input
                 square
                 filled
@@ -26,6 +46,14 @@
                 type="password"
                 label="password"
               />
+              <q-input
+                square
+                filled
+                clearable
+                v-model="confirmpassword"
+                type="password"
+                label="repite password"
+              />
             </q-form>
           </q-card-section>
           <q-card-actions class="q-px-md">
@@ -38,7 +66,11 @@
             />
           </q-card-actions>
           <q-card-section class="text-center q-pa-none">
-            <p class="text-grey-6">Are you registered? Go to Login</p>
+            <p class="text-grey-6">
+              <router-link to="/login"
+                >Are you registered? Go to Login</router-link
+              >
+            </p>
           </q-card-section>
         </q-card>
       </div>
@@ -50,10 +82,19 @@
 import { ref } from "vue";
 const email = ref("");
 const password = ref("");
+const username = ref(""); //No exista en la bd, tamaño mínimo
+const confirmpassword = ref("");
+const nombre = ref("");
 </script>
 
 <style>
 .q-card {
   width: 360px;
 }
+a:link,
+a:visited,
+a:active {
+  text-decoration: none;
+  color: black;
+}
 </style>