internal/flutter_availability
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_availability.git synced 2025-05-19 05:03:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add close button for pause selection dialog

Browse source
This commit is contained in:
Freek van de Ven 2024-07-24 14:49:38 +02:00
parent db6d343fb4
commit 986d6a8d3f
1 changed files with 61 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

109
packages/flutter_availability/lib/src/ui/widgets/pause_selection.dart
View file

@ -296,59 +296,72 @@ class _AvailabilityBreakSelectionDialogState
? translations.pauseDialogDescriptionTemplate ? translations.pauseDialogDescriptionTemplate
: translations.pauseDialogDescriptionAvailability; : translations.pauseDialogDescriptionAvailability;
return Container( return Stack(
margin: EdgeInsets.symmetric( children: [
horizontal: spacing.sidePadding, Container(
), margin: EdgeInsets.symmetric(
child: SingleChildScrollView( horizontal: spacing.sidePadding,
child: Column( ),
children: [ child: SingleChildScrollView(
const SizedBox(height: 44), child: Column(
Text(
translations.pauseDialogTitle,
style: textTheme.titleMedium,
textAlign: TextAlign.center,
),
const SizedBox(height: 4),
Text(
descriptionText,
style: textTheme.bodyMedium,
textAlign: TextAlign.center,
),
const SizedBox(height: 16),
Row(
children: [ children: [
const Spacer(), const SizedBox(height: 44),
Expanded( Text(
flex: 2, translations.pauseDialogTitle,
child: DurationInputField( style: textTheme.titleMedium,
initialValue: _breakViewModel.submittedDuration, textAlign: TextAlign.center,
onDurationChanged: onUpdateDuration,
),
), ),
const Spacer(), const SizedBox(height: 4),
Text(
descriptionText,
style: textTheme.bodyMedium,
textAlign: TextAlign.center,
),
const SizedBox(height: 16),
Row(
children: [
const Spacer(),
Expanded(
flex: 2,
child: DurationInputField(
initialValue: _breakViewModel.submittedDuration,
onDurationChanged: onUpdateDuration,
),
),
const Spacer(),
],
),
const SizedBox(height: 24),
TimeSelection(
key: ValueKey(
[_breakViewModel.startTime, _breakViewModel.endTime],
),
// rebuild the widget when the start or end time changes
title: translations.pauseDialogPeriodTitle,
description: translations.pauseDialogPeriodDescription,
crossAxisAlignment: CrossAxisAlignment.center,
startTime: _breakViewModel.startTime,
endTime: _breakViewModel.endTime,
onStartChanged: onUpdateStart,
onEndChanged: onUpdateEnd,
),
const SizedBox(height: 36),
saveButton,
SizedBox(height: spacing.bottomButtonPadding),
], ],
), ),
const SizedBox(height: 24), ),
TimeSelection(
key: ValueKey(
[_breakViewModel.startTime, _breakViewModel.endTime],
),
// rebuild the widget when the start or end time changes
title: translations.pauseDialogPeriodTitle,
description: translations.pauseDialogPeriodDescription,
crossAxisAlignment: CrossAxisAlignment.center,
startTime: _breakViewModel.startTime,
endTime: _breakViewModel.endTime,
onStartChanged: onUpdateStart,
onEndChanged: onUpdateEnd,
),
const SizedBox(height: 36),
saveButton,
SizedBox(height: spacing.bottomButtonPadding),
],
), ),
), Positioned(
right: 0,
top: 0,
child: IconButton(
padding: const EdgeInsets.all(16),
icon: const Icon(Icons.close),
onPressed: () => Navigator.of(context).pop(),
),
),
],
); );
} }
} }