initial commit: push everything
This commit is contained in:
464
lib/views/Dashboard/profile/Profilepage.dart
Normal file
464
lib/views/Dashboard/profile/Profilepage.dart
Normal file
@@ -0,0 +1,464 @@
|
||||
import 'dart:io';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart'; // ⭐ REQUIRED
|
||||
import 'package:nearle/views/Dashboard/profile/informations/help_center.dart';
|
||||
import 'package:nearle/views/Dashboard/profile/informations/profile.dart';
|
||||
import 'package:nearle/views/Dashboard/profile/informations/saved_address.dart';
|
||||
import 'package:nearle/views/Dashboard/profile/informations/faq.dart';
|
||||
import 'package:nearle/views/Dashboard/profile/informations/notifications_page.dart';
|
||||
import 'package:nearle/views/Dashboard/profile/informations/support_ticket.dart';
|
||||
|
||||
import 'package:nearle/views/helpers/constants/Colorconstants.dart';
|
||||
import 'package:nearle/views/helpers/constants/Font_constant.dart';
|
||||
import 'package:nearle/views/onboardscreens/Sign_in.dart';
|
||||
import 'package:nearle/controllers/profile_controller.dart';
|
||||
import 'package:shared_preferences/shared_preferences.dart';
|
||||
import 'package:nearle/views/Dashboard/profile/informations/order_alert_sound.dart';
|
||||
import 'package:nearle/controllers/rewards_controller.dart';
|
||||
import 'package:nearle/views/Dashboard/profile/rewards_card.dart';
|
||||
import 'package:nearle/views/Dashboard/profile/informations/rider_rewards_page.dart';
|
||||
import 'package:nearle/utils/mqtt_service.dart';
|
||||
|
||||
class ProfilePage extends StatefulWidget {
|
||||
const ProfilePage({super.key});
|
||||
|
||||
@override
|
||||
State<ProfilePage> createState() => _ProfilePageState();
|
||||
}
|
||||
|
||||
class _ProfilePageState extends State<ProfilePage> {
|
||||
late final ProfileController _profileController =
|
||||
Get.isRegistered<ProfileController>()
|
||||
? Get.find<ProfileController>()
|
||||
: Get.put(ProfileController(), permanent: true);
|
||||
|
||||
final RewardsController _rewardsController = Get.put(RewardsController());
|
||||
|
||||
String _name = '';
|
||||
String _email = '';
|
||||
String _contact = '';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_loadProfilePrefs();
|
||||
ever(_profileController.userName, (_) => _assignFromController());
|
||||
ever(_profileController.userEmail, (_) => _assignFromController());
|
||||
ever(_profileController.userContact, (_) => _assignFromController());
|
||||
ever(_profileController.userAddress, (_) => _assignFromController());
|
||||
_profileController.loadFromPrefs();
|
||||
}
|
||||
|
||||
Future<void> _loadProfilePrefs() async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
setState(() {
|
||||
_name = prefs.getString('user_name') ?? '';
|
||||
_email = prefs.getString('user_email') ?? '';
|
||||
_contact = prefs.getString('contactno') ?? '';
|
||||
_contact = prefs.getString('contactno') ?? '';
|
||||
});
|
||||
|
||||
final userId = prefs.getInt('userid') ?? 0;
|
||||
if (userId > 0) {
|
||||
_rewardsController.fetchBonusSummary(userId);
|
||||
}
|
||||
}
|
||||
|
||||
void _assignFromController() {
|
||||
setState(() {
|
||||
if (_profileController.userName.value.trim().isNotEmpty) {
|
||||
_name = _profileController.userName.value.trim();
|
||||
}
|
||||
if (_profileController.userEmail.value.trim().isNotEmpty) {
|
||||
_email = _profileController.userEmail.value.trim();
|
||||
}
|
||||
if (_profileController.userContact.value.trim().isNotEmpty) {
|
||||
_contact = _profileController.userContact.value.trim();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SafeArea(
|
||||
child: Scaffold(
|
||||
backgroundColor: Colors.grey.shade200,
|
||||
|
||||
appBar: AppBar(
|
||||
backgroundColor: Colors.grey.shade200,
|
||||
elevation: 0,
|
||||
toolbarHeight: 70.h, // ⭐ responsive
|
||||
title: Padding(
|
||||
padding: EdgeInsets.only(top: 12.h),
|
||||
child: Text(
|
||||
"PROFILE",
|
||||
style: TextStyle(
|
||||
fontSize: FontConstants.xxxLarge(context).sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
color: Colors.black,
|
||||
),
|
||||
),
|
||||
),
|
||||
bottom: PreferredSize(
|
||||
preferredSize: Size.fromHeight(1.h),
|
||||
child: Divider(height: 1.h, color: Colors.grey),
|
||||
),
|
||||
),
|
||||
|
||||
body: SingleChildScrollView(
|
||||
physics: const ClampingScrollPhysics(),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 16.w),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(bottom: 40.h),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
SizedBox(height: 20.h),
|
||||
|
||||
/// ⭐ PROFILE CARD RESPONSIVE
|
||||
Container(
|
||||
padding: EdgeInsets.all(16.r),
|
||||
decoration: BoxDecoration(
|
||||
color: ColorConstants.primaryColor,
|
||||
borderRadius: BorderRadius.circular(20.r),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Icon(
|
||||
Icons.person,
|
||||
color: Colors.white,
|
||||
size: 22.sp,
|
||||
),
|
||||
SizedBox(width: 6.w),
|
||||
Flexible(
|
||||
child: Text(
|
||||
_name.isNotEmpty ? _name : "—",
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 18.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 12.h),
|
||||
|
||||
Row(
|
||||
children: [
|
||||
Icon(
|
||||
Icons.phone,
|
||||
color: Colors.white,
|
||||
size: 20.sp,
|
||||
),
|
||||
SizedBox(width: 6.w),
|
||||
Flexible(
|
||||
child: Text(
|
||||
_contact.isNotEmpty ? _contact : "—",
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 16.sp,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 12.h),
|
||||
|
||||
Row(
|
||||
children: [
|
||||
Icon(
|
||||
Icons.email,
|
||||
color: Colors.white,
|
||||
size: 20.sp,
|
||||
),
|
||||
SizedBox(width: 6.w),
|
||||
Flexible(
|
||||
child: Text(
|
||||
_email.isNotEmpty ? _email : "—",
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 16.sp,
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
/// ⭐ Circle Avatar Responsive
|
||||
Obx(() {
|
||||
final path = _profileController.imagePath.value;
|
||||
final hasImage =
|
||||
path.isNotEmpty && File(path).existsSync();
|
||||
|
||||
return CircleAvatar(
|
||||
radius: 40.r,
|
||||
backgroundColor: Colors.grey.shade300,
|
||||
backgroundImage: hasImage
|
||||
? FileImage(File(path))
|
||||
: null,
|
||||
child: !hasImage
|
||||
? Icon(
|
||||
Icons.person,
|
||||
color: Colors.white,
|
||||
size: 40.sp,
|
||||
)
|
||||
: null,
|
||||
);
|
||||
}),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
SizedBox(height: 20.h),
|
||||
|
||||
// ⭐ REWARDS SECTION
|
||||
RewardsCard(controller: _rewardsController),
|
||||
|
||||
SizedBox(height: 20.h),
|
||||
|
||||
_buildHeader("Your Information"),
|
||||
_buildBox([
|
||||
_buildInfoTile(Icons.person, "Profile"),
|
||||
Divider(),
|
||||
_buildInfoTile(Icons.location_on, "Saved Address"),
|
||||
Divider(),
|
||||
_buildInfoTile(Icons.card_giftcard, "Rewards"),
|
||||
Divider(),
|
||||
_buildInfoTile(Icons.notifications, "Notification"),
|
||||
]),
|
||||
|
||||
SizedBox(height: 20.h),
|
||||
|
||||
_buildHeader("Support"),
|
||||
_buildBox([
|
||||
_buildInfoTile(Icons.support_agent, "Help Centre"),
|
||||
Divider(),
|
||||
_buildInfoTile(Icons.local_activity, "Support tickets"),
|
||||
]),
|
||||
|
||||
SizedBox(height: 20.h),
|
||||
|
||||
_buildHeader("Other Information"),
|
||||
_buildBox([
|
||||
_buildInfoTile(Icons.translate, "Faq"),
|
||||
Divider(),
|
||||
// _buildInfoTile(Icons.sticky_note_2, "Terms & Conditions"),
|
||||
// Divider(),
|
||||
_buildInfoTile(
|
||||
Icons.notifications_active,
|
||||
"Order alert sound",
|
||||
),
|
||||
]),
|
||||
|
||||
SizedBox(height: 55.h),
|
||||
|
||||
/// ⭐ Logout Button Responsive
|
||||
SizedBox(
|
||||
height: 55.h,
|
||||
width: double.infinity,
|
||||
child: OutlinedButton(
|
||||
onPressed: () => _showLogoutDialog(context),
|
||||
style: OutlinedButton.styleFrom(
|
||||
backgroundColor: ColorConstants.secondaryColor,
|
||||
side: BorderSide(color: Colors.black, width: 0.2.w),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12.r),
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
"Logout",
|
||||
style: TextStyle(
|
||||
fontSize: 20.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.black,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
SizedBox(height: 15.h),
|
||||
|
||||
Center(
|
||||
child: Text(
|
||||
"App Version 1.2.19",
|
||||
style: TextStyle(
|
||||
fontSize: 16.sp,
|
||||
color: Colors.grey.shade600,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHeader(String title) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.all(8.r),
|
||||
child: Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
fontSize: 22.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
color: Colors.black,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBox(List<Widget> children) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(12.r),
|
||||
),
|
||||
child: Column(children: children),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInfoTile(IconData icon, String title) {
|
||||
return ListTile(
|
||||
leading: Icon(icon, size: 26.sp),
|
||||
title: Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
fontSize: 19.sp,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
),
|
||||
trailing: Icon(Icons.arrow_forward_ios, size: 22.sp),
|
||||
onTap: () => _handleNavigation(title),
|
||||
);
|
||||
}
|
||||
|
||||
void _handleNavigation(String title) {
|
||||
switch (title) {
|
||||
case "Profile":
|
||||
Get.to(() => Profile());
|
||||
break;
|
||||
case "Saved Address":
|
||||
Get.to(() => const SavedAddressPage());
|
||||
break;
|
||||
case "Notification":
|
||||
Get.to(() => const NotificationsPage());
|
||||
break;
|
||||
case "Help Centre":
|
||||
Get.to(() => HelpCenter());
|
||||
break;
|
||||
case "Support tickets":
|
||||
Get.to(() => SupportTicket());
|
||||
break;
|
||||
case "Rewards":
|
||||
Get.to(() => const RiderRewardsPage());
|
||||
break;
|
||||
case "Faq":
|
||||
Get.to(() => const FaqPage());
|
||||
break;
|
||||
// case "Terms & Conditions":
|
||||
// Get.to(() => const TermsCondition());
|
||||
// break;
|
||||
case "Order alert sound":
|
||||
Get.to(() => const OrderAlertSoundPage());
|
||||
break;
|
||||
default:
|
||||
debugPrint("Tapped on $title — no page linked yet.");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void _showLogoutDialog(BuildContext context) {
|
||||
showDialog(
|
||||
context: context,
|
||||
barrierDismissible: true,
|
||||
builder: (BuildContext context) {
|
||||
return Center(
|
||||
child: FittedBox(
|
||||
child: AlertDialog(
|
||||
backgroundColor: ColorConstants.secondaryColor,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(20.r),
|
||||
),
|
||||
title: Text(
|
||||
"Logout",
|
||||
style: TextStyle(
|
||||
fontSize: 22.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
),
|
||||
content: Text(
|
||||
"Are you sure you want to logout?",
|
||||
style: TextStyle(
|
||||
fontSize: 19.sp,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(context),
|
||||
child: Text(
|
||||
"No",
|
||||
style: TextStyle(
|
||||
fontSize: 19.sp,
|
||||
color: Colors.grey,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
),
|
||||
),
|
||||
ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: const Color.fromARGB(255, 153, 121, 167),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12.r),
|
||||
),
|
||||
),
|
||||
onPressed: () async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
final userId =
|
||||
prefs.getInt('userid') ?? prefs.getInt('userId') ?? 0;
|
||||
if (userId != 0) {
|
||||
await prefs.remove('skipped_orders_cache_$userId');
|
||||
}
|
||||
NearleMqttService().disconnect();
|
||||
prefs.setBool('logged_out', true);
|
||||
Get.offAll(() => const SignIn());
|
||||
},
|
||||
child: Text(
|
||||
"Yes",
|
||||
style: TextStyle(
|
||||
fontSize: 19.sp,
|
||||
color: Colors.black,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user