ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-11-27 09:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

optimized

Browse Source
This commit is contained in:
hannathkadher
2024-11-23 18:41:44 +04:00
parent 729bd41bec
commit bca7aa059d
1 changed files with 59 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
lib/pages/spaces_management/widgets/dialogs/delete_dialogue.dart
View File

@ -3,75 +3,31 @@ import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
import 'package:syncrow_web/utils/color_manager.dart'; import 'package:syncrow_web/utils/color_manager.dart';
void showDeleteConfirmationDialog(BuildContext context, VoidCallback onConfirm, bool isSpace) { void showDeleteConfirmationDialog(BuildContext context, VoidCallback onConfirm, bool isSpace) {
final String title = isSpace ? 'Delete Space' : 'Delete Community';
final String subtitle = isSpace
? 'All the data in the space will be lost'
: 'All the data in the community will be lost';
showDialog( showDialog(
context: context, context: context,
barrierDismissible: false, // Prevent dismissing by tapping outside barrierDismissible: false,
builder: (BuildContext context) { builder: (BuildContext context) {
return Dialog( return Dialog(
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16.0)),
borderRadius: BorderRadius.circular(16.0),
),
child: SizedBox( child: SizedBox(
width: 500, // Set the desired width width: 500,
child: Container( child: Container(
color: ColorsManager.whiteColors, color: ColorsManager.whiteColors,
padding: const EdgeInsets.all(20.0), padding: const EdgeInsets.all(20.0),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
// Icon _buildWarningIcon(),
Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: ColorsManager.warningRed,
shape: BoxShape.circle,
),
child: const Icon(
Icons.close,
color: Colors.white,
size: 40,
),
),
const SizedBox(height: 20), const SizedBox(height: 20),
// Title _buildDialogTitle(context,title),
isSpace
? const Text(
'Delete Space',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
)
: const Text(
'Delete Community',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 10), const SizedBox(height: 10),
// Subtitle _buildDialogSubtitle(context, subtitle),
isSpace
? const Text(
'All the data in the space will be lost',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 14,
color: Colors.grey,
),
)
: const Text(
'All the data in the community will be lost',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 14,
color: Colors.grey,
),
),
const SizedBox(height: 20), const SizedBox(height: 20),
// Buttons
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
@ -84,16 +40,8 @@ void showDeleteConfirmationDialog(BuildContext context, VoidCallback onConfirm,
Navigator.of(context).pop(); // Close the first dialog Navigator.of(context).pop(); // Close the first dialog
showProcessingPopup(context, isSpace, onConfirm); showProcessingPopup(context, isSpace, onConfirm);
}, },
style: ElevatedButton.styleFrom( style: _dialogButtonStyle(Colors.blue),
backgroundColor: Colors.blue, child: const Text('Continue', style: TextStyle(color: Colors.white)),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
fixedSize: Size(140, 40)),
child: const Text(
'Continue',
style: TextStyle(color: Colors.white),
),
), ),
], ],
), ),
@ -107,14 +55,14 @@ void showDeleteConfirmationDialog(BuildContext context, VoidCallback onConfirm,
} }
void showProcessingPopup(BuildContext context, bool isSpace, VoidCallback onDelete) { void showProcessingPopup(BuildContext context, bool isSpace, VoidCallback onDelete) {
final String title = isSpace ? 'Delete Space' : 'Delete Community';
showDialog( showDialog(
context: context, context: context,
barrierDismissible: false, barrierDismissible: false,
builder: (BuildContext context) { builder: (BuildContext context) {
return Dialog( return Dialog(
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16.0)),
borderRadius: BorderRadius.circular(16.0),
),
child: SizedBox( child: SizedBox(
width: 500, width: 500,
child: Container( child: Container(
@ -123,68 +71,19 @@ void showProcessingPopup(BuildContext context, bool isSpace, VoidCallback onDele
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
// Icon _buildWarningIcon(),
Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: ColorsManager.warningRed,
shape: BoxShape.circle,
),
child: const Icon(
Icons.close,
color: Colors.white,
size: 40,
),
),
const SizedBox(height: 20), const SizedBox(height: 20),
// Title _buildDialogTitle(context,title),
isSpace
? const Text(
'Delete Space',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
)
: const Text(
'Delete Community',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 10), const SizedBox(height: 10),
// Subtitle _buildDialogSubtitle(context, 'Are you sure you want to delete?'),
const Text(
'Are you sure you want to Delete?',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 14,
color: Colors.grey,
),
),
const SizedBox(height: 20), const SizedBox(height: 20),
// Buttons (Optional)
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
ElevatedButton( ElevatedButton(
onPressed: () { onPressed: onDelete,
// Trigger the second popup style: _dialogButtonStyle(ColorsManager.warningRed),
onDelete(); child: const Text('Delete', style: TextStyle(color: Colors.white)),
},
style: ElevatedButton.styleFrom(
backgroundColor: ColorsManager.warningRed,
fixedSize: Size(140, 40),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
child: const Text(
'Delete',
style: TextStyle(color: Colors.white),
),
), ),
CancelButton( CancelButton(
label: 'Cancel', label: 'Cancel',
@ -200,3 +99,40 @@ void showProcessingPopup(BuildContext context, bool isSpace, VoidCallback onDele
}, },
); );
} }
Widget _buildWarningIcon() {
return Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: ColorsManager.warningRed,
shape: BoxShape.circle,
),
child: const Icon(Icons.close, color: Colors.white, size: 40),
);
}
Widget _buildDialogTitle(BuildContext context, String title) {
return Text(
title,
style: Theme.of(context).textTheme.headlineMedium,
);
}
Widget _buildDialogSubtitle(BuildContext context, String subtitle) {
return Text(
subtitle,
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: ColorsManager.grayColor
),
);
}
ButtonStyle _dialogButtonStyle(Color color) {
return ElevatedButton.styleFrom(
backgroundColor: color,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.0)),
fixedSize: const Size(140, 40),
);
}