alumnos_ti/SOMA-PRO
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Agrego frontend app

Browse Source
This commit is contained in:
Pablo
2026-08-22 19:08:19 -03:00
parent 824e092b29
commit 2d0797e627
254 changed files with 37231 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
flutter_soma_app/lib/features/auth/presentation/providers/auth_provider.dart
+65
View File
@@ -0,0 +1,65 @@
import 'package:flutter/foundation.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:gimnasio_soma/features/auth/data/repositories/auth_repository_impl.dart';
import 'package:gimnasio_soma/features/auth/domain/entities/user_session.dart';
import 'package:gimnasio_soma/features/auth/domain/repositories/auth_repository.dart';
final authRepositoryProvider = Provider<AuthRepository>((ref) {
return AuthRepositoryImpl();
});
final authStateProvider =
StateNotifierProvider<AuthNotifier, AsyncValue<UserSession?>>((ref) {
return AuthNotifier(ref.read(authRepositoryProvider));
});
/// Listenable que notifica al GoRouter cuando cambia el estado de auth.
/// Solo notifica cuando el estado pasa de logueado a no-logueado o viceversa,
/// no cuando pasa a loading (para evitar recrear el router innecesariamente).
final authChangeNotifierProvider = Provider<AuthChangeNotifier>((ref) {
final notifier = AuthChangeNotifier();
ref.listen<AsyncValue<UserSession?>>(authStateProvider, (prev, next) {
final wasLoggedIn = prev?.valueOrNull != null;
final isLoggedIn = next.valueOrNull != null;
if (wasLoggedIn != isLoggedIn) {
notifier.notify();
}
});
return notifier;
});
class AuthChangeNotifier extends ChangeNotifier {
void notify() => notifyListeners();
}
class AuthNotifier extends StateNotifier<AsyncValue<UserSession?>> {
final AuthRepository _repository;
AuthNotifier(this._repository) : super(const AsyncValue.data(null));
Future<void> checkSession() async {
state = const AsyncValue.loading();
try {
final session = await _repository.validateSession();
state = AsyncValue.data(session);
} catch (e, st) {
state = AsyncValue.error(e, st);
}
}
Future<String?> login(String dni, String password) async {
try {
final session = await _repository.login(dni, password);
state = AsyncValue.data(session);
return null;
} catch (e) {
state = const AsyncValue.data(null);
return e.toString().replaceFirst('Exception: ', '');
}
}
Future<void> logout() async {
await _repository.logout();
state = const AsyncValue.data(null);
}
}
flutter_soma_app/lib/features/auth/presentation/screens/login_screen.dart
+98
View File
@@ -0,0 +1,98 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:gimnasio_soma/core/widgets/soma_toast.dart';
import 'package:gimnasio_soma/features/auth/presentation/providers/auth_provider.dart';
import 'package:gimnasio_soma/features/auth/presentation/widgets/login_desktop.dart';
import 'package:gimnasio_soma/features/auth/presentation/widgets/login_mobile.dart';
/// Breakpoint para cambiar entre mobile y desktop layout.
const _kDesktopBreakpoint = 800.0;
class LoginScreen extends ConsumerStatefulWidget {
const LoginScreen({super.key});
@override
ConsumerState<LoginScreen> createState() => _LoginScreenState();
}
class _LoginScreenState extends ConsumerState<LoginScreen>
with SingleTickerProviderStateMixin {
late final AnimationController _animController;
late final Animation<double> _fadeIn;
late final Animation<Offset> _slideMobile;
late final Animation<Offset> _slideDesktop;
@override
void initState() {
super.initState();
_animController = AnimationController(
vsync: this,
duration: const Duration(milliseconds: 800),
);
_fadeIn = CurvedAnimation(
parent: _animController,
curve: Curves.easeOut,
);
// Mobile: form slides up
_slideMobile = Tween<Offset>(
begin: const Offset(0, 0.15),
end: Offset.zero,
).animate(CurvedAnimation(
parent: _animController,
curve: Curves.easeOutCubic,
));
// Desktop: form slides in from right
_slideDesktop = Tween<Offset>(
begin: const Offset(0.08, 0),
end: Offset.zero,
).animate(CurvedAnimation(
parent: _animController,
curve: Curves.easeOutCubic,
));
_animController.forward();
}
@override
void dispose() {
_animController.dispose();
super.dispose();
}
Future<void> _handleLogin(String dni, String password) async {
final error = await ref
.read(authStateProvider.notifier)
.login(dni, password)
.timeout(
const Duration(seconds: 15),
onTimeout: () => 'Tiempo de espera agotado. Verificá tu conexión.',
);
if (!mounted || error == null) return;
SomaToast.show(context, message: error, type: ToastType.error);
}
@override
Widget build(BuildContext context) {
final width = MediaQuery.of(context).size.width;
final isDesktop = width >= _kDesktopBreakpoint;
return Scaffold(
body: isDesktop
? LoginDesktop(
onSubmit: _handleLogin,
fadeIn: _fadeIn,
slideIn: _slideDesktop,
)
: LoginMobile(
onSubmit: _handleLogin,
fadeIn: _fadeIn,
slideUp: _slideMobile,
),
);
}
}
flutter_soma_app/lib/features/auth/presentation/screens/splash_screen.dart
+59
View File
@@ -0,0 +1,59 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:gimnasio_soma/core/theme/soma_colors.dart';
import 'package:gimnasio_soma/core/widgets/soma_logo.dart';
import 'package:gimnasio_soma/features/auth/presentation/providers/auth_provider.dart';
class SplashScreen extends ConsumerStatefulWidget {
const SplashScreen({super.key});
@override
ConsumerState<SplashScreen> createState() => _SplashScreenState();
}
class _SplashScreenState extends ConsumerState<SplashScreen> {
@override
void initState() {
super.initState();
WidgetsBinding.instance.addPostFrameCallback((_) => _checkSession());
}
Future<void> _checkSession() async {
try {
await ref.read(authStateProvider.notifier).checkSession();
} catch (_) {
// Error en la validación, ir a login
}
if (!mounted) return;
final user = ref.read(authStateProvider).valueOrNull;
if (user == null) {
context.go('/login');
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const SomaLogo(width: 160),
const SizedBox(height: 32),
SizedBox(
width: 24,
height: 24,
child: CircularProgressIndicator(
strokeWidth: 2.5,
color: SomaColors.primary,
),
),
],
),
),
);
}
}
flutter_soma_app/lib/features/auth/presentation/widgets/login_desktop.dart
+74
View File
@@ -0,0 +1,74 @@
import 'package:flutter/material.dart';
import 'package:gimnasio_soma/core/theme/soma_colors.dart';
import 'package:gimnasio_soma/features/auth/presentation/widgets/login_form.dart';
import 'package:gimnasio_soma/features/auth/presentation/widgets/login_hero.dart';
class LoginDesktop extends StatelessWidget {
final Future<void> Function(String dni, String password) onSubmit;
final Animation<double> fadeIn;
final Animation<Offset> slideIn;
const LoginDesktop({
super.key,
required this.onSubmit,
required this.fadeIn,
required this.slideIn,
});
@override
Widget build(BuildContext context) {
return Row(
children: [
// ── Hero (left half) ──
const Expanded(
flex: 5,
child: LoginHero(),
),
// ── Form (right half) ──
Expanded(
flex: 4,
child: FadeTransition(
opacity: fadeIn,
child: SlideTransition(
position: slideIn,
child: Container(
height: double.infinity,
color: Theme.of(context).colorScheme.surface,
child: Center(
child: SingleChildScrollView(
padding: const EdgeInsets.symmetric(
horizontal: 48,
vertical: 40,
),
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 400),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
LoginForm(onSubmit: onSubmit),
const SizedBox(height: 32),
Center(
child: Text(
'v0.1.0',
style: TextStyle(
fontSize: 11,
color: SomaColors.darkOnSurfaceVariant
.withAlpha(100),
),
),
),
],
),
),
),
),
),
),
),
),
],
);
}
}
flutter_soma_app/lib/features/auth/presentation/widgets/login_form.dart
+129
View File
@@ -0,0 +1,129 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:gimnasio_soma/core/theme/soma_colors.dart';
import 'package:gimnasio_soma/core/widgets/soma_primary_button.dart';
import 'package:gimnasio_soma/core/widgets/soma_text_field.dart';
class LoginForm extends StatefulWidget {
final Future<void> Function(String dni, String password) onSubmit;
const LoginForm({super.key, required this.onSubmit});
@override
State<LoginForm> createState() => _LoginFormState();
}
class _LoginFormState extends State<LoginForm> {
final _formKey = GlobalKey<FormState>();
final _dniController = TextEditingController();
final _passwordController = TextEditingController();
bool _obscurePassword = true;
bool _isLoading = false;
@override
void dispose() {
_dniController.dispose();
_passwordController.dispose();
super.dispose();
}
Future<void> _handleSubmit() async {
if (!_formKey.currentState!.validate()) return;
setState(() => _isLoading = true);
await widget.onSubmit(
_dniController.text.trim(),
_passwordController.text,
);
if (mounted) setState(() => _isLoading = false);
}
@override
Widget build(BuildContext context) {
return Form(
key: _formKey,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Text(
'Iniciar sesión',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w700,
color: Theme.of(context).colorScheme.onSurface,
),
),
const SizedBox(height: 6),
Text(
'Ingresá tus datos para continuar',
style: TextStyle(
fontSize: 14,
color: SomaColors.darkOnSurfaceVariant,
),
),
const SizedBox(height: 28),
SomaTextField(
controller: _dniController,
hintText: 'Ej: 12345678',
labelText: 'DNI',
prefixIcon: Icons.badge_outlined,
keyboardType: TextInputType.number,
inputFormatters: [
FilteringTextInputFormatter.digitsOnly,
LengthLimitingTextInputFormatter(8),
],
validator: (value) {
if (value == null || value.isEmpty) {
return 'El DNI es requerido';
}
if (value.length < 7) {
return 'DNI inválido';
}
return null;
},
),
const SizedBox(height: 16),
SomaTextField(
controller: _passwordController,
hintText: 'Tu contraseña',
labelText: 'Contraseña',
prefixIcon: Icons.lock_outline,
obscureText: _obscurePassword,
suffixIcon: IconButton(
icon: Icon(
_obscurePassword
? Icons.visibility_outlined
: Icons.visibility_off_outlined,
color: Theme.of(context)
.colorScheme
.onSurface
.withAlpha(130),
size: 20,
),
onPressed: () {
setState(() => _obscurePassword = !_obscurePassword);
},
),
validator: (value) {
if (value == null || value.isEmpty) {
return 'La contraseña es requerida';
}
if (value.length < 4) {
return 'La contraseña es muy corta';
}
return null;
},
),
const SizedBox(height: 32),
SomaPrimaryButton(
text: 'Ingresar',
onPressed: _handleSubmit,
isLoading: _isLoading,
),
],
),
);
}
}
flutter_soma_app/lib/features/auth/presentation/widgets/login_hero.dart
+72
View File
@@ -0,0 +1,72 @@
import 'package:flutter/material.dart';
import 'package:gimnasio_soma/core/theme/soma_colors.dart';
class LoginHero extends StatelessWidget {
const LoginHero({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
height: double.infinity,
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [Color(0xFF1A1A1A), Color(0xFF121212)],
),
),
child: Stack(
children: [
// Decorative circles
Positioned(
top: -60,
left: -60,
child: Container(
width: 200,
height: 200,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: SomaColors.primary.withAlpha(15),
),
),
),
Positioned(
bottom: -40,
right: -40,
child: Container(
width: 150,
height: 150,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: SomaColors.primary.withAlpha(10),
),
),
),
// Content
Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Image.asset(
'assets/logo.png',
width: 180,
),
const SizedBox(height: 12),
Text(
'Gimnasio',
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.w300,
letterSpacing: 6,
color: SomaColors.darkOnSurfaceVariant,
),
),
],
),
),
],
),
);
}
}
flutter_soma_app/lib/features/auth/presentation/widgets/login_mobile.dart
+91
View File
@@ -0,0 +1,91 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:gimnasio_soma/core/theme/soma_colors.dart';
import 'package:gimnasio_soma/features/auth/presentation/widgets/login_form.dart';
import 'package:gimnasio_soma/features/auth/presentation/widgets/login_hero.dart';
class LoginMobile extends StatelessWidget {
final Future<void> Function(String dni, String password) onSubmit;
final Animation<double> fadeIn;
final Animation<Offset> slideUp;
const LoginMobile({
super.key,
required this.onSubmit,
required this.fadeIn,
required this.slideUp,
});
@override
Widget build(BuildContext context) {
final screenHeight = MediaQuery.of(context).size.height;
return AnnotatedRegion<SystemUiOverlayStyle>(
value: SystemUiOverlayStyle.light,
child: SingleChildScrollView(
child: SizedBox(
height: screenHeight,
child: Column(
children: [
// ── Hero (top 35%) ──
const Expanded(
flex: 35,
child: SafeArea(
bottom: false,
child: LoginHero(),
),
),
// ── Form (bottom 65%) ──
Expanded(
flex: 65,
child: FadeTransition(
opacity: fadeIn,
child: SlideTransition(
position: slideUp,
child: Container(
width: double.infinity,
padding: const EdgeInsets.fromLTRB(28, 36, 28, 24),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: const BorderRadius.vertical(
top: Radius.circular(32),
),
boxShadow: [
BoxShadow(
color: Colors.black.withAlpha(80),
blurRadius: 20,
offset: const Offset(0, -4),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
child: LoginForm(onSubmit: onSubmit),
),
const SizedBox(height: 12),
Center(
child: Text(
'v0.1.0',
style: TextStyle(
fontSize: 11,
color: SomaColors.darkOnSurfaceVariant
.withAlpha(100),
),
),
),
],
),
),
),
),
),
],
),
),
),
);
}
}