- Changed application ID from "com.marco.aiotstage" to "com.marco.aiot". - Made markTime and date parameters required in uploadAttendanceImage method. - Added logic to handle date selection and ensure attendance logs are uploaded with the correct date. - Enhanced UI components for better user experience in attendance and directory views.
130 lines
4.5 KiB
Dart
130 lines
4.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:marco/helpers/widgets/my_spacing.dart';
|
|
import 'package:marco/helpers/widgets/my_text.dart';
|
|
|
|
class BaseBottomSheet extends StatelessWidget {
|
|
final String title;
|
|
final Widget child;
|
|
final VoidCallback onCancel;
|
|
final VoidCallback onSubmit;
|
|
final bool isSubmitting;
|
|
final String submitText;
|
|
final Color submitColor;
|
|
final IconData submitIcon;
|
|
final bool showButtons;
|
|
final Widget? bottomContent;
|
|
|
|
const BaseBottomSheet({
|
|
super.key,
|
|
required this.title,
|
|
required this.child,
|
|
required this.onCancel,
|
|
required this.onSubmit,
|
|
this.isSubmitting = false,
|
|
this.submitText = 'Submit',
|
|
this.submitColor = Colors.indigo,
|
|
this.submitIcon = Icons.check_circle_outline,
|
|
this.showButtons = true,
|
|
this.bottomContent,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
final mediaQuery = MediaQuery.of(context);
|
|
|
|
return SingleChildScrollView(
|
|
padding: mediaQuery.viewInsets,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(top: 60),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: theme.cardColor,
|
|
borderRadius: const BorderRadius.vertical(top: Radius.circular(24)),
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: Colors.black12,
|
|
blurRadius: 12,
|
|
offset: Offset(0, -2),
|
|
),
|
|
],
|
|
),
|
|
child: SafeArea(
|
|
// 👈 prevents overlap with nav bar
|
|
top: false,
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(20, 16, 20, 32),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
MySpacing.height(5),
|
|
Container(
|
|
width: 40,
|
|
height: 5,
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey.shade300,
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
),
|
|
MySpacing.height(12),
|
|
MyText.titleLarge(title, fontWeight: 700),
|
|
MySpacing.height(12),
|
|
child,
|
|
MySpacing.height(12),
|
|
if (showButtons) ...[
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
onPressed: onCancel,
|
|
icon: const Icon(Icons.close, color: Colors.white),
|
|
label: MyText.bodyMedium(
|
|
"Cancel",
|
|
color: Colors.white,
|
|
fontWeight: 600,
|
|
),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.grey,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
onPressed: isSubmitting ? null : onSubmit,
|
|
icon: Icon(submitIcon, color: Colors.white),
|
|
label: MyText.bodyMedium(
|
|
isSubmitting ? "Submitting..." : submitText,
|
|
color: Colors.white,
|
|
fontWeight: 600,
|
|
),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: submitColor,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (bottomContent != null) ...[
|
|
MySpacing.height(12),
|
|
bottomContent!,
|
|
],
|
|
],
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|