500 lines
15 KiB
Dart
500 lines
15 KiB
Dart
import 'dart:convert';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:responsive_builder/responsive_builder.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
|
|
import '../config/apiUrl.dart';
|
|
import '../services/apiService.dart';
|
|
|
|
class CustomDrawer extends StatefulWidget {
|
|
final bool isDesktop;
|
|
const CustomDrawer({super.key, required this.isDesktop});
|
|
|
|
@override
|
|
_CustomDrawerState createState() => _CustomDrawerState();
|
|
}
|
|
|
|
class _CustomDrawerState extends State<CustomDrawer> {
|
|
final ApiService apiService = ApiService();
|
|
|
|
String? token;
|
|
Map<String, dynamic>? userData;
|
|
Map<String, dynamic>? fetchedUserData;
|
|
Map<String, dynamic> userDetails = {};
|
|
|
|
Map<String, dynamic>? selectedOrg;
|
|
Color? layoutColor;
|
|
Color? bodyColor;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
// initializeData();
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
initializeData();
|
|
getOrganizationData();
|
|
});
|
|
}
|
|
|
|
Future<void> initializeData() async {
|
|
print("initializeDatainitializeData");
|
|
token = await getToken();
|
|
fetchedUserData = await getUserData();
|
|
|
|
if (token == null || fetchedUserData == null) {
|
|
print("Token or USerId missing");
|
|
return;
|
|
}
|
|
|
|
setState(() {
|
|
userData = fetchedUserData;
|
|
});
|
|
}
|
|
|
|
Future<String?> getToken() async {
|
|
final prefs = await SharedPreferences.getInstance();
|
|
return prefs.getString("auth_token");
|
|
}
|
|
|
|
Future<Map<String, dynamic>?> getUserData() async {
|
|
final prefs = await SharedPreferences.getInstance();
|
|
final String? userDataString = prefs.getString('user_data');
|
|
|
|
if (userDataString != null) {
|
|
try {
|
|
userDetails = jsonDecode(userDataString);
|
|
|
|
return {
|
|
"user_id": userDetails["user_id"].toString(),
|
|
"name": "${userDetails["first_name"]} ${userDetails["last_name"]}",
|
|
"email": userDetails["email"] ?? "",
|
|
"role": userDetails["role"] ?? "",
|
|
};
|
|
} catch (e) {
|
|
print("Error decoding user data: $e");
|
|
return null;
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
Future<void> getOrganizationData() async {
|
|
try {
|
|
print("getUpdatedServices");
|
|
|
|
final prefs = await SharedPreferences.getInstance();
|
|
final String? orgDataString = prefs.getString('org_data');
|
|
|
|
if (orgDataString != null) {
|
|
// final result = await apiService.fetchOrganization();
|
|
|
|
final Map<String, dynamic> result = jsonDecode(orgDataString);
|
|
print("UUPdatedServices - $result");
|
|
|
|
final prefs = await SharedPreferences.getInstance();
|
|
print("UUPdatedServices - $result");
|
|
|
|
setState(() {
|
|
selectedOrg = result;
|
|
|
|
layoutColor =
|
|
selectedOrg?['layout_color'] != null
|
|
? Color(int.parse(selectedOrg!['layout_color']))
|
|
: Colors.white;
|
|
|
|
bodyColor =
|
|
selectedOrg?['color'] != null
|
|
? Color(
|
|
int.parse(
|
|
selectedOrg!['color'].toString().replaceFirst('0x', ''),
|
|
radix: 16,
|
|
),
|
|
)
|
|
: Colors.blue;
|
|
|
|
String? rawLogoPath = selectedOrg?['logo'];
|
|
if (rawLogoPath != null && rawLogoPath.contains('/assets')) {
|
|
// const baseUrl = "https://apitest.tripapprovaltool.com";
|
|
|
|
const baseUrl = apiUrl;
|
|
|
|
final assetPath = rawLogoPath.split('/assets').last;
|
|
selectedOrg!['logo'] = "$baseUrl/assets$assetPath";
|
|
}
|
|
});
|
|
|
|
// Save to SharedPreferences
|
|
await prefs.setString('layout_color', selectedOrg?['layout_color']);
|
|
await prefs.setString('secondary_color', selectedOrg?['secondary_color']);
|
|
await prefs.setString('ternary_color', selectedOrg?['ternary_color']);
|
|
await prefs.setString('body_color', selectedOrg?['color']);
|
|
await prefs.setString('body_color', selectedOrg?['plan_action']);
|
|
|
|
print(
|
|
"Layout Color- ${selectedOrg?['layout_color']} - $layoutColor ---------- bodyColor - $bodyColor",
|
|
);
|
|
}
|
|
} catch (e) {
|
|
print("Error : $e");
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Widget drawerContent = Container(
|
|
color: Colors.white,
|
|
child: Container(
|
|
color: Colors.white,
|
|
margin: const EdgeInsets.all(18),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
color: Colors.white,
|
|
// margin: const EdgeInsets.only(left: 20),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
selectedOrg?['logo'] != null
|
|
? ClipRect(
|
|
child: Image.network(
|
|
selectedOrg!['logo'],
|
|
width: 50,
|
|
height: 50,
|
|
fit: BoxFit.contain,
|
|
errorBuilder: (context, error, stackTrace) {
|
|
return const CircleAvatar(
|
|
radius: 20,
|
|
backgroundColor: Colors.redAccent,
|
|
child: Icon(Icons.error, size: 10),
|
|
);
|
|
},
|
|
),
|
|
)
|
|
: const CircleAvatar(
|
|
radius: 20,
|
|
backgroundColor: Colors.white,
|
|
child: Icon(
|
|
Icons.add_a_photo,
|
|
size: 10,
|
|
color: Colors.grey,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
// _buildDrawerItem(context, Icons.home_outlined, 'Home', '/home'),
|
|
if (userData?["role"] == "Org Admin" ||
|
|
userData?["role"] == "Travel Admin")
|
|
_buildDrawerItem(
|
|
context,
|
|
Icons.dashboard,
|
|
'Dashboard',
|
|
'/StatusDashboard',
|
|
),
|
|
|
|
if (userData?["role"] == "Org Admin" ||
|
|
userData?["role"] == "Travel Admin")
|
|
_buildDrawerItem(
|
|
context,
|
|
Icons.format_list_bulleted_rounded,
|
|
'All Trips',
|
|
'/listAllPlan',
|
|
),
|
|
|
|
if (userDetails["role"] == "Travel Agent")
|
|
_buildDrawerItem(
|
|
context,
|
|
Icons.shopping_bag_outlined,
|
|
'Trips',
|
|
'/listTravelAgentPlan',
|
|
),
|
|
|
|
if (userDetails["role"] != "Travel Agent")
|
|
_buildDrawerItem(
|
|
context,
|
|
Icons.shopping_bag_outlined,
|
|
'My Trips',
|
|
'/listPlan',
|
|
),
|
|
|
|
if (userDetails["role"] != "Travel Agent")
|
|
_buildDrawerItem(
|
|
context,
|
|
Icons.verified_outlined,
|
|
'My Approvals',
|
|
'/ApprovalList',
|
|
),
|
|
// Spacer(),
|
|
SizedBox(height: MediaQuery.of(context).size.height / 2),
|
|
Container(
|
|
margin: const EdgeInsets.only(right: 20),
|
|
child: Align(
|
|
alignment: Alignment.center,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Column(
|
|
// mainAxisAlignment: MainAxisAlignment.center,
|
|
// crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
"Powered by",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 11,
|
|
color: Colors.grey,
|
|
// color: Color(0xFF212121),
|
|
),
|
|
),
|
|
Image.asset(
|
|
'assets/images/login/logoNew.jpg',
|
|
// width: 90,
|
|
height: 45,
|
|
fit: BoxFit.contain,
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
return Container(
|
|
height: MediaQuery.of(context).size.height,
|
|
child: Drawer(
|
|
backgroundColor: Colors.white,
|
|
child: ListView(
|
|
physics: NeverScrollableScrollPhysics(),
|
|
padding: EdgeInsets.zero,
|
|
children: [drawerContent],
|
|
),
|
|
),
|
|
);
|
|
|
|
// if (widget.isDesktop) {
|
|
// // Sidebar for Desktop (always visible)**
|
|
// return Container(
|
|
// width: 250, // Fixed width for sidebar
|
|
// color: Colors.grey.shade50,
|
|
// child: drawerContent,
|
|
// );
|
|
// } else {
|
|
// // Drawer for Mobile & Tablet**
|
|
// return Drawer(
|
|
// child: ListView(padding: EdgeInsets.zero, children: [drawerContent])) ;
|
|
// }
|
|
}
|
|
|
|
/// **Reusable Drawer Item**
|
|
Widget _buildDrawerItem(
|
|
BuildContext context,
|
|
IconData icon,
|
|
String title,
|
|
String route,
|
|
) {
|
|
String selectedRoute = GoRouterState.of(context).uri.toString();
|
|
|
|
// return Container(
|
|
// color: selectedRoute == route ? Colors.blue.shade50 : null,
|
|
// child: InkWell(
|
|
// onTap: () async {
|
|
// if (route == '/') {
|
|
// final pref = await SharedPreferences.getInstance();
|
|
// await pref.clear();
|
|
// context.go("/");
|
|
// } else {
|
|
// context.go(route);
|
|
// }
|
|
// },
|
|
// child: Padding(
|
|
// padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12),
|
|
// child: Row(
|
|
// children: [
|
|
// Icon(
|
|
// icon,
|
|
// size: 20,
|
|
// color: Color(0xFF475569),
|
|
// ),
|
|
// // SizedBox(width: 9), // Reduce or increase this for spacing
|
|
// Text(
|
|
// title,
|
|
// style: TextStyle(
|
|
// fontSize: 14,
|
|
// fontWeight: FontWeight.w600,
|
|
// color: Color(0xFF475569),
|
|
// fontFamily: "Archivo",
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// );
|
|
|
|
return Material(
|
|
color: selectedRoute == route ? bodyColor : Colors.transparent,
|
|
child: ListTile(
|
|
leading: Icon(icon, size: 20),
|
|
title: Text(
|
|
title,
|
|
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF475569),
|
|
),
|
|
// style: TextStyle(
|
|
// fontSize: 12,
|
|
// fontWeight: FontWeight.w600,
|
|
// color: Color(0xFF475569),
|
|
// fontFamily: "Archivo"),
|
|
),
|
|
|
|
// tileColor: selectedRoute == route ? Colors.blue.shade50 : null,
|
|
onTap: () async {
|
|
if (route == '/') {
|
|
// Handle logout separately
|
|
final pref = await SharedPreferences.getInstance();
|
|
await pref.clear(); // Clear stored token or session data
|
|
context.go("/"); // Redirect to login instead of home
|
|
} else {
|
|
context.go(route);
|
|
}
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildExpandableItem(
|
|
BuildContext context,
|
|
IconData icon,
|
|
String title,
|
|
List<Widget> children,
|
|
String routeToMatch,
|
|
) {
|
|
String selectedRoute = GoRouterState.of(context).uri.toString();
|
|
return Theme(
|
|
data: Theme.of(context).copyWith(
|
|
dividerColor:
|
|
Colors.transparent, // Removes default ExpansionTile divider
|
|
),
|
|
child: Material(
|
|
color: selectedRoute == routeToMatch ? bodyColor : Colors.transparent,
|
|
child: ExpansionTile(
|
|
tilePadding: EdgeInsets.symmetric(horizontal: 16),
|
|
// childrenPadding: EdgeInsets.only(left: 36),
|
|
leading: Icon(icon, size: 20, color: Color(0xFF475569)),
|
|
title: Row(
|
|
children: [
|
|
// You could manually build this instead of using `leading`, but it's simpler here
|
|
// SizedBox(width: 8),
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF475569),
|
|
fontFamily: "Archivo",
|
|
),
|
|
),
|
|
],
|
|
),
|
|
collapsedBackgroundColor: Colors.transparent,
|
|
shape: const Border(),
|
|
children: children,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSubDrawerItem(BuildContext context, String title, String route) {
|
|
String selectedRoute = GoRouterState.of(context).uri.toString();
|
|
|
|
return InkWell(
|
|
onTap: () {
|
|
context.go(route);
|
|
if (!widget.isDesktop) Navigator.pop(context);
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 44.0, vertical: 8.0),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.circle_rounded, color: Color(0xFF475569), size: 6),
|
|
SizedBox(width: 8),
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w400,
|
|
color: selectedRoute == route ? Colors.blue : Color(0xFF475569),
|
|
fontFamily: "Archivo",
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildExpandableItem1(
|
|
BuildContext context,
|
|
IconData icon,
|
|
String title,
|
|
List<Widget> children,
|
|
) {
|
|
return ExpansionTile(
|
|
leading: Icon(icon, size: 20),
|
|
title: Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF475569),
|
|
fontFamily: "Archivo",
|
|
),
|
|
),
|
|
collapsedBackgroundColor: Colors.transparent,
|
|
shape: const Border(), // Removes top and bottom dividers
|
|
// childrenPadding: const EdgeInsets.only(left: 40), // Indent sub-items
|
|
childrenPadding: EdgeInsets.only(left: 24),
|
|
children: children,
|
|
);
|
|
}
|
|
|
|
Widget _buildSubDrawerItem1(
|
|
BuildContext context,
|
|
String title,
|
|
String route,
|
|
) {
|
|
return ListTile(
|
|
leading: Icon(Icons.circle_rounded, color: Color(0xFF475569), size: 8),
|
|
title: Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w400,
|
|
color: Color(0xFF475569),
|
|
fontFamily: "Archivo",
|
|
),
|
|
),
|
|
onTap: () {
|
|
context.go(route);
|
|
if (!widget.isDesktop) Navigator.pop(context);
|
|
},
|
|
);
|
|
}
|
|
}
|