FreeTLab/farolero
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Gestión de usuarios y avatares en la aplicación. Gestión de traducciones de las palabras.

Browse Source
This commit is contained in:
freetlab
2026-05-04 20:58:02 +02:00
parent 7dd6c7bd74
commit 957b42ea0c
58 changed files with 22603 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/pantallas/pantalla_ajustes.dart
+118
View File
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:farolero/l10n/generated/app_localizations.dart';
import 'package:provider/provider.dart';
import '../servicios/servicio_idioma.dart';
import '../servicios/servicio_perfil_usuario.dart';
import '../tema/componentes_farolero.dart';
import '../tema/tema_app.dart';
@@ -20,6 +21,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context)!;
final servicioIdioma = context.watch<ServicioIdioma>();
final perfil = context.watch<ServicioPerfilUsuario>().perfil;
return Scaffold(
appBar: AppBar(title: Text(l10n.settingsTitle)),
@@ -29,6 +31,21 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Card(
child: ListTile(
leading: AvatarFarolero(
texto: perfil.nombre.substring(0, 1).toUpperCase(),
assetPath: perfil.avatarAsset,
size: 48,
),
title: Text(perfil.nombre),
subtitle: Text('@${perfil.nick}'),
trailing: const Icon(Icons.edit),
onTap: () => _editarPerfil(context),
),
),
const SizedBox(height: 12),
// Selector de idioma
Card(
child: Padding(
@@ -173,6 +190,107 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
);
}
Future<void> _editarPerfil(BuildContext context) async {
final servicioPerfil = context.read<ServicioPerfilUsuario>();
final actual = servicioPerfil.perfil;
final nombreController = TextEditingController(text: actual.nombre);
final nickController = TextEditingController(text: actual.nick);
var avatarSeleccionado = actual.avatarAsset;
await showDialog<void>(
context: context,
builder: (ctx) => StatefulBuilder(
builder: (ctx, setDialogState) => AlertDialog(
title: const Text('Perfil del dispositivo'),
content: SizedBox(
width: 420,
child: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
TextField(
controller: nombreController,
textCapitalization: TextCapitalization.words,
decoration: const InputDecoration(
labelText: 'Nombre',
prefixIcon: Icon(Icons.person),
),
),
const SizedBox(height: 12),
TextField(
controller: nickController,
decoration: const InputDecoration(
labelText: 'Nick',
prefixIcon: Icon(Icons.alternate_email),
),
),
const SizedBox(height: 16),
GridView.builder(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
gridDelegate:
const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 5,
mainAxisSpacing: 8,
crossAxisSpacing: 8,
),
itemCount: ServicioPerfilUsuario.avatares.length,
itemBuilder: (context, index) {
final avatar = ServicioPerfilUsuario.avatares[index];
final seleccionado = avatar == avatarSeleccionado;
return InkWell(
borderRadius: BorderRadius.circular(999),
onTap: () => setDialogState(
() => avatarSeleccionado = avatar,
),
child: Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(
color: seleccionado
? TemaApp.colorNaranja
: Colors.transparent,
width: 3,
),
),
child: AvatarFarolero(
texto: '',
assetPath: avatar,
size: 48,
),
),
);
},
),
],
),
),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(ctx),
child: const Text('Cancelar'),
),
TextButton(
onPressed: () async {
await servicioPerfil.guardar(
nombre: nombreController.text,
nick: nickController.text,
avatarAsset: avatarSeleccionado,
);
if (ctx.mounted) Navigator.pop(ctx);
},
child: const Text('Guardar'),
),
],
),
),
);
nombreController.dispose();
nickController.dispose();
}
String _nombreIdiomaDelSistema() {
final locale = WidgetsBinding.instance.platformDispatcher.locale;
final codigo = locale.countryCode != null && locale.countryCode!.isNotEmpty
lib/pantallas/pantalla_crear_partida.dart
+18 -2
View File
@@ -8,6 +8,7 @@ import '../modelos/partida.dart';
import '../modelos/usuario.dart';
import '../servicios/servicio_nearby.dart';
import '../servicios/servicio_permisos.dart';
import '../servicios/servicio_perfil_usuario.dart';
import '../tema/componentes_farolero.dart';
import '../tema/tema_app.dart';
import 'pantalla_gestor_host.dart';
@@ -131,8 +132,14 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
// 3. Iniciar host en Nearby
if (!mounted) return;
final nearby = context.read<ServicioNearby>();
final perfil = context.read<ServicioPerfilUsuario>().perfil;
final nombreSala = '${nombre.trim()} - Farolero';
final ok = await nearby.iniciarHost(nombreSala, nombre.trim());
final ok = await nearby.iniciarHost(
nombreSala,
nombre.trim(),
miNick: perfil.nick,
miAvatar: perfil.avatarAsset,
);
if (!ok) {
if (mounted) {
@@ -279,7 +286,11 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
value: usuario.nombre,
child: Row(
children: [
Text(usuario.avatar ?? '👤'),
AvatarFarolero(
texto: usuario.nombre.substring(0, 1),
assetPath: usuario.avatar,
size: 28,
),
const SizedBox(width: 8),
Text(usuario.nombre),
],
@@ -324,6 +335,7 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
final controller = TextEditingController();
final l10n = AppLocalizations.of(context)!;
final nearby = context.read<ServicioNearby>();
controller.text = context.read<ServicioPerfilUsuario>().perfil.nombre;
final nombre = await showDialog<String>(
context: context,
@@ -356,6 +368,9 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
final nuevoUsuario = Usuario(
id: DateTime.now().millisecondsSinceEpoch.toString(),
nombre: nombre.trim(),
nick: context.read<ServicioPerfilUsuario>().perfil.nick,
avatar: context.read<ServicioPerfilUsuario>().perfil.avatarAsset,
foto: context.read<ServicioPerfilUsuario>().perfil.avatarAsset,
);
nearby.agregarUsuario(nuevoUsuario);
return nombre.trim();
@@ -366,6 +381,7 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
/// Método original para pedir nombre (usado cuando pool vacío)
Future<String?> _pedirNombreHost() async {
final controller = TextEditingController();
controller.text = context.read<ServicioPerfilUsuario>().perfil.nombre;
final l10n = AppLocalizations.of(context)!;
return showDialog<String>(
context: context,
lib/pantallas/pantalla_fin_partida.dart
+17 -1
View File
@@ -3,13 +3,21 @@ import 'package:farolero/l10n/generated/app_localizations.dart';
import 'package:provider/provider.dart';
import '../estado/estado_juego.dart';
import '../modelos/palabra.dart';
import '../servicios/servicio_historial_partidas.dart';
import '../tema/tema_app.dart';
import 'pantalla_principal.dart';
import 'pantalla_ver_palabra.dart';
class PantallaFinPartida extends StatelessWidget {
class PantallaFinPartida extends StatefulWidget {
const PantallaFinPartida({super.key});
@override
State<PantallaFinPartida> createState() => _PantallaFinPartidaState();
}
class _PantallaFinPartidaState extends State<PantallaFinPartida> {
bool _guardada = false;
@override
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context)!;
@@ -20,6 +28,14 @@ class PantallaFinPartida extends StatelessWidget {
final ganaronJugadores = partida.ganador == 'jugadores';
final impostores =
partida.jugadores.where((j) => j.esImpostor).toList();
if (!_guardada && partida.ganador != null) {
_guardada = true;
WidgetsBinding.instance.addPostFrameCallback((_) {
if (mounted) {
context.read<ServicioHistorialPartidas>().guardarPartida(partida);
}
});
}
return Scaffold(
appBar: AppBar(
lib/pantallas/pantalla_historial.dart
+58
View File
@@ -0,0 +1,58 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../servicios/servicio_historial_partidas.dart';
import '../tema/componentes_farolero.dart';
import '../tema/tema_app.dart';
class PantallaHistorial extends StatelessWidget {
const PantallaHistorial({super.key});
@override
Widget build(BuildContext context) {
final historial = context.watch<ServicioHistorialPartidas>();
final partidas = historial.partidas;
return Scaffold(
appBar: AppBar(title: const Text('Historial')),
body: FondoFarolero(
child: partidas.isEmpty
? const Center(child: Text('Todavía no hay partidas guardadas.'))
: ListView.builder(
padding: const EdgeInsets.all(16),
itemCount: partidas.length,
itemBuilder: (context, index) {
final partida = partidas[index];
final ganaronJugadores = partida.ganador == 'jugadores';
return Card(
child: ListTile(
leading: CircleAvatar(
backgroundColor: ganaronJugadores
? TemaApp.colorVerde
: TemaApp.colorAcento,
child: Icon(
ganaronJugadores ? Icons.groups : Icons.theater_comedy,
color: Colors.white,
),
),
title: Text(
ganaronJugadores
? 'Ganaron los jugadores'
: 'Ganaron los impostores',
),
subtitle: Text(
'${partida.jugadores} jugadores · ${partida.impostores} impostor(es) · ${partida.rondas} ronda(s)\n${partida.palabra} · ${partida.categoria}',
),
isThreeLine: true,
trailing: Text(
'${partida.fecha.day.toString().padLeft(2, '0')}/${partida.fecha.month.toString().padLeft(2, '0')}',
style: Theme.of(context).textTheme.bodySmall,
),
),
);
},
),
),
);
}
}
lib/pantallas/pantalla_lobby_host.dart
+11 -3
View File
@@ -1,9 +1,10 @@
import 'package:flutter/material.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:qr_flutter/qr_flutter.dart';
import 'package:farolero/l10n/generated/app_localizations.dart';
import '../modelos/usuario.dart';
import '../servicios/servicio_nearby.dart';
import '../servicios/servicio_perfil_usuario.dart';
import '../tema/componentes_farolero.dart';
import '../tema/tema_app.dart';
@@ -208,7 +209,8 @@ class _PantallaLobbyHostState extends State<PantallaLobbyHost> {
leading: CircleAvatar(
backgroundColor: Colors.transparent,
child: AvatarFarolero(
texto: usuario.avatar ?? (usuario.nombre.isEmpty ? '?' : usuario.nombre[0]),
texto: usuario.nombre.isEmpty ? '?' : usuario.nombre[0],
assetPath: usuario.avatar,
color: seleccionadoPorMi
? TemaApp.colorVerde
: seleccionadoPorOtro
@@ -297,7 +299,13 @@ class _PantallaLobbyHostState extends State<PantallaLobbyHost> {
);
if (nombre != null && nombre.trim().isNotEmpty) {
await nearby.crearUsuarioSala(nombre.trim(), seleccionar: true);
final perfil = context.read<ServicioPerfilUsuario>().perfil;
await nearby.crearUsuarioSala(
nombre.trim(),
seleccionar: true,
nick: perfil.nick,
avatar: perfil.avatarAsset,
);
}
}
}
lib/pantallas/pantalla_principal.dart
+19 -4
View File
@@ -1,9 +1,12 @@
import 'package:flutter/material.dart';
import 'package:farolero/l10n/generated/app_localizations.dart';
import 'package:provider/provider.dart';
import '../servicios/servicio_perfil_usuario.dart';
import '../tema/componentes_farolero.dart';
import '../tema/tema_app.dart';
import 'pantalla_ajustes.dart';
import 'pantalla_crear_partida.dart';
import 'pantalla_historial.dart';
import 'pantalla_reglas.dart';
import 'pantalla_unirse.dart';
@@ -13,6 +16,7 @@ class PantallaPrincipal extends StatelessWidget {
@override
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context)!;
final perfil = context.watch<ServicioPerfilUsuario>().perfil;
return Scaffold(
body: FondoFarolero(
@@ -27,18 +31,22 @@ class PantallaPrincipal extends StatelessWidget {
children: [
Row(
children: [
const AvatarFarolero(texto: 'A', size: 48),
AvatarFarolero(
texto: perfil.nombre.substring(0, 1).toUpperCase(),
assetPath: perfil.avatarAsset,
size: 48,
),
const SizedBox(width: 10),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Alex',
perfil.nombre,
style: Theme.of(context).textTheme.titleMedium,
),
Text(
'Nivel 12',
'@${perfil.nick}',
style: Theme.of(context).textTheme.bodySmall,
),
const SizedBox(height: 3),
@@ -124,7 +132,14 @@ class PantallaPrincipal extends StatelessWidget {
child: AccesoFarolero(
etiqueta: 'Historial',
icono: Icons.history,
onPressed: () {},
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => const PantallaHistorial(),
),
);
},
),
),
const SizedBox(width: 8),
lib/pantallas/pantalla_unirse.dart
+13 -1
View File
@@ -7,6 +7,7 @@ import '../modelos/inicio_partida_multijugador.dart';
import '../modelos/usuario.dart';
import '../servicios/servicio_nearby.dart';
import '../servicios/servicio_permisos.dart';
import '../servicios/servicio_perfil_usuario.dart';
import '../tema/componentes_farolero.dart';
import '../tema/tema_app.dart';
import 'pantalla_palabra_cliente.dart';
@@ -46,6 +47,10 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
super.initState();
// Registrar listener ANTES del primer build
WidgetsBinding.instance.addPostFrameCallback((_) {
final perfil = context.read<ServicioPerfilUsuario>().perfil;
if (_nombreController.text.isEmpty) {
_nombreController.text = perfil.nombre;
}
_registrarListenerPartida();
});
}
@@ -701,6 +706,7 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
final l10n = AppLocalizations.of(context)!;
final controller = TextEditingController();
final nearby = context.read<ServicioNearby>();
controller.text = context.read<ServicioPerfilUsuario>().perfil.nombre;
final nombre = await showDialog<String>(
context: context,
@@ -730,7 +736,13 @@ class _PantallaUnirseState extends State<PantallaUnirse> {
);
if (nombre != null && nombre.trim().isNotEmpty) {
await nearby.crearUsuarioSala(nombre.trim(), seleccionar: true);
final perfil = context.read<ServicioPerfilUsuario>().perfil;
await nearby.crearUsuarioSala(
nombre.trim(),
seleccionar: true,
nick: perfil.nick,
avatar: perfil.avatarAsset,
);
}
}