+
+
+ Cargando tus reservas...
+{{ booking.className }}
+{{ obtenerFechaClase(booking) | date:'EEE, d MMM, h:mm a' }}
+
+
+
+
No tienes reservas activas
+Explora las clases disponibles y haz tu primera reserva
+{{ gymClass.name }}
diff --git a/src/app/pages/profile/profile.module.ts b/src/app/pages/profile/profile.module.ts index 12250e0..e985aae 100644 --- a/src/app/pages/profile/profile.module.ts +++ b/src/app/pages/profile/profile.module.ts @@ -1,11 +1,8 @@ -import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; +import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; - import { IonicModule } from '@ionic/angular'; - import { ProfilePageRoutingModule } from './profile-routing.module'; - import { ProfilePage } from './profile.page'; @NgModule({ diff --git a/src/app/pages/profile/profile.page.html b/src/app/pages/profile/profile.page.html index d5d735e..7a0a66b 100644 --- a/src/app/pages/profile/profile.page.html +++ b/src/app/pages/profile/profile.page.html @@ -1,13 +1,69 @@ -
+
+ ![Foto de perfil]()
+
+
+
+ Toca para cambiar foto
+{{ usuario?.name || 'Usuario' }}
+{{ usuario?.email || 'usuario@ejemplo.com' }}
+Clases Reservadas
+{{ estadisticas.totalReservas }} reservas
+Clases Completadas
+{{ estadisticas.clasesCompletadas }} clases
+
+
+Versión 1.0.0
+© 2025 Gym Reservations App
+soporte@gymapp.com', + buttons: ['Entendido'] + }); + await alert.present(); + } + + async mostrarEditarPerfil() { + const alert = await this.alertController.create({ + header: 'Editar Perfil', + inputs: [ + { + name: 'name', + type: 'text', + placeholder: 'Nombre completo', + value: this.usuario?.name || '' + }, + { + name: 'email', + type: 'email', + placeholder: 'Correo electrónico', + value: this.usuario?.email || '', + disabled: true // No permitimos cambiar el email en esta demo + } + ], + buttons: [ + { + text: 'Cancelar', + role: 'cancel' + }, + { + text: 'Guardar', + handler: (data) => { + this.actualizarPerfil(data); + } + } + ] + }); + + await alert.present(); + } + + async actualizarPerfil(data: {name: string, email: string}) { + if (!this.usuario) return; + + // Verificar si hay cambios + if (data.name === this.usuario.name) { + this.mostrarToast('No hay cambios que guardar', 'medium'); + return; + } + + // Mostrar loading + const loading = await this.loadingController.create({ + message: 'Actualizando perfil...', + spinner: 'circles' + }); + await loading.present(); + + // Actualizar usuario + this.authService.updateUserProfile({ + ...this.usuario, + name: data.name + }).subscribe({ + next: (updatedUser) => { + this.usuario = updatedUser; + loading.dismiss(); + this.mostrarToast('Perfil actualizado correctamente', 'success'); + }, + error: (error) => { + console.error('Error al actualizar perfil', error); + loading.dismiss(); + this.mostrarToast('Error al actualizar perfil', 'danger'); + } + }); + } + + async confirmarCerrarSesion() { + const alert = await this.alertController.create({ + header: 'Cerrar Sesión', + message: '¿Estás seguro de que deseas cerrar sesión?', + buttons: [ + { + text: 'Cancelar', + role: 'cancel' + }, + { + text: 'Cerrar Sesión', + handler: () => { + this.cerrarSesion(); + } + } + ] + }); + await alert.present(); + } + + cerrarSesion() { + this.authService.logout().subscribe({ + next: () => { + // En una app real, redirigir a la pantalla de login + this.mostrarToast('Sesión cerrada', 'success'); + + // Para este demo, simplemente reiniciamos a la primera pestaña + this.navController.navigateRoot('/tabs/classes'); + }, + error: (error) => { + console.error('Error al cerrar sesión', error); + this.mostrarToast('Error al cerrar sesión', 'danger'); + } + }); + } + + async mostrarToast(mensaje: string, color: string = 'primary') { + const toast = await this.toastController.create({ + message: mensaje, + duration: 2000, + position: 'bottom', + color: color + }); + toast.present(); + } +} \ No newline at end of file diff --git a/src/app/services/auth.service.ts b/src/app/services/auth.service.ts index fac6c5e..34fb58e 100644 --- a/src/app/services/auth.service.ts +++ b/src/app/services/auth.service.ts @@ -1,66 +1,111 @@ import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; import { BehaviorSubject, Observable, of } from 'rxjs'; -import { delay, tap } from 'rxjs/operators'; +import { catchError, map, tap } from 'rxjs/operators'; import { User } from '../models/user.model'; +import { environment } from '../../environments/environment'; @Injectable({ providedIn: 'root' }) export class AuthService { + private apiUrl = `${environment.apiUrl}/api/users`; private currentUserSubject = new BehaviorSubject
+
\ No newline at end of file
diff --git a/src/app/shared/components/loader/loader.component.scss b/src/app/shared/components/loader/loader.component.scss
new file mode 100644
index 0000000..463ddc4
--- /dev/null
+++ b/src/app/shared/components/loader/loader.component.scss
@@ -0,0 +1,15 @@
+.loader-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 20px;
+ min-height: 120px;
+ }
+
+ .loader-message {
+ margin-top: 10px;
+ color: var(--ion-color-medium);
+ font-size: 14px;
+ }
+
\ No newline at end of file
diff --git a/src/app/shared/components/loader/loader.component.spec.ts b/src/app/shared/components/loader/loader.component.spec.ts
new file mode 100644
index 0000000..3ba78d9
--- /dev/null
+++ b/src/app/shared/components/loader/loader.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { LoaderComponent } from './loader.component';
+
+describe('LoaderComponent', () => {
+ let component: LoaderComponent;
+ let fixture: ComponentFixture