replace: swap prosappweb content for prosapp_web_app (more complete version)
prosapp_web_app has chat, dashboard, calendar, support, 13 providers and Fluro URL routing. Keep Dockerfile + nginx.conf from previous prosappweb. Upgrade google_fonts 6.2.1 → 8.1.0 (Dart 3.12 compat fix). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
co-authored by
Claude Sonnet 4.6
Claude Sonnet 4.6
parent
74a4f41902
commit
15175c1b91
@@ -0,0 +1,535 @@
|
||||
import 'dart:typed_data';
|
||||
import 'package:file_picker/file_picker.dart';
|
||||
import 'package:prosapp_web_app/models/location_preferences.dart';
|
||||
import 'package:prosapp_web_app/models/schedules_entity.dart';
|
||||
import 'package:prosapp_web_app/models/usuario.dart';
|
||||
import 'package:prosapp_web_app/providers/auth_provider.dart';
|
||||
import 'package:prosapp_web_app/providers/professional_form_provider.dart';
|
||||
import 'package:prosapp_web_app/providers/professional_provider.dart';
|
||||
import 'package:prosapp_web_app/providers/profile_form_provider.dart';
|
||||
import 'package:prosapp_web_app/providers/settings_provider.dart';
|
||||
import 'package:prosapp_web_app/router/router.dart';
|
||||
import 'package:prosapp_web_app/services/navigation_service.dart';
|
||||
import 'package:prosapp_web_app/services/notifications_service.dart';
|
||||
import 'package:prosapp_web_app/ui/cards/white_card.dart';
|
||||
import 'package:prosapp_web_app/ui/inputs/custom_inputs.dart';
|
||||
import 'package:prosapp_web_app/ui/labels/custom_labels.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class ProfessionalProfileView extends StatefulWidget {
|
||||
const ProfessionalProfileView({super.key});
|
||||
|
||||
@override
|
||||
State<ProfessionalProfileView> createState() =>
|
||||
_ProfessionalProfileViewState();
|
||||
}
|
||||
|
||||
class _ProfessionalProfileViewState extends State<ProfessionalProfileView> {
|
||||
Usuario? user;
|
||||
late ProfessionalFormProvider professionalFormProvider;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
final authProvider = Provider.of<AuthProvider>(context, listen: false);
|
||||
final profileFormProvider =
|
||||
Provider.of<ProfileFormProvider>(context, listen: false);
|
||||
professionalFormProvider =
|
||||
Provider.of<ProfessionalFormProvider>(context, listen: false);
|
||||
|
||||
final proProvider =
|
||||
Provider.of<ProfessionalProvider>(context, listen: false);
|
||||
|
||||
proProvider.getProfessional(authProvider.user!.id).then((value) {
|
||||
professionalFormProvider.setProfesional(value);
|
||||
});
|
||||
|
||||
profileFormProvider.user = authProvider.user;
|
||||
setState(() {
|
||||
user = authProvider.user;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return LayoutBuilder(builder: (context, constraints) {
|
||||
if (constraints.maxWidth < 700) {
|
||||
return ListView(
|
||||
physics: const ClampingScrollPhysics(),
|
||||
children: const [SizedBox(height: 10), _ProfileViewBody()],
|
||||
);
|
||||
} else {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
|
||||
child: ListView(
|
||||
physics: const ClampingScrollPhysics(),
|
||||
children: const [SizedBox(height: 10), _ProfileViewBody()],
|
||||
),
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
class _ProfileViewBody extends StatelessWidget {
|
||||
const _ProfileViewBody();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Center(
|
||||
child: ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 900),
|
||||
child: const Column(
|
||||
children: [
|
||||
_AvatarContainer(containerFull: true),
|
||||
_ProfileViewForm(),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _ProfileViewForm extends StatefulWidget {
|
||||
const _ProfileViewForm();
|
||||
|
||||
@override
|
||||
State<_ProfileViewForm> createState() => _ProfileViewFormState();
|
||||
}
|
||||
|
||||
class _ProfileViewFormState extends State<_ProfileViewForm> {
|
||||
bool _serviceDeliverySwitchValue = false;
|
||||
bool _serviceSiteSwitchValue = false;
|
||||
bool _serviceRateSwitchValue = false;
|
||||
|
||||
bool first = true;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final profileFormProvider = Provider.of<ProfileFormProvider>(context);
|
||||
final settingsProvider = Provider.of<SettingsProvider>(context);
|
||||
final user = profileFormProvider.user!;
|
||||
|
||||
return Consumer<ProfessionalFormProvider>(
|
||||
builder: (context, professionalFormProvider, child) {
|
||||
if (professionalFormProvider.profesional == null) {
|
||||
return const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
);
|
||||
}
|
||||
|
||||
if (settingsProvider.settings == null) {
|
||||
return const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
);
|
||||
}
|
||||
|
||||
final settings = settingsProvider.settings!;
|
||||
final profesional = professionalFormProvider.profesional!;
|
||||
if (first) {
|
||||
first = false;
|
||||
|
||||
if (settings.tarifas) {
|
||||
_serviceRateSwitchValue = profesional.ratePreferences;
|
||||
} else {
|
||||
_serviceRateSwitchValue = false;
|
||||
}
|
||||
|
||||
if (profesional.locationPreferences == LocationPreferences.both) {
|
||||
_serviceSiteSwitchValue = true;
|
||||
_serviceDeliverySwitchValue = true;
|
||||
} else if (profesional.locationPreferences ==
|
||||
LocationPreferences.office) {
|
||||
_serviceSiteSwitchValue = true;
|
||||
_serviceDeliverySwitchValue = false;
|
||||
} else if (profesional.locationPreferences ==
|
||||
LocationPreferences.delivery) {
|
||||
_serviceSiteSwitchValue = false;
|
||||
_serviceDeliverySwitchValue = true;
|
||||
}
|
||||
}
|
||||
|
||||
return LayoutBuilder(builder: (context, constraints) {
|
||||
double columnWidth = constraints.maxWidth < 600 ? 95 : 150;
|
||||
|
||||
return WhiteCard(
|
||||
title: 'Información profesional',
|
||||
child: Form(
|
||||
key: professionalFormProvider.profileFormKey,
|
||||
autovalidateMode: AutovalidateMode.always,
|
||||
child: Column(
|
||||
children: [
|
||||
const SizedBox(height: 10),
|
||||
SwitchListTile(
|
||||
title: const Text('Servicio a domicilio'),
|
||||
value: _serviceDeliverySwitchValue,
|
||||
onChanged: (value) {
|
||||
setState(() {
|
||||
_serviceDeliverySwitchValue = value;
|
||||
|
||||
if (settings.domicilios == true) {
|
||||
_serviceDeliverySwitchValue = value;
|
||||
if (!_serviceDeliverySwitchValue) {
|
||||
_serviceSiteSwitchValue = true;
|
||||
}
|
||||
} else {
|
||||
_serviceDeliverySwitchValue = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
SwitchListTile(
|
||||
title: const Text('Servicio en sitio / consultorio'),
|
||||
value: _serviceSiteSwitchValue,
|
||||
onChanged: (value) {
|
||||
setState(() {
|
||||
if (settings.domicilios == true) {
|
||||
_serviceSiteSwitchValue = value;
|
||||
if (!_serviceSiteSwitchValue) {
|
||||
_serviceDeliverySwitchValue = true;
|
||||
}
|
||||
} else {
|
||||
_serviceSiteSwitchValue = true;
|
||||
_serviceDeliverySwitchValue = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
),
|
||||
if (_serviceSiteSwitchValue)
|
||||
Column(
|
||||
children: [
|
||||
TextFormField(
|
||||
initialValue: profesional.address,
|
||||
// validator: (value) {
|
||||
// if (value == null || value.isEmpty) {
|
||||
// return 'La dirección es obligatoria';
|
||||
// }
|
||||
// return null;
|
||||
// },
|
||||
onChanged: (value) {},
|
||||
decoration: CustomInputs.formInputDecoration(
|
||||
hint: 'Ingresa tu dirección',
|
||||
label: 'Dirección',
|
||||
icon: Icons.location_on_outlined,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
TextFormField(
|
||||
initialValue: profesional.aditionalAddress,
|
||||
decoration: CustomInputs.formInputDecoration(
|
||||
hint: 'Ingresa tu piso / apartamento / conjunto',
|
||||
label: 'Piso / Apartamento / Conjunto',
|
||||
icon: Icons.email_outlined,
|
||||
),
|
||||
onChanged: (value) {
|
||||
professionalFormProvider.copyProfesionalWith(
|
||||
aditionalAddress: value);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
if (settings.tarifas == true) ...[
|
||||
const SizedBox(height: 20),
|
||||
SwitchListTile(
|
||||
title: const Text('Tarifa'),
|
||||
value: _serviceRateSwitchValue,
|
||||
onChanged: (value) {
|
||||
setState(() {
|
||||
_serviceRateSwitchValue = value;
|
||||
});
|
||||
},
|
||||
),
|
||||
if (_serviceRateSwitchValue)
|
||||
Column(
|
||||
children: [
|
||||
TextFormField(
|
||||
keyboardType: TextInputType.number,
|
||||
initialValue: profesional.rate,
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return 'La tarifa es obligatoria';
|
||||
}
|
||||
final numericRegex = RegExp(r'^[0-9]+$');
|
||||
if (!numericRegex.hasMatch(value)) {
|
||||
return 'Por favor, ingresa solo números';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
onChanged: (value) {
|
||||
professionalFormProvider.copyProfesionalWith(
|
||||
rate: value);
|
||||
},
|
||||
decoration: CustomInputs.formInputDecoration(
|
||||
hint: 'Ingresa la tarifa del servicio',
|
||||
label: 'Tarifa',
|
||||
icon: Icons.attach_money,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
const SizedBox(height: 20),
|
||||
Text('Metodos de pago', style: CustomLabels.h3),
|
||||
CheckboxListTile(
|
||||
title: const Text('Datafono'),
|
||||
value: profesional.paymentMethods.datafono,
|
||||
onChanged: (value) {
|
||||
professionalFormProvider.copyProfesionalWith(
|
||||
paymentMethods: profesional.paymentMethods
|
||||
.copyWith(datafono: value));
|
||||
}),
|
||||
const SizedBox(height: 10),
|
||||
CheckboxListTile(
|
||||
title: const Text('Nequi'),
|
||||
value: profesional.paymentMethods.nequi,
|
||||
onChanged: (value) {
|
||||
professionalFormProvider.copyProfesionalWith(
|
||||
paymentMethods: profesional.paymentMethods
|
||||
.copyWith(nequi: value));
|
||||
}),
|
||||
const SizedBox(height: 10),
|
||||
CheckboxListTile(
|
||||
title: const Text('Transferencia bancaria'),
|
||||
value: profesional.paymentMethods.transferencia,
|
||||
onChanged: (value) {
|
||||
professionalFormProvider.copyProfesionalWith(
|
||||
paymentMethods: profesional.paymentMethods
|
||||
.copyWith(transferencia: value));
|
||||
}),
|
||||
const SizedBox(height: 20),
|
||||
Text('Horarios de atenciòn', style: CustomLabels.h3),
|
||||
const SizedBox(height: 10),
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
NavigationService.replaceTo(
|
||||
Flurorouter.professionalScheduleRoute);
|
||||
},
|
||||
child: MouseRegion(
|
||||
cursor: SystemMouseCursors.click,
|
||||
child: Table(
|
||||
columnWidths: {
|
||||
0: FixedColumnWidth(columnWidth),
|
||||
},
|
||||
border:
|
||||
TableBorder.all(color: Colors.grey.withOpacity(0.3)),
|
||||
children: [
|
||||
_buildTableRow(
|
||||
'Lunes', profesional.schedules.monday, context),
|
||||
_buildTableRow(
|
||||
'Martes', profesional.schedules.tuesday, context),
|
||||
_buildTableRow('Miercoles',
|
||||
profesional.schedules.wednesday, context),
|
||||
_buildTableRow(
|
||||
'Jueves', profesional.schedules.thursday, context),
|
||||
_buildTableRow(
|
||||
'Viernes', profesional.schedules.friday, context),
|
||||
_buildTableRow(
|
||||
'Sabado', profesional.schedules.saturday, context),
|
||||
_buildTableRow(
|
||||
'Domingo', profesional.schedules.sunday, context),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 130),
|
||||
child: ElevatedButton(
|
||||
onPressed: () async {
|
||||
LocationPreferences locationPreferences;
|
||||
|
||||
if (_serviceDeliverySwitchValue &&
|
||||
_serviceSiteSwitchValue) {
|
||||
locationPreferences = LocationPreferences.both;
|
||||
} else if (_serviceDeliverySwitchValue) {
|
||||
locationPreferences = LocationPreferences.delivery;
|
||||
} else if (_serviceSiteSwitchValue) {
|
||||
locationPreferences = LocationPreferences.office;
|
||||
} else {
|
||||
locationPreferences = LocationPreferences.office;
|
||||
}
|
||||
|
||||
professionalFormProvider.copyProfesionalWith(
|
||||
locationPreferences: locationPreferences,
|
||||
ratePreferences: _serviceRateSwitchValue,
|
||||
);
|
||||
|
||||
await professionalFormProvider
|
||||
.updateProfesionalProfileInfo(user.id);
|
||||
},
|
||||
style: ButtonStyle(
|
||||
backgroundColor: WidgetStateProperty.all(
|
||||
Colors.blue.shade400,
|
||||
|
||||
),
|
||||
shape:
|
||||
WidgetStateProperty.all(const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(5)),
|
||||
)),
|
||||
shadowColor: WidgetStateProperty.all(Colors.transparent),
|
||||
),
|
||||
child: const Text(
|
||||
'Guardar',
|
||||
style: TextStyle(color: Colors.white),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
TableRow _buildTableRow(
|
||||
String day, ScheduleEntity schedules, BuildContext context) {
|
||||
return TableRow(
|
||||
children: [
|
||||
TableCell(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
decoration: const BoxDecoration(
|
||||
color: Colors.blueAccent,
|
||||
),
|
||||
child: Text(
|
||||
day,
|
||||
style: const TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
TableCell(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: Text(
|
||||
timeList(schedules, context),
|
||||
style: const TextStyle(
|
||||
color: Colors.black87,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
String timeList(ScheduleEntity? schedule, BuildContext context) {
|
||||
if (schedule == null) {
|
||||
return 'No hay horarios';
|
||||
}
|
||||
if (!schedule.enabled) {
|
||||
return 'No hay horarios';
|
||||
}
|
||||
if (schedule.range1Hour1 == null || schedule.range2Hour2 == null) {
|
||||
return 'No hay horarios';
|
||||
}
|
||||
if (schedule.continuousDay) {
|
||||
return '${ScheduleEntity.getFormatTime(schedule.range1Hour1)} a ${ScheduleEntity.getFormatTime(schedule.range2Hour2)}';
|
||||
} else {
|
||||
if (schedule.range1Hour2 == null || schedule.range2Hour1 == null) {
|
||||
return 'No hay horarios';
|
||||
}
|
||||
|
||||
return '${ScheduleEntity.getFormatTime(schedule.range1Hour1)} a ${ScheduleEntity.getFormatTime(schedule.range1Hour2)} - ${ScheduleEntity.getFormatTime(schedule.range2Hour1)} a ${ScheduleEntity.getFormatTime(schedule.range2Hour2)}';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
class _AvatarContainer extends StatelessWidget {
|
||||
final bool containerFull;
|
||||
|
||||
const _AvatarContainer({required this.containerFull});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final user = Provider.of<AuthProvider>(context).user!;
|
||||
final profileFormProvider = Provider.of<ProfileFormProvider>(context);
|
||||
|
||||
final image = (profileFormProvider.user!.picture == '' ||
|
||||
profileFormProvider.user!.picture == null)
|
||||
? const Image(image: AssetImage('no-image.jpg'))
|
||||
: FadeInImage.assetNetwork(
|
||||
placeholder: 'loader.gif',
|
||||
fit: BoxFit.cover,
|
||||
image: profileFormProvider.user!.picture!,
|
||||
);
|
||||
|
||||
return WhiteCard(
|
||||
width: containerFull ? null : 250,
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(user.name, style: CustomLabels.h2),
|
||||
const SizedBox(height: 10),
|
||||
SizedBox(
|
||||
width: 160,
|
||||
height: 160,
|
||||
child: Stack(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 200,
|
||||
height: 200,
|
||||
child: ClipOval(child: image),
|
||||
),
|
||||
Positioned(
|
||||
bottom: 5,
|
||||
right: 5,
|
||||
child: Container(
|
||||
width: 45,
|
||||
height: 45,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(100),
|
||||
border: Border.all(color: Colors.white, width: 5),
|
||||
),
|
||||
child: FloatingActionButton(
|
||||
onPressed: () async {
|
||||
FilePickerResult? result =
|
||||
await FilePicker.platform.pickFiles(
|
||||
withData: true,
|
||||
);
|
||||
|
||||
if (result != null) {
|
||||
PlatformFile file = result.files.first;
|
||||
Uint8List? fileBytes = file.bytes;
|
||||
|
||||
if (fileBytes != null) {
|
||||
NotificationsService.showBusyIndicator(context);
|
||||
await profileFormProvider
|
||||
.uploadPicture(fileBytes);
|
||||
Provider.of<AuthProvider>(context, listen: false)
|
||||
.refreshUser();
|
||||
|
||||
Navigator.pop(context);
|
||||
}
|
||||
} else {}
|
||||
},
|
||||
backgroundColor: Colors.indigo,
|
||||
elevation: 0,
|
||||
child: const Icon(
|
||||
Icons.camera_alt_outlined,
|
||||
size: 20,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user