refactor(ajustes): split remaining Settings sections into pushed screens
This commit is contained in:
@@ -0,0 +1,131 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../../estado/estado_idioma.dart';
|
||||
import '../../l10n/gen/app_localizations.dart';
|
||||
import '../../widgets/pluri_glass_surface.dart';
|
||||
import '../../widgets/pluri_layout.dart';
|
||||
import '../../widgets/pluri_push_scaffold.dart';
|
||||
|
||||
/// APLICACIÓN group · "Idioma" (design ADR-3). Body moved verbatim from the
|
||||
/// former `_SeccionIdioma` (+ `_IdiomaDisponible`) in `pantalla_ajustes.dart`
|
||||
/// — only the panel header's icon and title were removed (the pushed
|
||||
/// screen's title now carries them); every method and the language list
|
||||
/// below is unchanged.
|
||||
class PantallaAjustesIdioma extends StatelessWidget {
|
||||
const PantallaAjustesIdioma({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final l10n = AppLocalizations.of(context);
|
||||
return PluriPushScaffold(
|
||||
title: l10n.languageSectionTitle,
|
||||
body: ListView(
|
||||
padding: PluriLayout.pageContentPadding,
|
||||
children: const [_CuerpoIdioma()],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _CuerpoIdioma extends StatelessWidget {
|
||||
const _CuerpoIdioma();
|
||||
|
||||
static const _codigoSistema = 'system';
|
||||
static const _idiomas = [
|
||||
_IdiomaDisponible(Locale('en'), 'English'),
|
||||
_IdiomaDisponible(Locale('es'), 'Español'),
|
||||
_IdiomaDisponible(Locale('zh'), '中文'),
|
||||
_IdiomaDisponible(Locale('hi'), 'हिन्दी'),
|
||||
_IdiomaDisponible(Locale('ar'), 'العربية'),
|
||||
_IdiomaDisponible(Locale('pt'), 'Português'),
|
||||
_IdiomaDisponible(Locale('fr'), 'Français'),
|
||||
_IdiomaDisponible(Locale('ru'), 'Русский'),
|
||||
_IdiomaDisponible(Locale('de'), 'Deutsch'),
|
||||
_IdiomaDisponible(Locale('ja'), '日本語'),
|
||||
_IdiomaDisponible(Locale('id'), 'Bahasa Indonesia'),
|
||||
_IdiomaDisponible(Locale('bn'), 'বাংলা'),
|
||||
_IdiomaDisponible(Locale('it'), 'Italiano'),
|
||||
];
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final l10n = AppLocalizations.of(context);
|
||||
final estadoIdioma = context.watch<EstadoIdioma>();
|
||||
final locale = estadoIdioma.localeSeleccionado;
|
||||
final valorActual = locale == null ? _codigoSistema : _codigoLocale(locale);
|
||||
|
||||
return PluriGlassSurface(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
l10n.languageSectionDescription,
|
||||
style: Theme.of(context).textTheme.bodySmall,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
DropdownButtonFormField<String>(
|
||||
initialValue: valorActual,
|
||||
decoration: InputDecoration(
|
||||
labelText: l10n.languageSectionTitle,
|
||||
border: const OutlineInputBorder(),
|
||||
),
|
||||
items: [
|
||||
DropdownMenuItem(
|
||||
value: _codigoSistema,
|
||||
child: Text(l10n.languageSystemDefault),
|
||||
),
|
||||
for (final idioma in _idiomas)
|
||||
DropdownMenuItem(
|
||||
value: _codigoLocale(idioma.locale),
|
||||
child: Text(idioma.nombreNativo),
|
||||
),
|
||||
],
|
||||
onChanged: (codigo) async {
|
||||
if (codigo == null) return;
|
||||
if (codigo == _codigoSistema) {
|
||||
await context.read<EstadoIdioma>().seleccionarSistema();
|
||||
if (!context.mounted) return;
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text(l10n.languageUpdatedSystem)),
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
final idioma = _idiomas.firstWhere(
|
||||
(item) => _codigoLocale(item.locale) == codigo,
|
||||
orElse: () => _idiomas.first,
|
||||
);
|
||||
await context.read<EstadoIdioma>().seleccionarLocale(
|
||||
idioma.locale,
|
||||
);
|
||||
if (!context.mounted) return;
|
||||
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text(l10n.languageUpdated(idioma.nombreNativo)),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
static String _codigoLocale(Locale locale) {
|
||||
final countryCode = locale.countryCode;
|
||||
if (countryCode == null || countryCode.isEmpty) {
|
||||
return locale.languageCode;
|
||||
}
|
||||
return '${locale.languageCode}_$countryCode';
|
||||
}
|
||||
}
|
||||
|
||||
class _IdiomaDisponible {
|
||||
const _IdiomaDisponible(this.locale, this.nombreNativo);
|
||||
|
||||
final Locale locale;
|
||||
final String nombreNativo;
|
||||
}
|
||||
Reference in New Issue
Block a user