Merge pull request #24 from Crudzaso/develop

Develop
Crudzaso · Nov 4, 2024 · 71b115b · 71b115b
2 parents f7e29a5 + 6b71545
commit 71b115b
Show file tree

Hide file tree

Showing 6 changed files with 229 additions and 84 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
         "vue": "^3.3.13"
     },
     "dependencies": {
-        "lucide-vue-next": "^0.454.0"
+        "lucide-vue-next": "^0.454.0",
+        "vue-router": "^4.4.5"
     }
 }
diff --git a/resources/js/Components/Sign-in/LoginComponent.vue b/resources/js/Components/Sign-in/LoginComponent.vue
@@ -80,12 +80,16 @@
 
                         <!-- Recordatorio de contraseña -->
                         <div class="d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-8">
-                            <a href="authentication/layouts/overlay/reset-password.html" class="link-primary"
+                            <a href="/reset-password/some-fake-token" class="link-primary"
                                 :style="{ color: theme.primary }">¿Olvidaste tu contraseña?</a>
                         </div>
 
                         <!-- Botón de envío -->
                         <div class="d-grid mb-10">
+                            <button type="button" class="btn btn-secondary" @click="cancel"
+                                style="margin-bottom: 10px;">
+                                Cancelar
+                            </button>
                             <button type="submit" id="kt_sign_in_submit" class="btn"
                                 :style="{ background: theme.primary, color: '#fff' }" :disabled="form.processing">
                                 <span v-if="!form.processing" class="indicator-label">Iniciar Sesión</span>
@@ -167,6 +171,10 @@ export default {
             window.location.href = route('github.login');
         };
 
+        const cancel = () => {
+            window.location.href = '/'; // Cambia esto según tu ruta real
+        };
+
         return {
             form,
             isDarkMode,
@@ -175,6 +183,7 @@ export default {
             loginWithGoogle,
             loginWithGitHub,
             toggleDarkMode, // Asegúrate de incluir toggleDarkMode en el return
+            cancel
         };
     }
 };
@@ -183,7 +192,7 @@ export default {
 <style scoped>
 /* Personalización de elementos del formulario */
 .form {
-    padding: 4.75rem;
+    padding: 2.70rem;
     border-radius: 8px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

diff --git a/resources/js/Pages/Auth/Register.vue b/resources/js/Pages/Auth/Register.vue
@@ -111,6 +111,10 @@
 
                         <!-- Botón de Envío -->
                         <div class="d-grid mb-5">
+                            <button type="button" class="btn btn-secondary" @click="cancel"
+                                style="margin-bottom: 10px;">
+                                Cancelar
+                            </button>
                             <button type="submit" class="btn" :style="{ background: theme.primary, color: '#fff' }"
                                 :disabled="!form.termsAccepted || form.processing">
                                 <span v-if="!form.processing" class="indicator-label">Registrarse</span>
@@ -207,6 +211,10 @@ export default {
             window.location.href = route('apple.register');
         };
 
+        const cancel = () => {
+            window.location.href = '/'; // Cambia esto según tu ruta real
+        };
+
         return {
             form,
             isDarkMode,
@@ -215,14 +223,15 @@ export default {
             registerWithGoogle,
             registerWithApple,
             toggleDarkMode, // Asegúrate de incluir toggleDarkMode en el return
+            cancel
         };
     },
 };
 </script>
 
 <style scoped>
 .form-container {
-    padding: 1.85rem;
+
     border-radius: 8px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }