Travel-Spends/ts-tat
Travel-Spends/ts-tat
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

policy ui changes

Browse Source
This commit is contained in:
venbaittech 2025-04-05 14:16:08 +05:30
parent 83d71279eb
commit 1f28816021
6 changed files with 2630 additions and 2232 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
lib/Screens/itnerary_list/bus_list.dart
View File

@ -7,13 +7,15 @@ import 'package:shared_preferences/shared_preferences.dart';
import '../../config/apiUrl.dart'; import '../../config/apiUrl.dart';
import '../../data/models/plan.dart'; import '../../data/models/plan.dart';
class BusListWidget extends StatelessWidget {
class BusListWidget extends StatelessWidget{
final List<Map<String, dynamic>> busList; final List<Map<String, dynamic>> busList;
final Function(bool, Map<String, dynamic>, String) onOpen; final Function(bool, Map<String, dynamic>, String) onOpen;
final Function(Map<String,dynamic>) onDeleteBus; final Function(Map<String, dynamic>) onDeleteBus;
const BusListWidget({super.key, required this.busList, required this.onOpen, required this.onDeleteBus}); const BusListWidget(
{super.key,
required this.busList,
required this.onOpen,
required this.onDeleteBus});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -33,16 +35,17 @@ class BusListWidget extends StatelessWidget{
child: Center( child: Center(
child: SingleChildScrollView( child: SingleChildScrollView(
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
child: Expanded( // child: Expanded(
child: SizedBox( child: SizedBox(
width: MediaQuery.of(context).size.width , width: MediaQuery.of(context).size.width,
child: DataTable( child: DataTable(
border: TableBorder( border: TableBorder(
bottom: BorderSide(color: Colors.black12), bottom: BorderSide(color: Colors.black12),
horizontalInside: BorderSide(color: Colors.black12), // Only horizontal lines horizontalInside: BorderSide(
color: Colors.black12), // Only horizontal lines
), ),
columns: const [ columns: const [
// DataColumn(label: Text('#')), // DataColumn(label: Text('#')),
DataColumn(label: Text('From')), DataColumn(label: Text('From')),
DataColumn(label: Text('To')), DataColumn(label: Text('To')),
@ -54,27 +57,22 @@ class BusListWidget extends StatelessWidget{
rows: _buildDataRows(), rows: _buildDataRows(),
), ),
), ),
),
),
),
),
// )
),
),
),
], ],
), ),
); );
} }
List<DataRow> _buildDataRows() { List<DataRow> _buildDataRows() {
List<Map<String, dynamic>> filteredList =
List<Map<String, dynamic>> filteredList = busList busList.where((item) => item["is_active"] == "1").toList();
.where((item) => item["is_active"] == "1")
.toList();
print("filteredList- $filteredList"); print("filteredList- $filteredList");
return filteredList.asMap().entries.map((entry) { return filteredList.asMap().entries.map((entry) {
final Map<String, dynamic> item = entry.value; final Map<String, dynamic> item = entry.value;
return DataRow(cells: [ return DataRow(cells: [

40
lib/Screens/itnerary_list/forex_list.dart
View File

@ -2,15 +2,18 @@ import 'dart:convert';
import 'package:http/http.dart' as http; import 'package:http/http.dart' as http;
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class ForexListWidget extends StatelessWidget {
class ForexListWidget extends StatelessWidget{ final List<Map<String, dynamic>> forexList;
final List<Map<String,dynamic>> forexList; final Function(bool, Map<String, dynamic>, String) onOpen;
final Function(bool, Map<String,dynamic>, String)onOpen; final Function(Map<String, dynamic>) onDeleteForex;
final Function(Map<String,dynamic>) onDeleteForex;
final List<dynamic>? apiCountryData; final List<dynamic>? apiCountryData;
const ForexListWidget({super.key, required this.forexList, required this.onOpen, const ForexListWidget(
required this.onDeleteForex,required this.apiCountryData}); {super.key,
required this.forexList,
required this.onOpen,
required this.onDeleteForex,
required this.apiCountryData});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -30,13 +33,14 @@ class ForexListWidget extends StatelessWidget{
child: Center( child: Center(
child: SingleChildScrollView( child: SingleChildScrollView(
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
child: Expanded(
child: SizedBox( child: SizedBox(
width: MediaQuery.of(context).size.width , width: MediaQuery.of(context).size.width,
child: DataTable( child: DataTable(
border: TableBorder( border: TableBorder(
bottom: BorderSide(color: Colors.black12), bottom: BorderSide(color: Colors.black12),
horizontalInside: BorderSide(color: Colors.black12), // Only horizontal lines horizontalInside: BorderSide(
color: Colors.black12), // Only horizontal lines
), ),
columns: const [ columns: const [
// DataColumn(label: Text('#')), // DataColumn(label: Text('#')),
@ -49,12 +53,10 @@ class ForexListWidget extends StatelessWidget{
rows: _buildDataRows(), rows: _buildDataRows(),
), ),
), ),
//
), ),
), ),
), ),
),
], ],
), ),
); );
@ -63,12 +65,10 @@ class ForexListWidget extends StatelessWidget{
List<DataRow> _buildDataRows() { List<DataRow> _buildDataRows() {
List<dynamic> countryList = apiCountryData ?? []; List<dynamic> countryList = apiCountryData ?? [];
List<Map<String, dynamic>> filteredList = forexList List<Map<String, dynamic>> filteredList =
.where((item) => item["is_active"] == "1") forexList.where((item) => item["is_active"] == "1").toList();
.toList();
print("filteredList- $filteredList"); print("filteredList- $filteredList");
String getRequestForCountry(String? countryCode) { String getRequestForCountry(String? countryCode) {
if (countryCode == null) return "N/A"; if (countryCode == null) return "N/A";
@ -80,16 +80,14 @@ class ForexListWidget extends StatelessWidget{
.toString(); .toString();
} }
return filteredList.asMap().entries.map((entry) { return filteredList.asMap().entries.map((entry) {
Map<String, dynamic> item = entry.value;
Map<String,dynamic> item = entry.value;
return DataRow(cells: [ return DataRow(cells: [
// DataCell(Text(item["indx"]?.toString() ?? "N/A")), // Index column // DataCell(Text(item["indx"]?.toString() ?? "N/A")), // Index column
DataCell(Text(item["start_date"] ?? "N/A")), DataCell(Text(item["start_date"] ?? "N/A")),
DataCell(Text(item["end_date"] ?? "N/A")), DataCell(Text(item["end_date"] ?? "N/A")),
DataCell( Text(getRequestForCountry( item["country_code"]!.toString()))), DataCell(Text(getRequestForCountry(item["country_code"]!.toString()))),
// DataCell(Text(item["country_code"] ?? "N/A")), // DataCell(Text(item["country_code"] ?? "N/A")),
DataCell(Text(item["perdiem_amount"] ?? "N/A")), DataCell(Text(item["perdiem_amount"] ?? "N/A")),
DataCell(Row( DataCell(Row(

173
lib/Screens/policy/policy.dart
View File

@ -45,106 +45,115 @@ class _PolicyState extends State<Policy> {
return Container( return Container(
margin: isDesktop margin: isDesktop
? EdgeInsets.all(20.0) ? EdgeInsets.all(20.0)
: EdgeInsets.only(left: 20.0, bottom: 20.0, top: 10.0, right: 10.0), : EdgeInsets.only(left: 20.0, bottom: 20.0, top: 10.0, right: 20.0),
height: MediaQuery.of(context).size.height, height: MediaQuery.of(context).size.height,
// color: Colors.grey, decoration: BoxDecoration(
border: isDesktop
? Border.all(
width: 3,
color: Color(0xFFF7F7FB),
)
: null,
),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
Container( Container(
// color: Color(0xFFF7F7FB), color: Color(0xFFF7F7FB),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
Row( Container(
padding: isDesktop ? EdgeInsets.all(6) : EdgeInsets.all(3),
// color: Colors.white, // Background to avoid overlapping
color: isDesktop ? Color(0xFFF7F7FB) : Colors.white,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.end,
children: [ children: [
Expanded( Text(
child: Container(
// color: Colors.amber,
// color: Color(0xFFF7F7FB),
padding: EdgeInsets.all(5),
alignment: Alignment.center,
child: Text(
"Choose Policy Type", "Choose Policy Type",
style: TextStyle( style: TextStyle(
fontSize: 18, fontSize: 18,
), color: Colors.black,
),
), ),
), ),
], ],
), ),
),
// Container(
// child: Row(
// children: [
// Expanded(
// child: GestureDetector(
// onTap: () {
// setState(() {
// policyType = "domestic";
// });
// },
// child: Container(
// padding: EdgeInsets.all(10),
// color: policyType == "domestic"
// ? Colors.blueAccent.shade100
// : Color(0xFFEBEBF7),
// // color: Colors.blue.shade300,
// child: Column(
// children: [
// Text(
// "Domestic",
// style: TextStyle(
// color: policyType == "domestic"
// ? Colors.white
// : Colors.black87,
// fontSize: 15,
// fontWeight: FontWeight.bold),
// ),
// ],
// ),
// ),
// ),
// ),
// Expanded(
// child: GestureDetector(
// onTap: () {
// setState(() {
// policyType = "international";
// });
// },
// child: Container(
// padding: EdgeInsets.all(10),
// // color: Color(0xFFEBEBF7),
// color: policyType == "international"
// ? Colors.blueAccent.shade100
// : Color(0xFFEBEBF7),
// // color: Color(0xFFE3F2FD),
//
// child: Column(
// children: [
// Text(
// "International",
// style: TextStyle(
// color: policyType == "international"
// ? Colors.white
// : Colors.black87,
// fontSize: 15,
// fontWeight: FontWeight.bold),
// ),
// ],
// ),
// ),
// )),
// ],
// ),
// ),
//
],
),
),
SizedBox( SizedBox(
height: 10, height: 10,
), ),
Container(
child: Row(
children: [
Expanded(
child: GestureDetector(
onTap: () {
setState(() {
policyType = "domestic";
});
},
child: Container(
padding: EdgeInsets.all(10),
color: policyType == "domestic"
? Colors.blueAccent.shade100
: Color(0xFFEBEBF7),
// color: Colors.blue.shade300,
child: Column(
children: [
Text(
"Domestic",
style: TextStyle(
color: policyType == "domestic"
? Colors.white
: Colors.black87,
fontSize: 15,
fontWeight: FontWeight.bold),
),
],
),
),
),
),
Expanded(
child: GestureDetector(
onTap: () {
setState(() {
policyType = "international";
});
},
child: Container(
padding: EdgeInsets.all(10),
// color: Color(0xFFEBEBF7),
color: policyType == "international"
? Colors.blueAccent.shade100
: Color(0xFFEBEBF7),
// color: Color(0xFFE3F2FD),
child: Column(
children: [
Text(
"International",
style: TextStyle(
color: policyType == "international"
? Colors.white
: Colors.black87,
fontSize: 15,
fontWeight: FontWeight.bold),
),
],
),
),
)),
],
),
),
],
),
),
isDesktop isDesktop
? Expanded( ? Expanded(
child: Row( child: Row(
@ -215,7 +224,7 @@ class _PolicyState extends State<Policy> {
return SizedBox( return SizedBox(
width: isDesktop ? 180 : null, width: isDesktop ? 180 : null,
height: isDesktop height: isDesktop
? max((MediaQuery.of(context).size.height * 0.085), 10) ? max((MediaQuery.of(context).size.height * 0.09), 10)
: 45, : 45,
child: GestureDetector( child: GestureDetector(
onTap: () { onTap: () {

82
lib/Screens/policy/policyCriteria.dart
View File

@ -23,6 +23,7 @@ class PolicyCriteria extends StatefulWidget {
class _PolicyCriteriaState extends State<PolicyCriteria> { class _PolicyCriteriaState extends State<PolicyCriteria> {
String? selectedFirstApprovarType; String? selectedFirstApprovarType;
String? selectedService; String? selectedService;
String? _selectedTripType;
// bool isClass = true; // bool isClass = true;
// bool isCost = true; // bool isCost = true;
@ -42,12 +43,12 @@ class _PolicyCriteriaState extends State<PolicyCriteria> {
return Column( return Column(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
SizedBox(height: 15), widget.isDesktop ? SizedBox(height: 10) : SizedBox(height: 5),
Row( Row(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
Text( Text(
"Selected Policy Criteria For ${widget.selectedTab} ", " Policy Criteria For ${widget.selectedTab} ",
style: TextStyle( style: TextStyle(
fontSize: 13, fontSize: 13,
color: Color(0xFF9E9DBD), color: Color(0xFF9E9DBD),
@ -55,7 +56,17 @@ class _PolicyCriteriaState extends State<PolicyCriteria> {
) )
], ],
), ),
if (widget.isClass!) SizedBox(height: 15), widget.isDesktop ? SizedBox(height: 15) : SizedBox(height: 5),
Padding(
padding: widget.isDesktop
? const EdgeInsets.all(8.0)
: const EdgeInsets.all(1.0),
child: Row(
children: _buildTripType(widget.isDesktop),
),
),
if (widget.isClass!)
widget.isDesktop ? SizedBox(height: 15) : SizedBox(height: 5),
Row( Row(
children: [ children: [
Expanded( Expanded(
@ -171,21 +182,24 @@ class _PolicyCriteriaState extends State<PolicyCriteria> {
Expanded( Expanded(
child: Container( child: Container(
width: widget.isDesktop width: widget.isDesktop
? MediaQuery.of(context).size.width * 0.62 ? MediaQuery.of(context).size.width * 0.63
: 600, : 600,
child: Column( child: Column(
children: [ children: [
Container( Container(
margin: const EdgeInsets.only(right: 20),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.grey.shade50, color: Colors.grey.shade50,
border: Border.all( border: Border.all(
color: Colors.grey.shade50, color: Colors.grey.shade50,
), ),
borderRadius: BorderRadius.circular(8)), borderRadius: BorderRadius.circular(8)),
padding: const EdgeInsets.all(10), padding: const EdgeInsets.only(
top: 10, bottom: 10, left: 35, right: 35),
child: Row( child: Row(
mainAxisAlignment: mainAxisAlignment: widget.isDesktop
MainAxisAlignment.spaceAround, ? MainAxisAlignment.spaceAround
: MainAxisAlignment.spaceBetween,
children: [ children: [
Text( Text(
"Approver Name", "Approver Name",
@ -217,6 +231,7 @@ class _PolicyCriteriaState extends State<PolicyCriteria> {
scrollDirection: Axis.vertical, scrollDirection: Axis.vertical,
child: Container( child: Container(
// color: Colors.grey, // color: Colors.grey,
margin: const EdgeInsets.only(right: 20),
color: Colors.grey.shade50, color: Colors.grey.shade50,
child: Column(children: [ child: Column(children: [
Container( Container(
@ -496,4 +511,57 @@ class _PolicyCriteriaState extends State<PolicyCriteria> {
], ],
); );
} }
List<Widget> _buildTripType(bool isMobile) {
return [
CustomTextFieldWrapper(
color: Color(0xFFF4F4FB),
padding: EdgeInsets.symmetric(horizontal: 6, vertical: 2),
width: 120,
isFocused: _selectedTripType == "1",
isDesktop: widget.isDesktop,
child: SizedBox(
height: 35,
child: Material(
color: Colors.transparent,
child: RadioListTile<String>(
activeColor: Colors.blueAccent,
contentPadding: EdgeInsets.zero,
visualDensity: VisualDensity.compact,
dense: true,
title: Text("Domestic"),
value: "1",
groupValue: _selectedTripType,
onChanged: (value) {
setState(() {
_selectedTripType = value!;
});
},
),
),
),
),
SizedBox(width: 20),
CustomTextFieldWrapper(
color: Color(0xFFF4F4FB),
width: 150,
padding: EdgeInsets.symmetric(horizontal: 5, vertical: 2),
isFocused: _selectedTripType == "2",
isDesktop: widget.isDesktop,
child: RadioListTile<String>(
activeColor: Colors.blueAccent,
contentPadding: EdgeInsets.zero,
dense: true,
title: Text("International"),
value: "2",
groupValue: _selectedTripType,
onChanged: (value) {
setState(() {
_selectedTripType = value!;
});
},
),
),
];
}
} }

1282
lib/Screens/userManagement/create_user/create_user.dart
View File

File diff suppressed because it is too large Load Diff

339
lib/Screens/userManagement/user_List.dart
View File

@ -22,7 +22,6 @@ class _UserListScreenState extends State<UserListScreen> {
Future<String?> getToken() async { Future<String?> getToken() async {
final prefs = await SharedPreferences.getInstance(); final prefs = await SharedPreferences.getInstance();
return prefs.getString('auth_token'); return prefs.getString('auth_token');
} }
Future<List<dynamic>> fetchUsers() async { Future<List<dynamic>> fetchUsers() async {
@ -74,11 +73,12 @@ class _UserListScreenState extends State<UserListScreen> {
final data = json.decode(response.body); final data = json.decode(response.body);
print("Country - $data"); print("Country - $data");
if (!data.containsKey('data') || data['data'] is!List) { if (!data.containsKey('data') || data['data'] is! List) {
throw Exception("Invalid response format: 'data' field is missing or not a List"); throw Exception(
"Invalid response format: 'data' field is missing or not a List");
} }
List <dynamic> plansJson = data['data']; // 'data' is a Map, not a List List<dynamic> plansJson = data['data']; // 'data' is a Map, not a List
if (data['data'] is List) { if (data['data'] is List) {
List<dynamic> plansJson = data['data']; List<dynamic> plansJson = data['data'];
@ -91,7 +91,6 @@ class _UserListScreenState extends State<UserListScreen> {
apiCountryData = plansJson; // Store API response in state apiCountryData = plansJson; // Store API response in state
}); });
print('plansJSONContry - $plansJson'); print('plansJSONContry - $plansJson');
} catch (e) { } catch (e) {
throw Exception('Error parsing response: $e'); throw Exception('Error parsing response: $e');
} }
@ -100,7 +99,6 @@ class _UserListScreenState extends State<UserListScreen> {
} }
} }
@override @override
void initState() { void initState() {
super.initState(); super.initState();
@ -108,15 +106,15 @@ class _UserListScreenState extends State<UserListScreen> {
fetchCountryList(); fetchCountryList();
} }
void handleDelete(userId){ void handleDelete(userId) {
print("handDel - $userId"); print("handDel - $userId");
} }
void handleToggleUserStatus(String userId, String currentStatus) async { void handleToggleUserStatus(String userId, String currentStatus) async {
print("Toggling user status - $userId (Current: $currentStatus)"); print("Toggling user status - $userId (Current: $currentStatus)");
final String apiUrlData = '$apiUrl/api/users/update/$userId'; // API for updating user final String apiUrlData =
'$apiUrl/api/users/update/$userId'; // API for updating user
final String? token = await getToken(); final String? token = await getToken();
if (token == null) { if (token == null) {
@ -158,43 +156,33 @@ class _UserListScreenState extends State<UserListScreen> {
}); });
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return ResponsiveBuilder(builder: (context, sizingInfo) { return ResponsiveBuilder(builder: (context, sizingInfo) {
bool isDesktop = sizingInfo.deviceScreenType == DeviceScreenType.desktop; bool isDesktop = sizingInfo.deviceScreenType == DeviceScreenType.desktop;
return Scaffold( return Scaffold(
appBar: isDesktop ? null : const CustomAppBar(title:'User Management'), appBar: isDesktop ? null : const CustomAppBar(title: 'User Management'),
drawer: isDesktop ? null : CustomDrawer(isDesktop: false), drawer: isDesktop ? null : CustomDrawer(isDesktop: false),
body: body: Container(
Container(
color: Colors.white, color: Colors.white,
child: Row( child: Row(
children: [ children: [
if(isDesktop) if (isDesktop) CustomDrawer(isDesktop: true),
CustomDrawer(isDesktop: true),
// const Expanded(child: Center(child: Text("User Page Content"))), // const Expanded(child: Center(child: Text("User Page Content"))),
Expanded(child: buildUserTable(isDesktop)), Expanded(child: buildUserTable(isDesktop)),
], ],
), ),
), ),
); );
}); });
} }
Widget buildUserTable(bool isDesktop) { Widget buildUserTable(bool isDesktop) {
return Padding( return Padding(
padding: const EdgeInsets.all(16.0), padding: const EdgeInsets.all(16.0),
child: Column( child:
crossAxisAlignment: CrossAxisAlignment.stretch, Column(crossAxisAlignment: CrossAxisAlignment.stretch, children: [
children: [
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
@ -205,9 +193,7 @@ class _UserListScreenState extends State<UserListScreen> {
TextStyle(fontSize: 18, fontWeight: FontWeight.bold)), TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
IconButton( IconButton(
icon: const Icon(Icons.keyboard_arrow_down), icon: const Icon(Icons.keyboard_arrow_down),
onPressed: () { onPressed: () {},
},
), ),
], ],
), ),
@ -216,24 +202,26 @@ class _UserListScreenState extends State<UserListScreen> {
foregroundColor: Colors.white, foregroundColor: Colors.white,
backgroundColor: Colors.blueAccent), backgroundColor: Colors.blueAccent),
onPressed: () async { onPressed: () async {
List<dynamic> users = await futureUsers; List<dynamic> users = await futureUsers;
// Print the resolved value // Print the resolved value
print("CREATELIAS - $users"); print("CREATELIAS - $users");
context.go("/CreateUserDetails", context.go("/CreateUserDetails", extra: {
extra: {
// 'apiCountryData': apiCountryData, // 'apiCountryData': apiCountryData,
'apiUserData' :users, 'apiUserData': users,
} });
);
if (!isDesktop) Navigator.pop(context); if (!isDesktop) Navigator.pop(context);
}, },
child: Row( child: Row(
children: [ children: [
Icon(Icons.add_circle,color: Colors.white,), Icon(
SizedBox(width: 5,), Icons.add_circle,
color: Colors.white,
),
SizedBox(
width: 5,
),
Text('New User'), Text('New User'),
], ],
), ),
@ -241,7 +229,6 @@ class _UserListScreenState extends State<UserListScreen> {
], ],
), ),
const SizedBox(height: 10), const SizedBox(height: 10),
FutureBuilder<List<dynamic>>( FutureBuilder<List<dynamic>>(
future: futureUsers, future: futureUsers,
builder: (context, snapshot) { builder: (context, snapshot) {
@ -262,51 +249,89 @@ class _UserListScreenState extends State<UserListScreen> {
child: SizedBox( child: SizedBox(
width: MediaQuery.of(context).size.width * 1.5, width: MediaQuery.of(context).size.width * 1.5,
child: SingleChildScrollView( child: SingleChildScrollView(
scrollDirection: Axis
scrollDirection: Axis.horizontal, // Inner wrapper for vertical scrolling .horizontal, // Inner wrapper for vertical scrolling
child: ConstrainedBox( child: ConstrainedBox(
constraints: BoxConstraints(minWidth: MediaQuery.of(context).size.width), constraints: BoxConstraints(
minWidth: MediaQuery.of(context).size.width * 0.8),
// constraints: BoxConstraints(minWidth: 1300), // constraints: BoxConstraints(minWidth: 1300),
// width: MediaQuery.of(context).size.width , // width: MediaQuery.of(context).size.width ,
child: Container( child: Container(
// color: Colors.grey,
// color: Colors.amber, // color: Colors.amber,
child: DataTable( child: DataTable(
columnSpacing: 20.0, // Adjust spacing between columns columnSpacing:
20.0, // Adjust spacing between columns
dividerThickness: 0.5, dividerThickness: 0.5,
dataRowMinHeight: 60.0, // Minimum row height dataRowMinHeight: 60.0, // Minimum row height
dataRowMaxHeight: 100.0, dataRowMaxHeight: 100.0,
border: TableBorder( border: TableBorder(
horizontalInside: BorderSide(width: 0.5, color: Colors.grey.shade200), horizontalInside: BorderSide(
width: 0.5, color: Colors.grey.shade200),
), ),
columns: const [ columns: const [
DataColumn(
DataColumn(label: Text('User Details',style: TextStyle(color: Color(0xFF9E9DBD),fontSize: 15, fontWeight: FontWeight.bold),)), label: Text(
DataColumn(label: Text('Role',style: TextStyle(color: Color(0xFF9E9DBD),fontSize: 15, fontWeight: FontWeight.bold),)), 'User Details',
DataColumn(label: Text('Level',style: TextStyle(color: Color(0xFF9E9DBD),fontSize: 15, fontWeight: FontWeight.bold),)), style: TextStyle(
DataColumn(label: Text('Status',style: TextStyle(color: Color(0xFF9E9DBD),fontSize: 15, fontWeight: FontWeight.bold),)), color: Color(0xFF9E9DBD),
DataColumn(label: Text('Actions',style: TextStyle(color: Color(0xFF9E9DBD),fontSize: 15, fontWeight: FontWeight.bold),)), fontSize: 15,
fontWeight: FontWeight.bold),
)),
DataColumn(
label: Text(
'Role',
style: TextStyle(
color: Color(0xFF9E9DBD),
fontSize: 15,
fontWeight: FontWeight.bold),
)),
DataColumn(
label: Text(
'Level',
style: TextStyle(
color: Color(0xFF9E9DBD),
fontSize: 15,
fontWeight: FontWeight.bold),
)),
DataColumn(
label: Text(
'Status',
style: TextStyle(
color: Color(0xFF9E9DBD),
fontSize: 15,
fontWeight: FontWeight.bold),
)),
DataColumn(
label: Text(
'Actions',
style: TextStyle(
color: Color(0xFF9E9DBD),
fontSize: 15,
fontWeight: FontWeight.bold),
)),
], ],
rows: users.map((user) { rows: users.map((user) {
String userId = user['user_id'].toString(); // Get user ID String userId =
user['user_id'].toString(); // Get user ID
bool isSelected = selectedUserId == userId; bool isSelected = selectedUserId == userId;
return DataRow(cells: [ return DataRow(cells: [
// DataCell(Text(user['user_id'].toString())), // DataCell(Text(user['user_id'].toString())),
DataCell( DataCell(Row(
Row(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Align(
Align(alignment: Alignment.center, alignment: Alignment.center,
child: GestureDetector( child: GestureDetector(
onTap: () { onTap: () {
setState(() { setState(() {
selectedUserId = userId; // Store clicked user ID selectedUserId =
userId; // Store clicked user ID
}); });
}, },
child: Container( child: Container(
@ -316,106 +341,158 @@ class _UserListScreenState extends State<UserListScreen> {
// Background color // Background color
shape: BoxShape.rectangle, shape: BoxShape.rectangle,
border: Border.all( border: Border.all(
color: isSelected ? Colors.blueAccent : Color(0xFF9E9DBD), color: isSelected
? Colors.blueAccent
: Color(0xFF9E9DBD),
// color: Color(0xFF9E9DBD), // color: Color(0xFF9E9DBD),
// color: Color.fromRGBO(128, 128, 128, 0.6), // color: Color.fromRGBO(128, 128, 128, 0.6),
width: isSelected ?2:1), // Grey outline width: isSelected
? 2
: 1), // Grey outline
), ),
), ),
), ),
), ),
SizedBox(
width: 50,
),
SizedBox(width: 50,),
Align( Align(
alignment: Alignment.center, alignment: Alignment.center,
child: Container( child: Container(
decoration: BoxDecoration( decoration: BoxDecoration(
shape: BoxShape.circle, shape: BoxShape.circle,
border: Border.all(color: Color(0xFF9E9DBD), width: 1), // Grey outline border: Border.all(
color: Color(0xFF9E9DBD),
width: 1), // Grey outline
), ),
child: Padding( child: Padding(
padding: const EdgeInsets.all(2.0), padding: const EdgeInsets.all(2.0),
child: Container( child: Container(
width: 40, // Adjust size width: 40, // Adjust size
height: 40, height: 40,
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.amber, // Inner circle background color: Colors
.amber, // Inner circle background
shape: BoxShape.circle, shape: BoxShape.circle,
), ),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment:
crossAxisAlignment: CrossAxisAlignment.center, MainAxisAlignment.center,
crossAxisAlignment:
CrossAxisAlignment.center,
children: [ children: [
Text( Text(
(user['first_name'] != null && user['first_name']!.isNotEmpty) (user['first_name'] !=
? user['first_name']![0].toUpperCase() null &&
user['first_name']!
.isNotEmpty)
? user['first_name']![0]
.toUpperCase()
: "?", : "?",
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: Colors.white, ), style: TextStyle(
),], fontSize: 18,
fontWeight:
FontWeight.bold,
color: Colors.white,
),
),
],
), ),
), ),
)), )),
), ),
SizedBox(width: 20,), SizedBox(
width: 20,
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(children: [
Text("${user['first_name'] ?? ''} ${user['last_name'] ?? ''}",
style: TextStyle( color: Colors.blueAccent,fontSize: 16),),
],),
SizedBox(height: 5),
Row(children: [
Icon(Icons.mail_outline, size: 15,color: Color(0xFF9E9EBE)),
SizedBox(width: 10,),
Text(user['email'] ?? '')
],),
SizedBox(height: 5),
Row(children: [
Icon(Icons.account_tree_outlined, size: 15,color:Color(0xFF9E9EBE)),
SizedBox(width: 10,),
Text(user['user_type'] ?? '') ],),
],),
],
)
), ),
Column(
mainAxisAlignment:
MainAxisAlignment.center,
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Row(
children: [
Text(
"${user['first_name'] ?? ''} ${user['last_name'] ?? ''}",
style: TextStyle(
color: Colors.blueAccent,
fontSize: 16),
),
],
),
SizedBox(height: 5),
Row(
children: [
Icon(Icons.mail_outline,
size: 15,
color: Color(0xFF9E9EBE)),
SizedBox(
width: 10,
),
Text(user['email'] ?? '')
],
),
SizedBox(height: 5),
Row(
children: [
Icon(Icons.account_tree_outlined,
size: 15,
color: Color(0xFF9E9EBE)),
SizedBox(
width: 10,
),
Text(user['user_type'] ?? '')
],
),
],
),
],
)),
DataCell(Text(user['role_id'] ?? 'N/A',style: TextStyle(color: user['is_active'] == "1" ? Colors.black :Colors.grey, fontWeight: FontWeight.bold),)), DataCell(Text(
DataCell(Text(user['level_id'] ?? 'N/A',style: TextStyle(color: user['is_active'] == "1" ? Colors.black :Colors.grey, fontWeight: FontWeight.bold),)), user['role_id'] ?? 'N/A',
DataCell( style: TextStyle(
GestureDetector( onTap :(){ color: user['is_active'] == "1"
handleToggleUserStatus(user['user_id'], user['is_active']); ? Colors.black
: Colors.grey,
fontWeight: FontWeight.bold),
)),
DataCell(Text(
user['level_id'] ?? 'N/A',
style: TextStyle(
color: user['is_active'] == "1"
? Colors.black
: Colors.grey,
fontWeight: FontWeight.bold),
)),
DataCell(GestureDetector(
onTap: () {
handleToggleUserStatus(
user['user_id'], user['is_active']);
}, },
child: Text( child: Text(
user['is_active'] == "1" ? "Active" : "Inactive", user['is_active'] == "1"
style: TextStyle(color: user['is_active'] == "1" ? Colors.lightGreen :Colors.grey , ? "Active"
: "Inactive",
fontWeight: FontWeight.bold),) style: TextStyle(
color: user['is_active'] == "1"
) ? Colors.lightGreen
: Colors.grey,
), fontWeight: FontWeight.bold),
))),
DataCell( DataCell(
Row( Row(
children: [ children: [
MouseRegion( MouseRegion(
cursor: user['is_active'] == "0" ? SystemMouseCursors.forbidden : SystemMouseCursors.click, cursor: user['is_active'] == "0"
? SystemMouseCursors.forbidden
: SystemMouseCursors.click,
child: IconButton( child: IconButton(
icon: Icon(Icons.remove_red_eye, color: user['is_active'] == "0" ? Colors.grey : Colors.blueAccent), icon: Icon(Icons.remove_red_eye,
color: user['is_active'] == "0"
? Colors.grey
: Colors.blueAccent),
onPressed: user['is_active'] == "0" onPressed: user['is_active'] == "0"
? null ? null
: () { : () {
@ -424,16 +501,20 @@ class _UserListScreenState extends State<UserListScreen> {
extra: { extra: {
"selectedUser": user, "selectedUser": user,
"isViewMode": true "isViewMode": true
}, },
); );
}, },
), ),
), ),
MouseRegion( MouseRegion(
cursor: user['is_active'] == "0" ? SystemMouseCursors.forbidden : SystemMouseCursors.click, cursor: user['is_active'] == "0"
? SystemMouseCursors.forbidden
: SystemMouseCursors.click,
child: IconButton( child: IconButton(
icon: Icon(Icons.edit, color: user['is_active'] == "0" ? Colors.grey : Colors.green), icon: Icon(Icons.edit,
color: user['is_active'] == "0"
? Colors.grey
: Colors.green),
onPressed: user['is_active'] == "0" onPressed: user['is_active'] == "0"
? null ? null
: () { : () {
@ -443,20 +524,25 @@ class _UserListScreenState extends State<UserListScreen> {
extra: { extra: {
"selectedUser": user, "selectedUser": user,
"isViewMode": false "isViewMode": false
}, },
); );
}, },
), ),
), ),
MouseRegion( MouseRegion(
cursor: user['is_active'] == "0" ? SystemMouseCursors.forbidden : SystemMouseCursors.click, cursor: user['is_active'] == "0"
? SystemMouseCursors.forbidden
: SystemMouseCursors.click,
child: IconButton( child: IconButton(
icon: Icon(Icons.delete, color: user['is_active'] == "0" ? Colors.grey : Colors.redAccent), icon: Icon(Icons.delete,
color: user['is_active'] == "0"
? Colors.grey
: Colors.redAccent),
onPressed: user['is_active'] == "0" onPressed: user['is_active'] == "0"
? null ? null
: () { : () {
print("USER ID: ${user['user_id']}"); print(
"USER ID: ${user['user_id']}");
var userId = user['user_id']; var userId = user['user_id'];
handleDelete(userId); handleDelete(userId);
}, },
@ -465,10 +551,8 @@ class _UserListScreenState extends State<UserListScreen> {
], ],
), ),
), ),
]); ]);
}).toList(), }).toList(),
), ),
), ),
), ),
@ -476,13 +560,8 @@ class _UserListScreenState extends State<UserListScreen> {
), ),
), ),
); );
}, },
), ),
])); ]));
} }
} }