Added bottom style sheet for time slot and achievement screen

This commit is contained in:
Aswin B. S 2025-03-06 13:08:08 +05:30
parent b0fcb14b0b
commit 8826e0efd3
2 changed files with 409 additions and 355 deletions

View File

@ -59,7 +59,6 @@ class _ConsultationTimeSlotScreenState
int startMins = startTime.hour * 60 + startTime.minute;
int endMins = endTime.hour * 60 + endTime.minute;
int duration = endMins - startMins;
int minimumDuration =
int.parse(widget.controller.model.averageDurationMinutes ?? '0');
if (duration < minimumDuration) {
@ -94,35 +93,58 @@ class _ConsultationTimeSlotScreenState
(newEndMins > existingStartMins && newEndMins <= existingEndMins) ||
(newStartMins <= existingStartMins &&
newEndMins >= existingEndMins)) {
throw 'This time slot overlaps with existing slot ${slot.startTime} - ${slot.endTime}';
throw 'This time slot overlaps with an existing slot';
// throw 'This time slot overlaps with existing slot ${slot.startTime} - ${slot.endTime}';
}
}
}
void _addTimeSlot() async {
void _addTimeSlot() {
TimeOfDay? startTime;
TimeOfDay? endTime;
showModalBottomSheet(
context: context,
builder: (context) => StatefulBuilder(
builder: (context, setModalState) => Container(
padding: const EdgeInsets.all(16),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
Expanded(
child: _buildTimeField(
context: context,
label: 'Start Time',
time: startTime,
onSelect: (time) => setModalState(() => startTime = time),
),
),
const SizedBox(width: 16),
Expanded(
child: _buildTimeField(
context: context,
label: 'End Time',
time: endTime,
onSelect: (time) => setModalState(() => endTime = time),
),
),
],
),
const SizedBox(height: 16),
ElevatedButton(
onPressed: () {
if (startTime != null && endTime != null) {
try {
TimeOfDay? startTime = await showTimePicker(
context: context,
initialTime: TimeOfDay.now(),
);
if (startTime != null) {
TimeOfDay? endTime = await showTimePicker(
context: context,
initialTime: startTime,
);
if (endTime != null) {
_validateTimeSlot(startTime, endTime);
_validateOverlap(startTime, endTime);
_validateTimeSlot(startTime!, endTime!);
_validateOverlap(startTime!, endTime!);
final slot = TimeSlot(
startTime: formatTime(startTime),
endTime: formatTime(endTime),
startTime: formatTime(startTime!),
endTime: formatTime(endTime!),
);
if (mounted) {
setState(() {
widget.controller.addTimeSlot(widget.selectedDay, slot);
Navigator.pop(context);
setState(() {
currentSchedule =
widget.controller.model.weeklySchedule!.firstWhere(
(schedule) => schedule.day == widget.selectedDay,
@ -132,16 +154,65 @@ class _ConsultationTimeSlotScreenState
),
);
});
}
}
}
} catch (e) {
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
Navigator.pop(context);
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(e.toString()),
backgroundColor: Colors.red,
));
),
);
}
}
},
child: const Text('Add Time Slot'),
),
],
),
),
),
);
}
Widget _buildTimeField({
required BuildContext context,
required String label,
required TimeOfDay? time,
required Function(TimeOfDay) onSelect,
}) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(label),
const SizedBox(height: 8),
InkWell(
onTap: () async {
final selected = await showTimePicker(
context: context,
initialTime: time ?? TimeOfDay.now(),
);
if (selected != null) onSelect(selected);
},
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
decoration: BoxDecoration(
border: Border.all(color: Colors.grey.shade300),
borderRadius: BorderRadius.circular(4),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
time != null ? formatTime(time) : 'Select',
),
const Icon(Icons.access_time),
],
),
),
),
],
);
}
void _editTimeSlot(TimeSlot currentSlot) async {
try {
@ -238,7 +309,9 @@ class _ConsultationTimeSlotScreenState
@override
Widget build(BuildContext context) {
return Scaffold(
return Stack(
children: [
Scaffold(
backgroundColor: Colors.grey[50],
appBar: AppBar(
elevation: 0,
@ -288,8 +361,7 @@ class _ConsultationTimeSlotScreenState
),
Expanded(
child: Container(
height:
MediaQuery.of(context).size.height * 0.2, // Reduced height
height: MediaQuery.of(context).size.height * 0.2,
margin: const EdgeInsets.only(bottom: 250),
decoration: BoxDecoration(
color: Colors.white,
@ -343,7 +415,8 @@ class _ConsultationTimeSlotScreenState
itemBuilder: (context, index) {
final slot = currentSchedule.timeSlots![index];
return Container(
padding: const EdgeInsets.symmetric(vertical: 8),
padding:
const EdgeInsets.symmetric(vertical: 8),
child: ListTile(
leading: Container(
padding: const EdgeInsets.all(8),
@ -395,8 +468,10 @@ class _ConsultationTimeSlotScreenState
],
),
),
floatingActionButton: Container(
margin: const EdgeInsets.only(bottom: 270, right: 25),
),
Positioned(
bottom: 280,
right: 29,
child: FloatingActionButton(
onPressed: _addTimeSlot,
backgroundColor: const Color(0xFF4FB6D8),
@ -408,6 +483,7 @@ class _ConsultationTimeSlotScreenState
),
),
),
],
);
}
}

View File

@ -74,6 +74,60 @@ class _AchievementsScreenState extends State<AchievementsScreen> {
}
}
void _addAchievementBottomSheet() {
showModalBottomSheet(
context: context,
isScrollControlled: true,
builder: (context) => Padding(
padding: EdgeInsets.only(
bottom: MediaQuery.of(context).viewInsets.bottom,
),
child: Container(
padding: const EdgeInsets.all(16),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text(
'Add Achievement',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 16),
TextFormField(
controller: _achievementController,
decoration: InputDecoration(
hintText: 'Enter your achievement',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
),
),
),
const SizedBox(height: 16),
ElevatedButton(
onPressed: () {
final achievement = _achievementController.text.trim();
if (_validateAchievement(achievement)) {
setState(() {
achievements.add(achievement);
_isEditing = true;
});
_controller
.updateAchievements(List<String>.from(achievements));
_achievementController.clear();
Navigator.pop(context);
}
},
child: const Text('Add'),
),
],
),
),
),
);
}
void _removeAchievement(int index) {
setState(() {
achievements.removeAt(index);
@ -138,104 +192,23 @@ class _AchievementsScreenState extends State<AchievementsScreen> {
arguments: _controller);
}
},
icon: const Icon(Icons.arrow_forward)),
icon: const Icon(Icons.arrow_forward),
),
],
title: const Text('Achievements'),
),
body: Form(
key: _formKey,
child: Column(
body: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Padding(
padding: EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
child: Text(
'Add Your Achievements',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
],
),
),
const SizedBox(height: 8),
Container(
margin:
const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.blueGrey.withOpacity(0.5),
blurRadius: 10,
offset: const Offset(0, 2),
),
],
),
child: Padding(
padding: const EdgeInsets.all(12.0),
child: TextFormField(
controller: _achievementController,
autovalidateMode: AutovalidateMode.onUserInteraction,
decoration: InputDecoration(
hintText: 'Enter your achievement',
labelText: 'Achievement',
filled: true,
fillColor: Colors.grey[100],
suffixIcon: IconButton(
icon: const Icon(Icons.add_circle_outline,
color: Colors.blue),
onPressed: _addAchievement,
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide:
BorderSide(color: Colors.grey.shade300, width: 1),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide:
const BorderSide(color: Colors.blue, width: 1.5),
),
errorBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide:
const BorderSide(color: Colors.red, width: 1.5),
),
focusedErrorBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide:
const BorderSide(color: Colors.red, width: 1.5),
),
helperText: achievements.isEmpty
? 'Minimum 3 characters required'
: null,
),
validator: (value) {
if (achievements.isEmpty) {
if (value == null || value.isEmpty) {
return 'Please enter an achievement';
}
if (value.length < 3) {
return 'Achievement must be at least 3 characters long';
}
}
if (value != null &&
value.isNotEmpty &&
achievements.any((a) =>
a.toLowerCase() == value.toLowerCase())) {
return 'This achievement has already been added';
}
return null;
},
onFieldSubmitted: (_) => _addAchievement(),
),
),
),
Expanded(
child: ListView.builder(
@ -262,8 +235,13 @@ class _AchievementsScreenState extends State<AchievementsScreen> {
),
],
),
floatingActionButton: FloatingActionButton(
onPressed: _addAchievementBottomSheet,
backgroundColor: const Color(0xFF4FB6D8),
child: const Icon(Icons.add),
),
));
),
);
}
@override