Registration page added
This commit is contained in:
commit
4efcd311ba
3
devtools_options.yaml
Normal file
3
devtools_options.yaml
Normal file
@ -0,0 +1,3 @@
|
||||
description: This file stores settings for Dart & Flutter DevTools.
|
||||
documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
|
||||
extensions:
|
||||
@ -1,6 +1,12 @@
|
||||
import 'dart:convert';
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/gestures.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:http/http.dart' as http;
|
||||
import 'package:image_picker/image_picker.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import 'package:pocketbase/pocketbase.dart';
|
||||
|
||||
class ProfileScreen extends StatefulWidget {
|
||||
@override
|
||||
@ -8,9 +14,13 @@ class ProfileScreen extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _ProfileScreenState extends State<ProfileScreen> {
|
||||
final _pb = PocketBase('https://pb.venbait.in');
|
||||
// final _pb = PocketBase('http://127.0.0.1:8090');
|
||||
final _formKey = GlobalKey<FormState>();
|
||||
final TextEditingController _fullNameController = TextEditingController();
|
||||
final TextEditingController _dateController = TextEditingController();
|
||||
final TextEditingController _usernameController = TextEditingController();
|
||||
final TextEditingController _emailController = TextEditingController();
|
||||
// To keep track of the selected date
|
||||
DateTime? _selectedDate;
|
||||
|
||||
@ -24,15 +34,72 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
];
|
||||
String? _selectedCountry;
|
||||
bool _termsAccepted = false;
|
||||
final _picker = ImagePicker();
|
||||
File? _profileImage;
|
||||
|
||||
// Regular expression to validate Full Name (no special characters)
|
||||
final RegExp _nameRegExp = RegExp(r"^[a-zA-Z\s]+$");
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_fetchUserData(); // Call the function to fetch user data
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_fullNameController.dispose();
|
||||
_dateController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _fetchUserData() async {
|
||||
try {
|
||||
final userId = 'tsgehyvgy6owypj';
|
||||
final adminAuth = await _pb.admins
|
||||
.authWithPassword('pb@venbainfotech.com', 'pb@venbainfotech.com');
|
||||
final adminToken = adminAuth.token;
|
||||
final response = await http.get(
|
||||
Uri.parse(
|
||||
'https://pb.venbait.in/api/collections/users/records/$userId'),
|
||||
headers: {
|
||||
'Authorization': 'Bearer $adminToken', // Add token to header
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
);
|
||||
|
||||
if (response.statusCode == 200) {
|
||||
final data = jsonDecode(response.body);
|
||||
setState(() {
|
||||
_usernameController.text = data['username'];
|
||||
_emailController.text = data['email'];
|
||||
});
|
||||
} else {
|
||||
print('Failed to fetch user data: ${response.body}');
|
||||
}
|
||||
} catch (error) {
|
||||
print('Failed to fetch user data: $error');
|
||||
}
|
||||
}
|
||||
|
||||
void _pickImage() async {
|
||||
final XFile? pickedFile =
|
||||
await _picker.pickImage(source: ImageSource.gallery);
|
||||
if (pickedFile != null) {
|
||||
setState(() {
|
||||
_profileImage = File(pickedFile.path);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Function to open the date picker
|
||||
Future<void> _pickDate() async {
|
||||
final DateTime today = DateTime.now();
|
||||
final DateTime initialDate = _selectedDate ?? today.subtract(const Duration(days: 365 * 18)); // Default to 18 years ago
|
||||
final DateTime firstDate = today.subtract(const Duration(days: 365 * 100)); // Allow picking dates back to 100 years ago
|
||||
final DateTime initialDate = _selectedDate ??
|
||||
today.subtract(
|
||||
const Duration(days: 365 * 18)); // Default to 18 years ago
|
||||
final DateTime firstDate = today.subtract(const Duration(
|
||||
days: 365 * 100)); // Allow picking dates back to 100 years ago
|
||||
final DateTime lastDate = today; // Allow picking dates up to today
|
||||
|
||||
// Updated Date format to DD/MM/YYYY
|
||||
@ -82,6 +149,97 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
});
|
||||
}
|
||||
|
||||
void showConfirmationDialog(BuildContext context) async {
|
||||
final result = await showDialog<bool>(
|
||||
context: context,
|
||||
builder: (context) => const ConfirmationDialog(),
|
||||
);
|
||||
if (result == true) {
|
||||
if (_formKey.currentState?.validate() ?? false) {
|
||||
try {
|
||||
String userID = 'tsgehyvgy6owypj';
|
||||
// Retrieve data from text fields and other inputs
|
||||
String fullName = _fullNameController.text;
|
||||
// String username = 'users55538';
|
||||
// String email = 'surendarsuri30@gmail.com';
|
||||
String dateOfBirth = _dateController.text; // in DD/MM/YYYY format
|
||||
String countryRegion = _selectedCountry ?? '';
|
||||
bool termsAccepted = _termsAccepted;
|
||||
|
||||
// Parse the date from dd/MM/yyyy format and convert to yyyy-MM-dd
|
||||
// Parse the date from dd/MM/yyyy format and format to yyyy-MM-dd
|
||||
DateTime dob = DateFormat('dd/MM/yyyy').parse(dateOfBirth);
|
||||
String formattedDob = DateFormat('yyyy-MM-dd').format(dob);
|
||||
|
||||
// Prepare form data
|
||||
final request = http.MultipartRequest(
|
||||
'PATCH',
|
||||
Uri.parse(
|
||||
'https://pb.venbait.in/api/collections/users/records/$userID'), // replace with actual user ID
|
||||
);
|
||||
|
||||
// Set the fields for the user profile
|
||||
request.fields['full_name'] = fullName;
|
||||
// request.fields['username'] = username;
|
||||
// request.fields['email'] = email;
|
||||
request.fields['dob'] = formattedDob; // ensure correct format
|
||||
request.fields['country_region'] = countryRegion;
|
||||
request.fields['terms_accepted'] = termsAccepted.toString();
|
||||
|
||||
// Add image file if selected
|
||||
if (_profileImage != null) {
|
||||
request.files.add(await http.MultipartFile.fromPath(
|
||||
'avatar', _profileImage!.path));
|
||||
}
|
||||
final adminAuth = await _pb.admins
|
||||
.authWithPassword('pb@venbainfotech.com', 'pb@venbainfotech.com');
|
||||
final adminToken = adminAuth.token;
|
||||
// Add PocketBase auth headers if needed (for authenticated requests)
|
||||
request.headers['Authorization'] = 'Bearer ${adminToken}';
|
||||
|
||||
print(request);
|
||||
|
||||
// Send the request
|
||||
final response = await request.send();
|
||||
|
||||
if (response.statusCode == 200) {
|
||||
print(response.statusCode);
|
||||
_resetFormFields();
|
||||
Navigator.pushNamed(context, 'home');
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text("Profile updated successfully!")));
|
||||
} else {
|
||||
// Log the response body for better debugging
|
||||
final responseBody = await response.stream.bytesToString();
|
||||
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
||||
content: Text(
|
||||
"Failed to update profile: ${response.reasonPhrase}, Body: $responseBody")));
|
||||
}
|
||||
} catch (error) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text("Failed to update profile: $error")));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void _resetFormFields() {
|
||||
print('reset');
|
||||
setState(() {
|
||||
// Reset all text controllers
|
||||
_fullNameController.clear();
|
||||
_dateController.clear();
|
||||
_selectedCountry = null;
|
||||
_termsAccepted = false;
|
||||
|
||||
// Reset profile image
|
||||
_profileImage = null;
|
||||
|
||||
// Reset form validation state
|
||||
_formKey.currentState?.reset();
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
@ -121,18 +279,22 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
children: [
|
||||
CircleAvatar(
|
||||
radius: 50,
|
||||
backgroundImage:
|
||||
AssetImage("assets/edit_profile/profile.png"),
|
||||
// Replace with actual image URL
|
||||
backgroundImage: _profileImage != null
|
||||
? FileImage(_profileImage!)
|
||||
: AssetImage("assets/edit_profile/profile.png")
|
||||
as ImageProvider,
|
||||
child: Align(
|
||||
alignment: Alignment.bottomRight,
|
||||
child: CircleAvatar(
|
||||
radius: 15,
|
||||
backgroundColor: Colors.white,
|
||||
child: Icon(
|
||||
Icons.camera_alt,
|
||||
size: 15,
|
||||
color: Colors.grey,
|
||||
child: GestureDetector(
|
||||
onTap: _pickImage, // Call `_pickImage` on tap
|
||||
child: CircleAvatar(
|
||||
radius: 15,
|
||||
backgroundColor: Colors.white,
|
||||
child: Icon(
|
||||
Icons.camera_alt,
|
||||
size: 15,
|
||||
color: Colors.grey,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
@ -141,46 +303,56 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Text("User Name",
|
||||
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
Text(
|
||||
"User Name",
|
||||
style:
|
||||
TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
TextFormField(
|
||||
controller: _usernameController,
|
||||
decoration: InputDecoration(
|
||||
hintText: 'Mohammad Hassan',
|
||||
hintStyle: TextStyle(color: Colors.grey),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),enabled: false,
|
||||
),
|
||||
enabled: false,
|
||||
),
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Text("E-mail",
|
||||
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
Text(
|
||||
"E-mail",
|
||||
style:
|
||||
TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
TextFormField(
|
||||
controller: _emailController,
|
||||
decoration: InputDecoration(
|
||||
hintText: 'mohammad.hassan@fcsc.gov.ae',
|
||||
hintStyle: TextStyle(color: Colors.grey),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),enabled: false,
|
||||
),
|
||||
enabled: false,
|
||||
),
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Text("Full Name",
|
||||
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
Text(
|
||||
"Full Name",
|
||||
style:
|
||||
TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
),
|
||||
],
|
||||
),
|
||||
@ -210,13 +382,14 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Text("Date of Birth*",
|
||||
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
Text(
|
||||
"Date of Birth*",
|
||||
style:
|
||||
TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
|
||||
TextFormField(
|
||||
controller: _dateController,
|
||||
decoration: InputDecoration(
|
||||
@ -226,18 +399,18 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
hintText: 'Select your Date of Birth',
|
||||
suffixIcon: const Icon(Icons.arrow_drop_down_sharp),
|
||||
),
|
||||
|
||||
readOnly: true,
|
||||
onTap: _pickDate,
|
||||
validator: _validateDob,
|
||||
),
|
||||
|
||||
SizedBox(height: 10),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Text("Country/Region*",
|
||||
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
Text(
|
||||
"Country/Region*",
|
||||
style:
|
||||
TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
),
|
||||
],
|
||||
),
|
||||
@ -252,9 +425,9 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
),
|
||||
items: _countries
|
||||
.map((item) => DropdownMenuItem<String>(
|
||||
value: item,
|
||||
child: Text(item),
|
||||
))
|
||||
value: item,
|
||||
child: Text(item),
|
||||
))
|
||||
.toList(),
|
||||
onChanged: (String? newValue) {
|
||||
setState(() {
|
||||
@ -275,7 +448,9 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
SizedBox(height: 10,),
|
||||
SizedBox(
|
||||
height: 10,
|
||||
),
|
||||
Text.rich(
|
||||
TextSpan(
|
||||
text: 'I agree to the ',
|
||||
@ -324,14 +499,22 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
],
|
||||
),
|
||||
SizedBox(height: 20),
|
||||
|
||||
Center(child: Text("Change Password",style: TextStyle(color: Colors.blue,decoration: TextDecoration.underline),),),
|
||||
Center(
|
||||
child: Text(
|
||||
"Change Password",
|
||||
style: TextStyle(
|
||||
color: Colors.blue,
|
||||
decoration: TextDecoration.underline),
|
||||
),
|
||||
),
|
||||
SizedBox(height: 20),
|
||||
ElevatedButton.icon(
|
||||
onPressed: () {
|
||||
if (_formKey.currentState?.validate() ?? false) {
|
||||
_formKey.currentState?.save();
|
||||
if (_termsAccepted) {
|
||||
_formKey.currentState?.save();
|
||||
// _confirmSaveProfile();
|
||||
showConfirmationDialog(context);
|
||||
} else {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
@ -366,33 +549,55 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
}
|
||||
}
|
||||
|
||||
//Alert Dialog box
|
||||
|
||||
class ConfirmationDialog extends StatelessWidget {
|
||||
const ConfirmationDialog({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AlertDialog(
|
||||
content: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: const [
|
||||
children: [
|
||||
Text(
|
||||
'Are you sure you want to save this page?',
|
||||
style: TextStyle(
|
||||
"Are you sure you want to save this page?",
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
color: Colors.black54,
|
||||
color: Color(0xFF898C81),
|
||||
fontFamily: 'Roboto',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
SizedBox(height: 8),
|
||||
Text(
|
||||
'Once saved, you will not be able to change your Name and Date of birth.',
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
color: Colors.black54,
|
||||
Text.rich(
|
||||
TextSpan(
|
||||
text: "Once saved, you will not be able to change your ",
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
color: Color(0xFF898C81),
|
||||
fontFamily: 'Roboto',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
children: [
|
||||
TextSpan(
|
||||
text: "name",
|
||||
style:
|
||||
TextStyle(fontWeight: FontWeight.w700), // Bold for "name"
|
||||
),
|
||||
TextSpan(
|
||||
text: " or ",
|
||||
),
|
||||
TextSpan(
|
||||
text: "date of birth",
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.w700), // Bold for "date of birth"
|
||||
),
|
||||
TextSpan(
|
||||
text: ".",
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
)
|
||||
],
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
@ -408,15 +613,18 @@ class ConfirmationDialog extends StatelessWidget {
|
||||
children: [
|
||||
OutlinedButton(
|
||||
onPressed: () {
|
||||
Navigator.of(context).pop(true);
|
||||
Navigator.of(context).pop(false);
|
||||
},
|
||||
style: OutlinedButton.styleFrom(
|
||||
side: BorderSide(color: Color(0xFF92722A)),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(7)),
|
||||
),// Set the border color here
|
||||
), // Set the border color here
|
||||
),
|
||||
child: Text(
|
||||
"Cancel",
|
||||
style: TextStyle(color: Color(0xFF92722A)),
|
||||
),
|
||||
child: Text("Cancel",style: TextStyle(color: Color(0xFF92722A)),),
|
||||
),
|
||||
ElevatedButton(
|
||||
onPressed: () => Navigator.of(context).pop(true),
|
||||
@ -437,31 +645,10 @@ class ConfirmationDialog extends StatelessWidget {
|
||||
],
|
||||
),
|
||||
),
|
||||
SizedBox(height: 5,)
|
||||
SizedBox(
|
||||
height: 5,
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// Usage example:
|
||||
void showConfirmationDialog(BuildContext context) async {
|
||||
final result = await showDialog<bool>(
|
||||
context: context,
|
||||
builder: (context) => const ConfirmationDialog(),
|
||||
);
|
||||
|
||||
if (result == true) {
|
||||
// Add your save logic here
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,98 +1,22 @@
|
||||
// import 'package:flutter/material.dart';
|
||||
// import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
// import 'package:hooks_riverpod/hooks_riverpod.dart';
|
||||
// import 'package:webview_flutter/webview_flutter.dart';
|
||||
|
||||
// import 'package:uae_stat/domain/use_cases/language.dart';
|
||||
// import 'package:uae_stat/presentation/components/themed_app_bar.dart';
|
||||
|
||||
// class FeedbackRoute extends HookConsumerWidget {
|
||||
// const FeedbackRoute({super.key});
|
||||
|
||||
// static const enUrl =
|
||||
// 'https://fcsc.gov.ae/en-us/Pages/e-Participation/Contact-Us.aspx';
|
||||
// static const arUrl =
|
||||
// 'https://fcsc.gov.ae/ar-ae/Pages/e-Participation/Contact-Us.aspx';
|
||||
|
||||
// @override
|
||||
// Widget build(BuildContext context, WidgetRef ref) {
|
||||
// final didLoadSuccessfully = useState<bool?>(true);
|
||||
// final url = context.translate(enUrl, arUrl);
|
||||
// final ctl = WebViewController()
|
||||
// ..setJavaScriptMode(JavaScriptMode.unrestricted)
|
||||
// ..setBackgroundColor(Colors.transparent)
|
||||
// ..setNavigationDelegate(
|
||||
// NavigationDelegate(
|
||||
// // onProgress: (int progress) {},
|
||||
// onPageStarted: (String url) => didLoadSuccessfully.value = null,
|
||||
// onPageFinished: (String url) => didLoadSuccessfully.value = true,
|
||||
// onWebResourceError: (WebResourceError error) =>
|
||||
// didLoadSuccessfully.value = null,
|
||||
// onNavigationRequest: (NavigationRequest request) {
|
||||
// if (!request.url.startsWith('https://fcsc.gov.ae/')) {
|
||||
// return NavigationDecision.prevent;
|
||||
// }
|
||||
// return NavigationDecision.navigate;
|
||||
// },
|
||||
// ),
|
||||
// )
|
||||
// ..loadRequest(
|
||||
// Uri.parse(
|
||||
// url,
|
||||
// ),
|
||||
// );
|
||||
// final bodyContent = Stack(
|
||||
// children: [
|
||||
// Center(
|
||||
// child: didLoadSuccessfully.value == null
|
||||
// ? const CircularProgressIndicator()
|
||||
// : didLoadSuccessfully.value!
|
||||
// ? const SizedBox.shrink()
|
||||
// : const Text('An error occurred.'),
|
||||
// ),
|
||||
// WebViewWidget(controller: ctl),
|
||||
// ],
|
||||
// );
|
||||
// final body = Column(
|
||||
// children: [
|
||||
// ThemedAppBar(
|
||||
// titleText: context.translate(
|
||||
// 'Feedback',
|
||||
// 'تعليق',
|
||||
// ),
|
||||
// ),
|
||||
// Expanded(
|
||||
// child: bodyContent,
|
||||
// ),
|
||||
// ],
|
||||
// );
|
||||
// return ColoredBox(
|
||||
// color: Colors.white,
|
||||
// child: SafeArea(
|
||||
// bottom: false,
|
||||
// child: body,
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
|
||||
import 'package:excel/excel.dart';
|
||||
import 'package:external_repos/external_repos.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_rating_bar/flutter_rating_bar.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import 'package:pocketbase/pocketbase.dart';
|
||||
import 'package:shared_preferences/shared_preferences.dart';
|
||||
import 'package:uae_stat/domain/use_cases/language.dart';
|
||||
import 'package:uae_stat/infrastructure/services/packages/go_router.dart';
|
||||
import 'package:uae_stat/presentation/components/my_drawer.dart';
|
||||
|
||||
// class FeedbackPage extends StatelessWidget {
|
||||
// const FeedbackPage({super.key});
|
||||
|
||||
// @override
|
||||
// Widget build(BuildContext context) {
|
||||
// return const Scaffold(
|
||||
// body: Center(
|
||||
// child: Text('Feedback'),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
import 'package:mailer/mailer.dart';
|
||||
import 'package:mailer/smtp_server.dart';
|
||||
import 'package:uae_stat/presentation/components/space.dart';
|
||||
import '../../../config/my_theme.dart';
|
||||
import '../../../domain/use_cases/preferences_use_case.dart';
|
||||
import '../../components/lang_toggle.dart';
|
||||
import '../../components/my_bottom_nav_bar.dart';
|
||||
import '../../components/my_toggle.dart';
|
||||
|
||||
class FeedbackForm extends StatefulWidget {
|
||||
const FeedbackForm({super.key});
|
||||
@ -102,111 +26,438 @@ class FeedbackForm extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _FeedbackFormState extends State<FeedbackForm> {
|
||||
final _pb =
|
||||
PocketBase('https://pb.venbait.in'); // Initialize PocketBase client
|
||||
// final _pb = PocketBase('http://127.0.0.1:8090'); // Initialize PocketBase client
|
||||
|
||||
final TextEditingController _feedbackController = TextEditingController();
|
||||
|
||||
double _easeOfUseRating = 0;
|
||||
double _qualityRating = 0;
|
||||
double _designRating = 0;
|
||||
double _redundancyRating = 0;
|
||||
int? _selectedEmojiIndex;
|
||||
bool _isFeedbackSubmitted = false; // Track if feedback was submitted
|
||||
bool _isFeedbackFailed = false; // New flag for failed submission
|
||||
bool _isSmileySelected = true; // Track if smiley is selected
|
||||
dynamic configEmail;
|
||||
|
||||
List<Map<String, dynamic>> get _emojiOptions => [
|
||||
{
|
||||
"icon": Icons.sentiment_very_dissatisfied,
|
||||
"label": context.translate("Terrible", "رهيب"), // Translate here
|
||||
"value": 1,
|
||||
},
|
||||
{
|
||||
"icon": Icons.sentiment_dissatisfied,
|
||||
"label": context.translate("Bad", "سيء"), // Translate here
|
||||
"value": 2,
|
||||
},
|
||||
{
|
||||
"icon": Icons.sentiment_neutral,
|
||||
"label": context.translate("Okay", "تمام"), // Translate here
|
||||
"value": 3,
|
||||
},
|
||||
{
|
||||
"icon": Icons.sentiment_satisfied,
|
||||
"label": context.translate("Good", "جيد"), // Translate here
|
||||
"value": 4,
|
||||
},
|
||||
{
|
||||
"icon": Icons.sentiment_very_satisfied,
|
||||
"label": context.translate("Amazing", "مدهش"), // Translate here
|
||||
"value": 5,
|
||||
},
|
||||
];
|
||||
|
||||
static const int _characterLimit = 1200;
|
||||
final RegExp _allowedCharacters = RegExp(r'^[a-zA-Z0-9 .,!?-]*$');
|
||||
bool _hasError = false;
|
||||
String _errorMessage = '';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_loadFeedbackText();
|
||||
_feedbackController.addListener(_handleTextChange);
|
||||
fetchEmailConfiguration();
|
||||
}
|
||||
|
||||
Future<void> _saveFeedbackText(
|
||||
int emojiIndex, String ratingKey, double ratingValue) async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
await prefs.setString('feedbackText', _feedbackController.text);
|
||||
await prefs.setInt('selected_emoji_index', emojiIndex);
|
||||
await prefs.setDouble(ratingKey, ratingValue);
|
||||
}
|
||||
|
||||
Future<void> _saveAllRatings() async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
await prefs.setDouble('ease_of_use_rating', _easeOfUseRating);
|
||||
await prefs.setDouble('quality_rating', _qualityRating);
|
||||
await prefs.setDouble('design_rating', _designRating);
|
||||
await prefs.setDouble('redundancy_rating', _redundancyRating);
|
||||
}
|
||||
|
||||
Future<void> _loadFeedbackText() async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
final feedbackText = prefs.getString('feedbackText') ?? '';
|
||||
setState(() {
|
||||
_feedbackController.text = feedbackText;
|
||||
});
|
||||
|
||||
final savedIndex = prefs.getInt('selected_emoji_index');
|
||||
if (savedIndex != null) {
|
||||
setState(() {
|
||||
_selectedEmojiIndex = savedIndex;
|
||||
_isSmileySelected = true; // Indicating the user selected an emoji
|
||||
});
|
||||
}
|
||||
|
||||
setState(() {
|
||||
_easeOfUseRating = prefs.getDouble('ease_of_use_rating') ?? 0;
|
||||
_qualityRating = prefs.getDouble('quality_rating') ?? 0;
|
||||
_designRating = prefs.getDouble('design_rating') ?? 0;
|
||||
_redundancyRating = prefs.getDouble('redundancy_rating') ?? 0;
|
||||
});
|
||||
}
|
||||
|
||||
// Remove feedback text from local storage
|
||||
Future<void> _removeFeedbackText() async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
await prefs.remove('feedbackText');
|
||||
await prefs.remove('selected_emoji_index');
|
||||
await prefs.remove('ease_of_use_rating');
|
||||
await prefs.remove('quality_rating');
|
||||
await prefs.remove('design_rating');
|
||||
await prefs.remove('redundancy_rating');
|
||||
}
|
||||
|
||||
void _handleTextChange() {
|
||||
String currentText = _feedbackController.text;
|
||||
|
||||
// Enforce character limit and truncate excess on paste
|
||||
if (currentText.length > _characterLimit) {
|
||||
_feedbackController.text = currentText.substring(0, _characterLimit);
|
||||
_feedbackController.selection = TextSelection.fromPosition(
|
||||
TextPosition(offset: _feedbackController.text.length),
|
||||
);
|
||||
}
|
||||
|
||||
// Validate characters
|
||||
if (!_allowedCharacters.hasMatch(currentText)) {
|
||||
setState(() {
|
||||
_hasError = true;
|
||||
_errorMessage = "Invalid Characters";
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
_hasError = false;
|
||||
_errorMessage = '';
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
drawer: const MyDrawer(),
|
||||
appBar: AppBar(
|
||||
title: const Text('Feedback Form'),
|
||||
backgroundColor: const Color(0xFFf8f9ff),
|
||||
title: Text(context.translate('Feedback Form', 'نموذج الملاحظات')),
|
||||
actions: [
|
||||
Align(
|
||||
alignment: AlignmentDirectional.topEnd,
|
||||
child: LangToggle(
|
||||
onSaveFeedback: _saveFeedbackText,
|
||||
onLoadFeedback: _loadFeedbackText,
|
||||
selectedEmojiIndex: _selectedEmojiIndex ?? 0,
|
||||
easeOfUseRating: _easeOfUseRating,
|
||||
qualityRating: _qualityRating,
|
||||
designRating: _designRating,
|
||||
redundancyRating: _redundancyRating,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
const Text(
|
||||
'Do you have a suggestion or had any problem? Let us know.',
|
||||
style: TextStyle(fontSize: 18),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
const Text(
|
||||
'How was your experience with us today?',
|
||||
style: TextStyle(fontSize: 16),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
_buildEmojiButton(
|
||||
Icons.sentiment_very_dissatisfied,
|
||||
'Terrible',
|
||||
),
|
||||
_buildEmojiButton(Icons.sentiment_dissatisfied, 'Bad'),
|
||||
_buildEmojiButton(Icons.sentiment_neutral, 'Okay'),
|
||||
_buildEmojiButton(Icons.sentiment_satisfied, 'Good'),
|
||||
_buildEmojiButton(Icons.sentiment_very_satisfied, 'Amazing'),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
const Text(
|
||||
'How good did we do in these aspects?',
|
||||
style: TextStyle(fontSize: 16),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
_buildRatingRow('Ease of use', _easeOfUseRating, (rating) {
|
||||
setState(() {
|
||||
_easeOfUseRating = rating;
|
||||
});
|
||||
}),
|
||||
_buildRatingRow('Quality', _qualityRating, (rating) {
|
||||
setState(() {
|
||||
_qualityRating = rating;
|
||||
});
|
||||
}),
|
||||
_buildRatingRow('Design', _designRating, (rating) {
|
||||
setState(() {
|
||||
_designRating = rating;
|
||||
});
|
||||
}),
|
||||
_buildRatingRow('Redundant', _redundancyRating, (rating) {
|
||||
setState(() {
|
||||
_redundancyRating = rating;
|
||||
});
|
||||
}),
|
||||
const SizedBox(height: 20),
|
||||
const TextField(
|
||||
decoration: InputDecoration(
|
||||
hintText: 'Tell us how we can improve',
|
||||
border: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.blueAccent)),
|
||||
),
|
||||
maxLines: 5,
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Center(
|
||||
child: ElevatedButton(
|
||||
onPressed: () {
|
||||
// Handle the submit action
|
||||
},
|
||||
child: const Text('Submit'),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: _isFeedbackSubmitted
|
||||
? _buildThankYouMessage()
|
||||
: _isFeedbackFailed
|
||||
? _buildFailureMessage()
|
||||
: _buildFeedbackForm(),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEmojiButton(IconData icon, String label) {
|
||||
Widget _buildFeedbackForm() {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Text(
|
||||
context.translate(
|
||||
'Do you have a suggestion or had any problem? Let us know.',
|
||||
'هل لديك اقتراح أو واجهت أي مشكلة؟ اسمحوا لنا أن نعرف.',
|
||||
),
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
color: Color(0xFF898C81),
|
||||
fontFamily: 'Roboto',
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Text(
|
||||
context.translate('How was your experience with us today?',
|
||||
'كيف كانت تجربتك معنا اليوم؟'),
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
fontFamily: 'Roboto',
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Color(0xFF898C81),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(
|
||||
color: _isSmileySelected ? Colors.transparent : Colors.red,
|
||||
width: 1.5,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
padding: const EdgeInsets.all(8),
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: List.generate(_emojiOptions.length, (index) {
|
||||
return _buildEmojiButton(
|
||||
icon: _emojiOptions[index]["icon"],
|
||||
label: _emojiOptions[index]["label"],
|
||||
index: index,
|
||||
);
|
||||
}),
|
||||
),
|
||||
if (!_isSmileySelected) // Show the error message if no smiley is selected
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 8.0),
|
||||
child: Text(
|
||||
context.translate(
|
||||
'Please rate your experience before submitting your feedback.',
|
||||
'يرجى تقييم تجربتك قبل تقديم ملاحظاتك.',
|
||||
),
|
||||
style: TextStyle(color: Colors.red, fontSize: 14),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
Text(
|
||||
context.translate('How good did we do in these aspects?',
|
||||
'ما مدى جودة ما قمنا به في هذه الجوانب؟'),
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
fontFamily: 'Roboto',
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Color(0xFF898C81),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
_buildRatingRow(
|
||||
context.translate('Ease of use', 'سهولة الاستخدام'),
|
||||
_easeOfUseRating,
|
||||
(rating) {
|
||||
setState(() {
|
||||
_easeOfUseRating = rating;
|
||||
});
|
||||
},
|
||||
),
|
||||
_buildRatingRow(
|
||||
context.translate('Quality', 'جودة'),
|
||||
_qualityRating,
|
||||
(rating) {
|
||||
setState(() {
|
||||
_qualityRating = rating;
|
||||
});
|
||||
},
|
||||
),
|
||||
_buildRatingRow(
|
||||
context.translate('Design', 'تصميم'),
|
||||
_designRating,
|
||||
(rating) {
|
||||
setState(() {
|
||||
_designRating = rating;
|
||||
});
|
||||
},
|
||||
),
|
||||
_buildRatingRow(
|
||||
context.translate('Redundant', 'متكرر'),
|
||||
_redundancyRating,
|
||||
(rating) {
|
||||
setState(() {
|
||||
_redundancyRating = rating;
|
||||
});
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
TextField(
|
||||
controller: _feedbackController,
|
||||
minLines: 5, // Start with 5 lines
|
||||
maxLines: null, // Allows the field to expand automatically
|
||||
maxLength: _characterLimit,
|
||||
decoration: InputDecoration(
|
||||
hintText: context.translate(
|
||||
'Tell us how we can improve', 'أخبرنا كيف يمكننا تحسين'),
|
||||
border: OutlineInputBorder(
|
||||
borderSide: BorderSide(
|
||||
color: _hasError ? Colors.red : Color(0xFF7296BE),
|
||||
),
|
||||
),
|
||||
errorText:
|
||||
_hasError ? _errorMessage : null, // Show error below field
|
||||
),
|
||||
onChanged: (text) {
|
||||
// Trigger re-validation and character limit on each change
|
||||
_handleTextChange();
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Center(
|
||||
child: ElevatedButton(
|
||||
onPressed: _submitFeedback,
|
||||
style: ButtonStyle(
|
||||
shape: WidgetStatePropertyAll(
|
||||
RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
),
|
||||
padding: const WidgetStatePropertyAll(
|
||||
EdgeInsets.symmetric(vertical: 5.5),
|
||||
),
|
||||
textStyle: WidgetStatePropertyAll(
|
||||
TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
backgroundColor: WidgetStatePropertyAll(
|
||||
MyTheme.topicColor(IndicatorTopic.environment),
|
||||
),
|
||||
foregroundColor: const WidgetStatePropertyAll(
|
||||
Colors.white,
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
context.translate(
|
||||
'Submit',
|
||||
'يُقدِّم',
|
||||
),
|
||||
),
|
||||
6.horizontalSpace,
|
||||
const Icon(Icons.chevron_right_outlined),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildThankYouMessage() {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.thumb_up, size: 80, color: Color(0xFF7DAFBC)),
|
||||
const SizedBox(height: 20),
|
||||
Text(
|
||||
"Thank You",
|
||||
style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
const Text(
|
||||
"For your valuable feedback, we truly appreciate your input!",
|
||||
style: TextStyle(fontSize: 16),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
ElevatedButton(
|
||||
onPressed: () => context
|
||||
.go('/${context.language}/${BottomNavBarItem.home.routePath}'),
|
||||
child: const Text("Go to Home"),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// New widget for failure message
|
||||
Widget _buildFailureMessage() {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.error, size: 80, color: Colors.red),
|
||||
const SizedBox(height: 20),
|
||||
const Text("Failed to Share Feedback",
|
||||
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
|
||||
const SizedBox(height: 10),
|
||||
const Text("Your feedback could not be submitted. Please try again.",
|
||||
style: TextStyle(fontSize: 16), textAlign: TextAlign.center),
|
||||
const SizedBox(height: 30),
|
||||
ElevatedButton(
|
||||
onPressed: () {
|
||||
setState(() {
|
||||
_isFeedbackFailed = false; // Reset failure state
|
||||
});
|
||||
},
|
||||
child: const Text("Retry"),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEmojiButton({
|
||||
required IconData icon,
|
||||
required String label,
|
||||
required int index,
|
||||
}) {
|
||||
bool isSelected = _selectedEmojiIndex == index;
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
IconButton(
|
||||
icon: Icon(icon, size: 40),
|
||||
color: Colors.amber,
|
||||
color: isSelected ? Colors.green : Colors.amber,
|
||||
onPressed: () {
|
||||
// Handle the emoji rating
|
||||
setState(() {
|
||||
_selectedEmojiIndex = index;
|
||||
_isSmileySelected = true; // Hide error when a smiley is selected
|
||||
});
|
||||
},
|
||||
),
|
||||
Text(
|
||||
label,
|
||||
style: TextStyle(fontWeight: FontWeight.bold),
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.w400,
|
||||
color: isSelected ? Colors.green : Color(0xFF000000),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
@ -220,7 +471,13 @@ class _FeedbackFormState extends State<FeedbackForm> {
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(label, style: const TextStyle(fontSize: 16)),
|
||||
Text(label,
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
fontFamily: 'Roboto',
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Color(0xFF898C81),
|
||||
)),
|
||||
RatingBar.builder(
|
||||
initialRating: rating,
|
||||
minRating: 1,
|
||||
@ -233,8 +490,259 @@ class _FeedbackFormState extends State<FeedbackForm> {
|
||||
color: Colors.amber,
|
||||
),
|
||||
onRatingUpdate: onRatingUpdate,
|
||||
unratedColor: Color(0xFF8E8E8E),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _submitFeedback() async {
|
||||
if (_selectedEmojiIndex == null) {
|
||||
setState(() {
|
||||
_isSmileySelected = false;
|
||||
});
|
||||
return;
|
||||
} else {
|
||||
setState(() {
|
||||
_isSmileySelected = true;
|
||||
});
|
||||
}
|
||||
|
||||
if (_hasError) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text("Please correct the errors before submitting.")),
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
final feedbackData = {
|
||||
"ease_of_use": _easeOfUseRating,
|
||||
"quality": _qualityRating,
|
||||
"design": _designRating,
|
||||
"redundancy": _redundancyRating,
|
||||
"emoji_rating": _emojiOptions[_selectedEmojiIndex!]
|
||||
["label"], // Emoji rating
|
||||
"feedback": _feedbackController.text,
|
||||
};
|
||||
|
||||
try {
|
||||
final adminAuth = await _pb.admins
|
||||
.authWithPassword('pb@venbainfotech.com', 'pb@venbainfotech.com');
|
||||
final adminToken = adminAuth.token;
|
||||
final response = await _pb
|
||||
.collection('feedback')
|
||||
.create(body: feedbackData, headers: {'Authorization': adminToken});
|
||||
if (response != null) {
|
||||
final createdTime = response.created;
|
||||
// Send email
|
||||
|
||||
await sendFeedbackEmail(feedbackData, createdTime);
|
||||
await _removeFeedbackText();
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text("Feedback submitted successfully!")),
|
||||
);
|
||||
setState(() {
|
||||
_isFeedbackSubmitted = true;
|
||||
_isFeedbackFailed = false;
|
||||
_resetFeedbackForm();
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text("Failed to submit feedback: $e")),
|
||||
);
|
||||
setState(() {
|
||||
_isFeedbackFailed = true; // Update state to show failure message
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
void _resetFeedbackForm() {
|
||||
_easeOfUseRating = 0;
|
||||
_qualityRating = 0;
|
||||
_designRating = 0;
|
||||
_redundancyRating = 0;
|
||||
_selectedEmojiIndex = null;
|
||||
_feedbackController.clear();
|
||||
}
|
||||
|
||||
Future<void> fetchEmailConfiguration() async {
|
||||
try {
|
||||
// Fetch data from the email_configuration collection
|
||||
final response =
|
||||
await _pb.collection('email_configuration').getFullList();
|
||||
|
||||
// Filter the data where the label is "Feedback"
|
||||
final feedbackConfig = response.firstWhere(
|
||||
(item) =>
|
||||
item.data['label'] == 'Feedback', // Accessing the 'data' property
|
||||
);
|
||||
|
||||
// Check if a match is found
|
||||
if (feedbackConfig != null) {
|
||||
configEmail = feedbackConfig.data['email']; // Access the 'email' value
|
||||
} else {
|
||||
print('No feedback configuration found.');
|
||||
}
|
||||
} catch (e) {
|
||||
print('Error fetching email configuration: $e');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> sendFeedbackEmail(
|
||||
Map<String, dynamic> feedbackData, createdTime) async {
|
||||
String username = 'emailapikey'; // Your SMTP username (API key)
|
||||
String password =
|
||||
'PHtE6r0MFu66jTQp8BAFsP7sH5TwNd4v/+02KwBH5ItACvAES01Tot4okDawqhoiB/FEHfaey4Nvteyf5ePQJG28YW9OCWqyqK3sx/VYSPOZsbq6x00auVwYd0zUVY7pe9ds0yLTvNraNA=='; // Your SMTP password
|
||||
|
||||
final smtpServer = SmtpServer('smtp.zeptomail.in',
|
||||
port: 587,
|
||||
username: username,
|
||||
password: password,
|
||||
ssl: false, // Use TLS
|
||||
ignoreBadCertificate:
|
||||
true); // Set to true if you're testing with a self-signed certificate
|
||||
|
||||
// Check if additional feedback was provided
|
||||
String additionalFeedback = feedbackData["feedback"]?.isNotEmpty == true
|
||||
? feedbackData["feedback"]
|
||||
: "No additional feedback provided.";
|
||||
|
||||
// Format separately for date and time
|
||||
// Parse the string to DateTime
|
||||
// Parse the input as UTC and convert to DateTime in UTC timezone
|
||||
DateTime feedbackDateTime = DateTime.parse(createdTime).toUtc();
|
||||
|
||||
// Format date as DD-MM-YYYY in UTC
|
||||
final String formattedDate =
|
||||
DateFormat('dd-MM-yyyy').format(feedbackDateTime);
|
||||
|
||||
// Format to the desired output: "dd.MM.yyyy HH:mm 'UTC'"
|
||||
final DateFormat formatter = DateFormat("dd.MM.yyyy HH:mm 'UTC'");
|
||||
String formattedDateTime = formatter.format(feedbackDateTime);
|
||||
|
||||
// Assuming the server timezone as UTC, you can append as needed
|
||||
String submissionTime = "$formattedDateTime <Server_Timezone>";
|
||||
|
||||
print("Formatted Date (UTC): $formattedDate");
|
||||
String email = configEmail; // Direct assignment
|
||||
// Create the email message
|
||||
final message = Message()
|
||||
..from = Address('bbone@venbait.in', 'FCSC')
|
||||
..recipients.add(email) // Set the recipient email
|
||||
..subject = 'UAE Stats Feedback'
|
||||
..text = '''
|
||||
Dear [App Owner/Admin],
|
||||
|
||||
You have received new feedback from a user through the mobile application.
|
||||
|
||||
User Details:
|
||||
|
||||
1. Name: Guest
|
||||
2. Date of Submission: $formattedDate
|
||||
3. Time of Submission: $submissionTime
|
||||
|
||||
Feedback:
|
||||
|
||||
1. How was your experience with us today? Rating: ${feedbackData["emoji_rating"]}
|
||||
2. How did we perform in key areas?
|
||||
1. Ease of Use: ${feedbackData["ease_of_use"]}
|
||||
2. Quality: ${feedbackData["quality"]}
|
||||
3. Design: ${feedbackData["design"]}
|
||||
4. Redundancy: ${feedbackData["redundancy"]}
|
||||
3. Additional Feedback:
|
||||
1. $additionalFeedback
|
||||
|
||||
Thank you,
|
||||
The FCSC App Team
|
||||
''';
|
||||
|
||||
try {
|
||||
// Send the email
|
||||
print("Message details:");
|
||||
print("From: ${message.from}");
|
||||
print("To: ${message.recipients}");
|
||||
print("Subject: ${message.subject}");
|
||||
print("Body: ${message.text}");
|
||||
final sendReport = await send(message, smtpServer);
|
||||
print('Message sent: ' + sendReport.toString());
|
||||
} catch (e) {
|
||||
print('Message not sent: $e');
|
||||
// Handle the error as needed
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_feedbackController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
}
|
||||
|
||||
class LangToggle extends ConsumerWidget {
|
||||
final Future<void> Function(
|
||||
int emojiIndex, String ratingKey, double ratingValue) onSaveFeedback;
|
||||
final Future<void> Function() onLoadFeedback;
|
||||
final int selectedEmojiIndex;
|
||||
final double easeOfUseRating;
|
||||
final double qualityRating;
|
||||
final double designRating;
|
||||
final double redundancyRating;
|
||||
|
||||
const LangToggle({
|
||||
required this.onSaveFeedback,
|
||||
required this.onLoadFeedback,
|
||||
required this.selectedEmojiIndex,
|
||||
required this.easeOfUseRating,
|
||||
required this.qualityRating,
|
||||
required this.designRating,
|
||||
required this.redundancyRating,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final isOn = context.language == LanguageLocale.enUS;
|
||||
|
||||
return MyToggle(
|
||||
isOn: isOn,
|
||||
onTap: () async {
|
||||
await onSaveFeedback(
|
||||
selectedEmojiIndex,
|
||||
'ease_of_use_rating',
|
||||
easeOfUseRating,
|
||||
);
|
||||
await onSaveFeedback(
|
||||
selectedEmojiIndex,
|
||||
'quality_rating',
|
||||
qualityRating,
|
||||
);
|
||||
await onSaveFeedback(
|
||||
selectedEmojiIndex,
|
||||
'design_rating',
|
||||
designRating,
|
||||
);
|
||||
await onSaveFeedback(
|
||||
selectedEmojiIndex,
|
||||
'redundancy_rating',
|
||||
redundancyRating,
|
||||
);
|
||||
|
||||
final languageAfter = isOn ? LanguageLocale.arAE : LanguageLocale.enUS;
|
||||
final grs = GoRouterState.of(context);
|
||||
grs.pathParameters['locale'] = languageAfter.toString();
|
||||
context.go(grs.pathWithParameters);
|
||||
|
||||
ref.read(preferencesUseCaseProvider.notifier).updatePreferences(
|
||||
(prefs) => prefs.copyWith(language: languageAfter),
|
||||
);
|
||||
|
||||
await onLoadFeedback(); // Reload feedback text after toggling language
|
||||
},
|
||||
knobTextWhenOn: 'ع',
|
||||
knobTextWhenOff: 'EN',
|
||||
pathColorWhenOn: Colors.grey.shade300,
|
||||
pathColorWhenOff: Colors.grey.shade300,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
import FlutterMacOS
|
||||
import Foundation
|
||||
|
||||
import file_selector_macos
|
||||
import flutter_secure_storage_macos
|
||||
import path_provider_foundation
|
||||
import share_plus
|
||||
@ -13,6 +14,7 @@ import video_player_avfoundation
|
||||
import webview_flutter_wkwebview
|
||||
|
||||
func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
|
||||
FileSelectorPlugin.register(with: registry.registrar(forPlugin: "FileSelectorPlugin"))
|
||||
FlutterSecureStoragePlugin.register(with: registry.registrar(forPlugin: "FlutterSecureStoragePlugin"))
|
||||
PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))
|
||||
SharePlusMacosPlugin.register(with: registry.registrar(forPlugin: "SharePlusMacosPlugin"))
|
||||
|
||||
124
pubspec.lock
124
pubspec.lock
@ -341,6 +341,38 @@ packages:
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "7.0.1"
|
||||
file_selector_linux:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: file_selector_linux
|
||||
sha256: b2b91daf8a68ecfa4a01b778a6f52edef9b14ecd506e771488ea0f2e0784198b
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.9.3+1"
|
||||
file_selector_macos:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: file_selector_macos
|
||||
sha256: "271ab9986df0c135d45c3cdb6bd0faa5db6f4976d3e4b437cf7d0f258d941bfc"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.9.4+2"
|
||||
file_selector_platform_interface:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: file_selector_platform_interface
|
||||
sha256: a3994c26f10378a039faa11de174d7b78eb8f79e4dd0af2a451410c1a5c3f66b
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "2.6.2"
|
||||
file_selector_windows:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: file_selector_windows
|
||||
sha256: "8f5d2f6590d51ecd9179ba39c64f722edc15226cc93dcc8698466ad36a4a85a4"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.9.3+3"
|
||||
fixnum:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -407,6 +439,14 @@ packages:
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "2.4.2"
|
||||
flutter_plugin_android_lifecycle:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: flutter_plugin_android_lifecycle
|
||||
sha256: "9b78450b89f059e96c9ebb355fa6b3df1d6b330436e0b885fb49594c41721398"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "2.0.23"
|
||||
flutter_rating_bar:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
@ -601,6 +641,70 @@ packages:
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "4.3.0"
|
||||
image_picker:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: image_picker
|
||||
sha256: "021834d9c0c3de46bf0fe40341fa07168407f694d9b2bb18d532dc1261867f7a"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.1.2"
|
||||
image_picker_android:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: image_picker_android
|
||||
sha256: "8faba09ba361d4b246dc0a17cb4289b3324c2b9f6db7b3d457ee69106a86bd32"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.8.12+17"
|
||||
image_picker_for_web:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: image_picker_for_web
|
||||
sha256: "717eb042ab08c40767684327be06a5d8dbb341fe791d514e4b92c7bbe1b7bb83"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "3.0.6"
|
||||
image_picker_ios:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: image_picker_ios
|
||||
sha256: "4f0568120c6fcc0aaa04511cb9f9f4d29fc3d0139884b1d06be88dcec7641d6b"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.8.12+1"
|
||||
image_picker_linux:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: image_picker_linux
|
||||
sha256: "4ed1d9bb36f7cd60aa6e6cd479779cc56a4cb4e4de8f49d487b1aaad831300fa"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.2.1+1"
|
||||
image_picker_macos:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: image_picker_macos
|
||||
sha256: "3f5ad1e8112a9a6111c46d0b57a7be2286a9a07fc6e1976fdf5be2bd31d4ff62"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.2.1+1"
|
||||
image_picker_platform_interface:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: image_picker_platform_interface
|
||||
sha256: "9ec26d410ff46f483c5519c29c02ef0e02e13a543f882b152d4bfd2f06802f80"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "2.10.0"
|
||||
image_picker_windows:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: image_picker_windows
|
||||
sha256: "6ad07afc4eb1bc25f3a01084d28520496c4a3bb0cb13685435838167c9dcedeb"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.2.1+1"
|
||||
injectable:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
@ -713,6 +817,14 @@ packages:
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.1.2-main.4"
|
||||
mailer:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: mailer
|
||||
sha256: "21fde1497c79f402cb5fa7c50abd58927d360139e492546c941ee10767684fac"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "6.2.0"
|
||||
marquee:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
@ -749,10 +861,10 @@ packages:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: mime
|
||||
sha256: "41a20518f0cb1256669420fdba0cd90d21561e560ac240f26ef8322e45bb7ed6"
|
||||
sha256: "801fd0b26f14a4a58ccb09d5892c3fbdeff209594300a542492cf13fba9d247a"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "2.0.0"
|
||||
version: "1.0.6"
|
||||
nested:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -964,10 +1076,10 @@ packages:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: share_plus
|
||||
sha256: "3af2cda1752e5c24f2fc04b6083b40f013ffe84fb90472f30c6499a9213d5442"
|
||||
sha256: "9c9bafd4060728d7cdb2464c341743adbd79d327cb067ec7afb64583540b47c8"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "10.1.1"
|
||||
version: "10.1.2"
|
||||
share_plus_platform_interface:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -980,10 +1092,10 @@ packages:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: shared_preferences
|
||||
sha256: "746e5369a43170c25816cc472ee016d3a66bc13fcf430c0bc41ad7b4b2922051"
|
||||
sha256: "95f9997ca1fb9799d494d0cb2a780fd7be075818d59f00c43832ed112b158a82"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "2.3.2"
|
||||
version: "2.3.3"
|
||||
shared_preferences_android:
|
||||
dependency: transitive
|
||||
description:
|
||||
|
||||
@ -52,6 +52,8 @@ dependencies:
|
||||
shared_preferences: ^2.2.3
|
||||
flutter_rating_bar: ^4.0.1
|
||||
provider: ^6.1.2
|
||||
mailer: ^6.2.0
|
||||
image_picker: ^1.1.2
|
||||
|
||||
dependency_overrides:
|
||||
fading_edge_scrollview: ^4.1.1
|
||||
|
||||
Loading…
Reference in New Issue
Block a user