update
This commit is contained in:
Felipe
@@ -27,7 +27,7 @@ class ProfileItem extends StatelessWidget {
|
||||
title,
|
||||
style: const TextStyle(color: Colors.black),
|
||||
),
|
||||
subtitle: subtitle == null
|
||||
subtitle: subtitle == null || subtitle!.isEmpty
|
||||
? null
|
||||
: Text(
|
||||
subtitle ?? '',
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:injector/injector.dart';
|
||||
import 'package:prosappco/blocs/auth_bloc/auth_bloc.dart';
|
||||
import 'package:prosappco/blocs/my_user_bloc/my_user_bloc.dart';
|
||||
import 'package:prosappco/components/general_primary_button.dart';
|
||||
import 'package:prosappco/screens/authentication/sign_in_screen.dart';
|
||||
|
||||
class ProfileEmailScreen extends StatefulWidget {
|
||||
const ProfileEmailScreen({super.key});
|
||||
@@ -13,6 +17,14 @@ class _ProfileEmailScreenState extends State<ProfileEmailScreen> {
|
||||
final TextEditingController _emailController = TextEditingController();
|
||||
final TextEditingController _passwordController = TextEditingController();
|
||||
|
||||
late final AuthBloc authBloc;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
authBloc = Injector.appInstance.get<AuthBloc>();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_emailController.dispose();
|
||||
@@ -20,118 +32,153 @@ class _ProfileEmailScreenState extends State<ProfileEmailScreen> {
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BlocBuilder<MyUserBloc, MyUserState>(
|
||||
builder: (context, state) {
|
||||
if (state.status == MyUserStatus.success) {
|
||||
_emailController.text = state.user!.email ?? '';
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text(
|
||||
_emailController.text.isEmpty
|
||||
? 'Agregar correo'
|
||||
: 'Actualizar correo',
|
||||
),
|
||||
void _showLoginModal(BuildContext context) {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (BuildContext context) {
|
||||
return AlertDialog(
|
||||
title: const Text('Requiere inicio de sesión reciente'),
|
||||
content: const Text('Por favor, inicie sesión nuevamente para continuar.'),
|
||||
actions: <Widget>[
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
Navigator.of(context).pop();
|
||||
},
|
||||
child: const Text('OK'),
|
||||
),
|
||||
body: Center(
|
||||
// Centro del contenido
|
||||
child: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding:
|
||||
const EdgeInsets.symmetric(horizontal: 40, vertical: 10),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
TextFormField(
|
||||
controller: _emailController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Email',
|
||||
prefixIcon: Icon(Icons.email_rounded),
|
||||
hintText: 'Email',
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(10.0),
|
||||
)),
|
||||
errorBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.red),
|
||||
),
|
||||
focusedErrorBorder: OutlineInputBorder(
|
||||
borderSide:
|
||||
BorderSide(color: Colors.red, width: 2.0),
|
||||
),
|
||||
),
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return 'Por favor, ingrese su contraseña';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
TextFormField(
|
||||
controller: _passwordController,
|
||||
obscureText: true,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Contraseña',
|
||||
prefixIcon: Icon(Icons.lock_rounded),
|
||||
hintText: 'Contraseña',
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(10.0),
|
||||
)),
|
||||
errorBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.red),
|
||||
),
|
||||
focusedErrorBorder: OutlineInputBorder(
|
||||
borderSide:
|
||||
BorderSide(color: Colors.red, width: 2.0),
|
||||
),
|
||||
),
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return 'Por favor, ingrese su contraseña';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
ElevatedButton(
|
||||
onPressed: () {},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: Colors.blue,
|
||||
padding: const EdgeInsets.symmetric(vertical: 5),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
shadowColor: Colors.grey,
|
||||
elevation: 5,
|
||||
),
|
||||
child: Container(
|
||||
constraints: const BoxConstraints(
|
||||
maxWidth: 300.0, minHeight: 50.0),
|
||||
alignment: Alignment.center,
|
||||
child: const Text(
|
||||
'Actualizar',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BlocProvider<AuthBloc>(
|
||||
create: (context) => authBloc,
|
||||
child: BlocListener<AuthBloc, AuthState>(
|
||||
listener: (context, state) {
|
||||
if (state is AuthStateSuccess) {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
if (state is AuthStateEmailAlreadyInUse) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
|
||||
content: Text('El correo ya existe'),
|
||||
));
|
||||
}
|
||||
if (state is AuthStateRequiresRecentLogin) {
|
||||
_showLoginModal(context);
|
||||
}
|
||||
},
|
||||
child: BlocBuilder<MyUserBloc, MyUserState>(
|
||||
builder: (context, state) {
|
||||
if (state.status == MyUserStatus.success) {
|
||||
_emailController.text = state.user!.email ?? '';
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text(
|
||||
_emailController.text.isEmpty
|
||||
? 'Agregar correo'
|
||||
: 'Actualizar correo',
|
||||
),
|
||||
),
|
||||
body: Center(
|
||||
// Centro del contenido
|
||||
child: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 40, vertical: 10),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
TextFormField(
|
||||
controller: _emailController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Email',
|
||||
prefixIcon: Icon(Icons.email_rounded),
|
||||
hintText: 'Email',
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(10.0),
|
||||
)),
|
||||
errorBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.red),
|
||||
),
|
||||
focusedErrorBorder: OutlineInputBorder(
|
||||
borderSide:
|
||||
BorderSide(color: Colors.red, width: 2.0),
|
||||
),
|
||||
),
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return 'Por favor, ingrese su contraseña';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
TextFormField(
|
||||
controller: _passwordController,
|
||||
obscureText: true,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Contraseña',
|
||||
prefixIcon: Icon(Icons.lock_rounded),
|
||||
hintText: 'Contraseña',
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(10.0),
|
||||
)),
|
||||
errorBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.red),
|
||||
),
|
||||
focusedErrorBorder: OutlineInputBorder(
|
||||
borderSide:
|
||||
BorderSide(color: Colors.red, width: 2.0),
|
||||
),
|
||||
),
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return 'Por favor, ingrese su contraseña';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
GeneralPrimaryButton(
|
||||
onPressed: () {
|
||||
if (_emailController.text.isEmpty) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (_passwordController.text.isEmpty) {
|
||||
return;
|
||||
}
|
||||
|
||||
context.read<AuthBloc>().add(
|
||||
AuthEventAddEmailAndPassword(
|
||||
email: _emailController.text,
|
||||
password: _passwordController.text,
|
||||
),
|
||||
);
|
||||
},
|
||||
label: _emailController.text.isEmpty
|
||||
? 'Registrar'
|
||||
: 'Actualizar',
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -33,9 +33,13 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
XFile? _imageFile;
|
||||
bool isLoading = false;
|
||||
|
||||
bool enableLoginWithEmail = false;
|
||||
bool obscurePassword = true;
|
||||
IconData iconPassword = CupertinoIcons.eye_fill;
|
||||
late final AuthBloc authBloc;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
authBloc = Injector.appInstance.get<AuthBloc>();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
@@ -52,8 +56,6 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final authBloc = Injector.appInstance.get<AuthBloc>();
|
||||
|
||||
return BlocProvider<AuthBloc>(
|
||||
create: (context) => authBloc,
|
||||
child: BlocListener<ProfileBloc, ProfileState>(
|
||||
@@ -125,12 +127,42 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
return null;
|
||||
},
|
||||
),
|
||||
_birthdayController.text.isEmpty &&
|
||||
_genderController.text.isEmpty
|
||||
? Column(
|
||||
children: [
|
||||
const SizedBox(height: 20.0),
|
||||
BirthdayPicker(
|
||||
onDateSelected: (birthDay) {
|
||||
_birthdayController.text =
|
||||
DateFormat('dd/MM/yyyy')
|
||||
.format(birthDay);
|
||||
},
|
||||
controller: _birthdayController,
|
||||
),
|
||||
const SizedBox(height: 20.0),
|
||||
GenderDropdown(
|
||||
controller: _genderController,
|
||||
),
|
||||
],
|
||||
)
|
||||
: const SizedBox(),
|
||||
const SizedBox(height: 20),
|
||||
ProfileItem(
|
||||
title: 'Iniciar sesión con correo',
|
||||
subtitle: _emailController.text,
|
||||
leading: Icons.email_rounded,
|
||||
onTap: () {
|
||||
if (state.user!.name == null ||
|
||||
state.user!.name == '') {
|
||||
ScaffoldMessenger.of(context)
|
||||
.showSnackBar(const SnackBar(
|
||||
content: Text('Por favor, ingrese su nombre'),
|
||||
));
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
Navigator.push(
|
||||
context,
|
||||
CupertinoPageRoute(
|
||||
@@ -155,234 +187,6 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
);
|
||||
},
|
||||
),
|
||||
|
||||
// Column(
|
||||
// children: [
|
||||
// const SizedBox(height: 20.0),
|
||||
// TextFormField(
|
||||
// readOnly: true,
|
||||
// controller: _emailController,
|
||||
// decoration: const InputDecoration(
|
||||
// labelText: 'Email',
|
||||
// prefixIcon: Icon(Icons.email_rounded),
|
||||
// hintText: 'Email',
|
||||
// border: OutlineInputBorder(
|
||||
// borderRadius: BorderRadius.all(
|
||||
// Radius.circular(10.0),
|
||||
// )),
|
||||
// errorBorder: OutlineInputBorder(
|
||||
// borderSide: BorderSide(color: Colors.red),
|
||||
// ),
|
||||
// focusedErrorBorder: OutlineInputBorder(
|
||||
// borderSide: BorderSide(
|
||||
// color: Colors.red, width: 2.0),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// const SizedBox(height: 20.0),
|
||||
// TextFormField(
|
||||
// readOnly: true,
|
||||
// controller: _phoneController,
|
||||
// decoration: const InputDecoration(
|
||||
// labelText: 'Número de Teléfono',
|
||||
// prefixIcon: Icon(Icons.phone_android_rounded),
|
||||
// hintText: '+57',
|
||||
// border: OutlineInputBorder(
|
||||
// borderRadius: BorderRadius.all(
|
||||
// Radius.circular(10.0),
|
||||
// )),
|
||||
// errorBorder: OutlineInputBorder(
|
||||
// borderSide: BorderSide(color: Colors.red),
|
||||
// ),
|
||||
// focusedErrorBorder: OutlineInputBorder(
|
||||
// borderSide:
|
||||
// BorderSide(color: Colors.red, width: 2.0),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// _emailController.text.isEmpty
|
||||
// ? Column(
|
||||
// children: [
|
||||
// const SizedBox(height: 20.0),
|
||||
// GeneralCheckbox(
|
||||
// text:
|
||||
// 'Habilitar inicio de sesión con correo (Opcional)',
|
||||
// initialValue: enableLoginWithEmail,
|
||||
// onChanged: (value) {
|
||||
// setState(() {
|
||||
// enableLoginWithEmail = value;
|
||||
// });
|
||||
// },
|
||||
// ),
|
||||
// enableLoginWithEmail
|
||||
// ? Container(
|
||||
// decoration: BoxDecoration(
|
||||
// border: Border.all(
|
||||
// color: Colors.blue,
|
||||
// width: 0.5,
|
||||
// ),
|
||||
// borderRadius:
|
||||
// BorderRadius.circular(10),
|
||||
// ),
|
||||
// padding: const EdgeInsets.all(10),
|
||||
// child: Column(
|
||||
// children: [
|
||||
// TextFormField(
|
||||
// controller:
|
||||
// _newEmailController,
|
||||
// validator: (String? value) {
|
||||
// if (enableLoginWithEmail) {
|
||||
// if (value == null ||
|
||||
// value.isEmpty) {
|
||||
// return 'Por favor ingrese un email';
|
||||
// }
|
||||
// final RegExp
|
||||
// emailRegExp =
|
||||
// RegExp(
|
||||
// r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$');
|
||||
// if (!emailRegExp
|
||||
// .hasMatch(value)) {
|
||||
// return 'Por favor ingrese un email válido';
|
||||
// }
|
||||
// return null;
|
||||
// } else {
|
||||
// return null;
|
||||
// }
|
||||
// },
|
||||
// decoration:
|
||||
// const InputDecoration(
|
||||
// prefixIcon: Icon(
|
||||
// Icons.email_rounded),
|
||||
// hintText: 'Email',
|
||||
// ),
|
||||
// ),
|
||||
// const SizedBox(height: 20.0),
|
||||
// TextFormField(
|
||||
// controller:
|
||||
// _passwordController,
|
||||
// obscureText:
|
||||
// obscurePassword,
|
||||
// validator: (value) {
|
||||
// if (enableLoginWithEmail) {
|
||||
// if (value == null ||
|
||||
// value.isEmpty) {
|
||||
// return 'Por favor ingrese una contraseña.';
|
||||
// }
|
||||
// if (value.length < 5) {
|
||||
// return 'Debe tener al menos 5 caracteres.';
|
||||
// }
|
||||
// return null;
|
||||
// } else {
|
||||
// return null;
|
||||
// }
|
||||
// },
|
||||
// decoration: InputDecoration(
|
||||
// prefixIcon: const Icon(
|
||||
// Icons.lock_rounded),
|
||||
// suffixIcon: IconButton(
|
||||
// onPressed: () {
|
||||
// setState(() {
|
||||
// obscurePassword =
|
||||
// !obscurePassword;
|
||||
// if (obscurePassword) {
|
||||
// iconPassword =
|
||||
// CupertinoIcons
|
||||
// .eye_fill;
|
||||
// } else {
|
||||
// iconPassword =
|
||||
// CupertinoIcons
|
||||
// .eye_slash_fill;
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
// icon: Icon(iconPassword,
|
||||
// color: Colors
|
||||
// .grey[600]),
|
||||
// ),
|
||||
// hintText: 'Contraseña',
|
||||
// ),
|
||||
// ),
|
||||
// const SizedBox(height: 20),
|
||||
// Container(
|
||||
// margin:
|
||||
// const EdgeInsets.only(
|
||||
// left: 5,
|
||||
// right: 5,
|
||||
// top: 5,
|
||||
// bottom: 5,
|
||||
// ),
|
||||
// padding: const EdgeInsets
|
||||
// .symmetric(
|
||||
// horizontal: 10,
|
||||
// vertical: 8,
|
||||
// ),
|
||||
// decoration: BoxDecoration(
|
||||
// color: const Color(
|
||||
// 0xFFD6F4FF),
|
||||
// borderRadius:
|
||||
// BorderRadius.circular(
|
||||
// 20),
|
||||
// boxShadow: [
|
||||
// BoxShadow(
|
||||
// color: Colors.grey
|
||||
// .withOpacity(0.5),
|
||||
// spreadRadius: 1,
|
||||
// blurRadius: 5,
|
||||
// offset: const Offset(
|
||||
// 1, 3),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// child: const Row(
|
||||
// children: [
|
||||
// Icon(
|
||||
// Icons.error_outline,
|
||||
// size: 20,
|
||||
// color: Colors.black54,
|
||||
// ),
|
||||
// SizedBox(width: 10),
|
||||
// Expanded(
|
||||
// child: Text(
|
||||
// 'Al habilitar el inicio de sesión con correo, se cerrara la sesión actual.',
|
||||
// style: TextStyle(
|
||||
// color: Colors
|
||||
// .black54,
|
||||
// fontSize: 13,
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// )
|
||||
// ],
|
||||
// ),
|
||||
// )
|
||||
// : const SizedBox(),
|
||||
// ],
|
||||
// )
|
||||
// : const SizedBox(),
|
||||
_birthdayController.text.isEmpty &&
|
||||
_genderController.text.isEmpty
|
||||
? Column(
|
||||
children: [
|
||||
const SizedBox(height: 20.0),
|
||||
BirthdayPicker(
|
||||
onDateSelected: (birthDay) {
|
||||
_birthdayController.text =
|
||||
DateFormat('dd/MM/yyyy')
|
||||
.format(birthDay);
|
||||
},
|
||||
controller: _birthdayController,
|
||||
),
|
||||
const SizedBox(height: 20.0),
|
||||
GenderDropdown(
|
||||
controller: _genderController,
|
||||
),
|
||||
],
|
||||
)
|
||||
: const SizedBox(),
|
||||
const SizedBox(height: 60.0),
|
||||
saveButton(state, context),
|
||||
],
|
||||
@@ -406,24 +210,24 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
return;
|
||||
}
|
||||
|
||||
if (enableLoginWithEmail) {
|
||||
if (_newEmailController.text.isEmpty) {
|
||||
return;
|
||||
}
|
||||
// if (enableLoginWithEmail) {
|
||||
// if (_newEmailController.text.isEmpty) {
|
||||
// return;
|
||||
// }
|
||||
|
||||
if (_passwordController.text.isEmpty) {
|
||||
return;
|
||||
}
|
||||
// if (_passwordController.text.isEmpty) {
|
||||
// return;
|
||||
// }
|
||||
|
||||
context.read<AuthBloc>().add(
|
||||
AuthEventAddEmailAndPassword(
|
||||
email: _newEmailController.text,
|
||||
password: _passwordController.text,
|
||||
),
|
||||
);
|
||||
// context.read<AuthBloc>().add(
|
||||
// AuthEventAddEmailAndPassword(
|
||||
// email: _newEmailController.text,
|
||||
// password: _passwordController.text,
|
||||
// ),
|
||||
// );
|
||||
|
||||
_emailController.text = _newEmailController.text;
|
||||
}
|
||||
// _emailController.text = _newEmailController.text;
|
||||
// }
|
||||
|
||||
final myUser = state.user!.copyWith(
|
||||
name: _nameController.text,
|
||||
@@ -447,10 +251,10 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
backgroundColor: Colors.blue,
|
||||
padding: const EdgeInsets.symmetric(vertical: 5),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
borderRadius: BorderRadius.circular(50),
|
||||
),
|
||||
shadowColor: Colors.grey,
|
||||
elevation: 5,
|
||||
// elevation: 0,
|
||||
),
|
||||
child: Container(
|
||||
constraints: const BoxConstraints(maxWidth: 300.0, minHeight: 50.0),
|
||||
@@ -463,7 +267,7 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
'Actualizar',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 18,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user