configurable slot duration: UI picker + genRanges stepMinutes
- Fix TimeOfDayExtension.add() to handle minute overflow via total-minutes math - genRanges() now takes stepMinutes param (default 30, clamp 5-480) - Profesional model: slotDurationMinutes field (parsed from slot_duration_minutes) - ProfessionalFormProvider: saves slot duration alongside schedules on Guardar - schedule_view: _SlotDurationPicker chip selector (15/20/30/45/60/90/120 min) - ProfessionalCalendarView + CalendarView: pass slotDurationMinutes to genRanges 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
46acad0b55
commit
920ae7144d
@@ -121,7 +121,8 @@ class _CalendarViewState extends State<CalendarView> {
|
||||
children: [
|
||||
..._rangesItems(
|
||||
_getScheduleFromNumDay(numDay, profesional),
|
||||
context),
|
||||
context,
|
||||
stepMinutes: profesional.slotDurationMinutes),
|
||||
const SizedBox(height: 8),
|
||||
],
|
||||
),
|
||||
@@ -157,7 +158,7 @@ class _CalendarViewState extends State<CalendarView> {
|
||||
}
|
||||
}
|
||||
|
||||
List<Widget> _rangesItems(ScheduleEntity? schedule, BuildContext context) {
|
||||
List<Widget> _rangesItems(ScheduleEntity? schedule, BuildContext context, {int stepMinutes = 30}) {
|
||||
if (schedule == null) {
|
||||
return [
|
||||
const Padding(
|
||||
@@ -187,6 +188,7 @@ class _CalendarViewState extends State<CalendarView> {
|
||||
List<TimeOfDay> ranges = TimeOfDayUtils.genRanges(
|
||||
schedule.range1Hour1!,
|
||||
schedule.range2Hour2!,
|
||||
stepMinutes: stepMinutes,
|
||||
);
|
||||
|
||||
return rangesItemList(ranges, _services, today, context);
|
||||
@@ -203,10 +205,12 @@ class _CalendarViewState extends State<CalendarView> {
|
||||
List<TimeOfDay> ranges1 = TimeOfDayUtils.genRanges(
|
||||
schedule.range1Hour1!,
|
||||
schedule.range1Hour2!,
|
||||
stepMinutes: stepMinutes,
|
||||
);
|
||||
List<TimeOfDay> ranges2 = TimeOfDayUtils.genRanges(
|
||||
schedule.range2Hour1!,
|
||||
schedule.range2Hour2!,
|
||||
stepMinutes: stepMinutes,
|
||||
);
|
||||
|
||||
return [
|
||||
|
||||
@@ -79,7 +79,7 @@ class _ProfessionalCalendarViewState extends State<ProfessionalCalendarView> {
|
||||
final pro = fp.profesional!;
|
||||
final sp = Provider.of<ServicesProvider>(context, listen: false);
|
||||
final schedule = _scheduleFor(_selected.weekday, pro);
|
||||
final slots = _buildSlots(schedule);
|
||||
final slots = _buildSlots(schedule, pro.slotDurationMinutes);
|
||||
final occupied = slots.where((t) => _isOccupied(t, _services, _selected)).length;
|
||||
final blocked = slots.where((t) => _isSelfBooked(t, _services, _selected)).length;
|
||||
|
||||
@@ -386,13 +386,15 @@ class _ProfessionalCalendarViewState extends State<ProfessionalCalendarView> {
|
||||
_ => pro.schedules.sunday,
|
||||
};
|
||||
|
||||
List<TimeOfDay> _buildSlots(ScheduleEntity? s) {
|
||||
List<TimeOfDay> _buildSlots(ScheduleEntity? s, int stepMinutes) {
|
||||
if (s == null || !s.enabled || s.range1Hour1 == null || s.range2Hour2 == null) return [];
|
||||
if (s.continuousDay) return TimeOfDayUtils.genRanges(s.range1Hour1!, s.range2Hour2!);
|
||||
if (s.continuousDay) {
|
||||
return TimeOfDayUtils.genRanges(s.range1Hour1!, s.range2Hour2!, stepMinutes: stepMinutes);
|
||||
}
|
||||
if (s.range1Hour2 == null || s.range2Hour1 == null) return [];
|
||||
return [
|
||||
...TimeOfDayUtils.genRanges(s.range1Hour1!, s.range1Hour2!),
|
||||
...TimeOfDayUtils.genRanges(s.range2Hour1!, s.range2Hour2!),
|
||||
...TimeOfDayUtils.genRanges(s.range1Hour1!, s.range1Hour2!, stepMinutes: stepMinutes),
|
||||
...TimeOfDayUtils.genRanges(s.range2Hour1!, s.range2Hour2!, stepMinutes: stepMinutes),
|
||||
];
|
||||
}
|
||||
|
||||
|
||||
@@ -11,6 +11,63 @@ import 'package:flutter/material.dart';
|
||||
import 'package:prosapp_web_app/ui/shared/widgets/schedule_day_tile.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
// ── Slot duration options ──────────────────────────────────────────────────
|
||||
const _kSlotOptions = [
|
||||
(15, '15 min'),
|
||||
(20, '20 min'),
|
||||
(30, '30 min'),
|
||||
(45, '45 min'),
|
||||
(60, '1 hora'),
|
||||
(90, '1 h 30'),
|
||||
(120, '2 horas'),
|
||||
];
|
||||
|
||||
class _SlotDurationPicker extends StatelessWidget {
|
||||
final int value;
|
||||
final ValueChanged<int> onChanged;
|
||||
const _SlotDurationPicker({required this.value, required this.onChanged});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text(
|
||||
'Duración de cada cita',
|
||||
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 8,
|
||||
children: _kSlotOptions.map((opt) {
|
||||
final (mins, label) = opt;
|
||||
final selected = value == mins;
|
||||
return ChoiceChip(
|
||||
label: Text(label),
|
||||
selected: selected,
|
||||
onSelected: (_) => onChanged(mins),
|
||||
selectedColor: Colors.blue.shade400,
|
||||
labelStyle: TextStyle(
|
||||
color: selected ? Colors.white : null,
|
||||
fontWeight: selected ? FontWeight.w700 : FontWeight.normal,
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
'Los usuarios verán bloques de $value min en el calendario.',
|
||||
style: TextStyle(fontSize: 11, color: Colors.grey.shade600),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class ScheduleView extends StatefulWidget {
|
||||
const ScheduleView({super.key});
|
||||
|
||||
@@ -540,9 +597,13 @@ class _ScheduleViewState extends State<ScheduleView> {
|
||||
);
|
||||
},
|
||||
),
|
||||
const Divider(
|
||||
height: 20,
|
||||
const Divider(height: 20),
|
||||
_SlotDurationPicker(
|
||||
value: profesional.slotDurationMinutes,
|
||||
onChanged: (v) => professionalFormProvider
|
||||
.copyProfesionalWith(slotDurationMinutes: v),
|
||||
),
|
||||
const Divider(height: 20),
|
||||
Container(
|
||||
margin: const EdgeInsets.only(top: 10),
|
||||
child: ConstrainedBox(
|
||||
|
||||
Reference in New Issue
Block a user