CHANGE_PAGINATION
This commit is contained in:
venbaittech
parent
35229fa755
commit
8dea38b3a6
@ -292,7 +292,8 @@ class _ListAllPlansState extends State<ListAllPlans> {
|
|||||||
|
|
||||||
Future<void> _showDetails(id) async {
|
Future<void> _showDetails(id) async {
|
||||||
_listDialogShown = true;
|
_listDialogShown = true;
|
||||||
final String apiUrldata = '$apiUrl/api/plans/get_plan_approval_status?plan_id=$id';
|
final String apiUrldata =
|
||||||
|
'$apiUrl/api/plans/get_plan_approval_status?plan_id=$id';
|
||||||
final String? token = await getToken();
|
final String? token = await getToken();
|
||||||
String label = "";
|
String label = "";
|
||||||
List<Map<String, dynamic>> approverData = [];
|
List<Map<String, dynamic>> approverData = [];
|
||||||
@ -313,7 +314,9 @@ class _ListAllPlansState extends State<ListAllPlans> {
|
|||||||
if (response.statusCode == 200) {
|
if (response.statusCode == 200) {
|
||||||
final data = json.decode(response.body);
|
final data = json.decode(response.body);
|
||||||
label = data['data']['model_heading'] ?? "";
|
label = data['data']['model_heading'] ?? "";
|
||||||
approverData = List<Map<String, dynamic>>.from(data['data']['approver_data'] ?? []);
|
approverData = List<Map<String, dynamic>>.from(
|
||||||
|
data['data']['approver_data'] ?? [],
|
||||||
|
);
|
||||||
} else {
|
} else {
|
||||||
print('Failed to load');
|
print('Failed to load');
|
||||||
label = "Error - Failed to load data";
|
label = "Error - Failed to load data";
|
||||||
@ -326,70 +329,101 @@ class _ListAllPlansState extends State<ListAllPlans> {
|
|||||||
|
|
||||||
showDialog(
|
showDialog(
|
||||||
context: context,
|
context: context,
|
||||||
builder: (context) => AlertDialog(
|
builder:
|
||||||
title: Text(
|
(context) => AlertDialog(
|
||||||
label,
|
title: Text(
|
||||||
style: GoogleFonts.poppins(
|
label,
|
||||||
fontSize: 18,
|
style: GoogleFonts.poppins(
|
||||||
fontWeight: FontWeight.w600,
|
fontSize: 18,
|
||||||
color: Colors.black,
|
fontWeight: FontWeight.w600,
|
||||||
),
|
color: Colors.black,
|
||||||
overflow: TextOverflow.ellipsis,
|
),
|
||||||
),
|
overflow: TextOverflow.ellipsis,
|
||||||
content: SingleChildScrollView(
|
),
|
||||||
child: Column(
|
content: SingleChildScrollView(
|
||||||
mainAxisSize: MainAxisSize.min,
|
child: Column(
|
||||||
children: [
|
mainAxisSize: MainAxisSize.min,
|
||||||
if (approverData.isNotEmpty)
|
children: [
|
||||||
SizedBox(
|
if (approverData.isNotEmpty)
|
||||||
height: 250,
|
SizedBox(
|
||||||
child: SingleChildScrollView(
|
height: 250,
|
||||||
scrollDirection: Axis.horizontal,
|
child: SingleChildScrollView(
|
||||||
child: SingleChildScrollView(
|
scrollDirection: Axis.horizontal,
|
||||||
scrollDirection: Axis.vertical,
|
child: SingleChildScrollView(
|
||||||
child: DataTable(
|
scrollDirection: Axis.vertical,
|
||||||
columns: [
|
child: DataTable(
|
||||||
// DataColumn(label: Text('S.No', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
columns: [
|
||||||
// DataColumn(label: Text('Approver ID', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
// DataColumn(label: Text('S.No', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
||||||
DataColumn(label: Text('Status', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
// DataColumn(label: Text('Approver ID', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
||||||
],
|
DataColumn(
|
||||||
rows: approverData.asMap().entries.map((entry) {
|
label: Text(
|
||||||
final index = entry.key + 1;
|
'Status',
|
||||||
final item = entry.value;
|
style: GoogleFonts.poppins(
|
||||||
|
fontSize: 14,
|
||||||
final approverIdKey = item.keys.firstWhere((k) => k.endsWith('_id'), orElse: () => '');
|
fontWeight: FontWeight.w600,
|
||||||
final statusKey = item.keys.firstWhere((k) => k.endsWith('_status'), orElse: () => '');
|
),
|
||||||
|
),
|
||||||
final approverId = item[approverIdKey]?.toString() ?? '-';
|
),
|
||||||
final statusText = item[statusKey]?.toString() ?? 'Unknown';
|
|
||||||
|
|
||||||
return DataRow(
|
|
||||||
cells: [
|
|
||||||
// DataCell(Text('$index')),
|
|
||||||
// DataCell(SizedBox(width: 120, child: Text(approverId, overflow: TextOverflow.ellipsis))),
|
|
||||||
DataCell(SizedBox(child: Text(statusText, overflow: TextOverflow.ellipsis))),
|
|
||||||
],
|
],
|
||||||
);
|
rows:
|
||||||
}).toList(),
|
approverData.asMap().entries.map((entry) {
|
||||||
|
final index = entry.key + 1;
|
||||||
|
final item = entry.value;
|
||||||
|
|
||||||
|
final approverIdKey = item.keys.firstWhere(
|
||||||
|
(k) => k.endsWith('_id'),
|
||||||
|
orElse: () => '',
|
||||||
|
);
|
||||||
|
final statusKey = item.keys.firstWhere(
|
||||||
|
(k) => k.endsWith('_status'),
|
||||||
|
orElse: () => '',
|
||||||
|
);
|
||||||
|
|
||||||
|
final approverId =
|
||||||
|
item[approverIdKey]?.toString() ?? '-';
|
||||||
|
final statusText =
|
||||||
|
item[statusKey]?.toString() ?? 'Unknown';
|
||||||
|
|
||||||
|
return DataRow(
|
||||||
|
cells: [
|
||||||
|
// DataCell(Text('$index')),
|
||||||
|
// DataCell(SizedBox(width: 120, child: Text(approverId, overflow: TextOverflow.ellipsis))),
|
||||||
|
DataCell(
|
||||||
|
SizedBox(
|
||||||
|
child: Text(
|
||||||
|
statusText,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
else
|
||||||
|
Text(
|
||||||
|
"-- no data. --",
|
||||||
|
style: GoogleFonts.poppins(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w300,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
],
|
||||||
)
|
),
|
||||||
else
|
),
|
||||||
Text("-- no data. --", style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w300)),
|
actions: [
|
||||||
|
TextButton(
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
_listDialogShown = false;
|
||||||
|
},
|
||||||
|
child: Text("Close"),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
|
||||||
actions: [
|
|
||||||
TextButton(
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.pop(context);
|
|
||||||
_listDialogShown = false;
|
|
||||||
},
|
|
||||||
child: Text("Close"),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -934,36 +968,37 @@ class _ListAllPlansState extends State<ListAllPlans> {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
DataCell(GestureDetector(
|
DataCell(
|
||||||
onTap: () => _showDetails(plan.planId),
|
GestureDetector(
|
||||||
child:
|
onTap: () => _showDetails(plan.planId),
|
||||||
Container(
|
child: Container(
|
||||||
width:
|
width:
|
||||||
double
|
double
|
||||||
.infinity, // Set your desired fixed size (equal width and height)
|
.infinity, // Set your desired fixed size (equal width and height)
|
||||||
height: 25,
|
height: 25,
|
||||||
alignment: Alignment.center,
|
alignment: Alignment.center,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: getStatusColor(
|
color: getStatusColor(
|
||||||
plan.statusValue,
|
|
||||||
),
|
|
||||||
borderRadius: BorderRadius.circular(
|
|
||||||
10,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
child: Text(
|
|
||||||
plan.statusValue,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: TextStyle(
|
|
||||||
color: getStatusTextColor(
|
|
||||||
plan.statusValue,
|
plan.statusValue,
|
||||||
),
|
),
|
||||||
fontSize: 12,
|
borderRadius: BorderRadius.circular(
|
||||||
fontFamily: "Inter",
|
10,
|
||||||
fontWeight: FontWeight.w400,
|
),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
plan.statusValue,
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: TextStyle(
|
||||||
|
color: getStatusTextColor(
|
||||||
|
plan.statusValue,
|
||||||
|
),
|
||||||
|
fontSize: 12,
|
||||||
|
fontFamily: "Inter",
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),),
|
),
|
||||||
),
|
),
|
||||||
DataCell(
|
DataCell(
|
||||||
Row(
|
Row(
|
||||||
@ -1156,33 +1191,34 @@ class _ListAllPlansState extends State<ListAllPlans> {
|
|||||||
Column(
|
Column(
|
||||||
crossAxisAlignment:
|
crossAxisAlignment:
|
||||||
CrossAxisAlignment.start,
|
CrossAxisAlignment.start,
|
||||||
children: [GestureDetector(
|
children: [
|
||||||
onTap: () => _showDetails(plan.planId),
|
GestureDetector(
|
||||||
child:
|
onTap:
|
||||||
Container(
|
() => _showDetails(plan.planId),
|
||||||
padding: EdgeInsets.symmetric(
|
child: Container(
|
||||||
horizontal: 8,
|
padding: EdgeInsets.symmetric(
|
||||||
vertical: 4,
|
horizontal: 8,
|
||||||
),
|
vertical: 4,
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: getStatusColor(
|
|
||||||
plan.statusValue,
|
|
||||||
),
|
),
|
||||||
borderRadius: BorderRadius.circular(
|
decoration: BoxDecoration(
|
||||||
8,
|
color: getStatusColor(
|
||||||
),
|
|
||||||
),
|
|
||||||
child: Text(
|
|
||||||
plan.statusValue,
|
|
||||||
style: TextStyle(
|
|
||||||
color: getStatusTextColor(
|
|
||||||
plan.statusValue,
|
plan.statusValue,
|
||||||
),
|
),
|
||||||
fontSize: 10,
|
borderRadius:
|
||||||
fontWeight: FontWeight.w600,
|
BorderRadius.circular(8),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
plan.statusValue,
|
||||||
|
style: TextStyle(
|
||||||
|
color: getStatusTextColor(
|
||||||
|
plan.statusValue,
|
||||||
|
),
|
||||||
|
fontSize: 10,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
Column(
|
Column(
|
||||||
@ -1204,139 +1240,137 @@ class _ListAllPlansState extends State<ListAllPlans> {
|
|||||||
),
|
),
|
||||||
itemBuilder:
|
itemBuilder:
|
||||||
(context) => [
|
(context) => [
|
||||||
CustomPopupMenuEntry(
|
CustomPopupMenuEntry(
|
||||||
child: Container(
|
child: Container(
|
||||||
padding:
|
padding:
|
||||||
EdgeInsets.symmetric(
|
EdgeInsets.symmetric(
|
||||||
horizontal: 8,
|
horizontal: 8,
|
||||||
vertical: 8,
|
vertical: 8,
|
||||||
),
|
|
||||||
child: Row(
|
|
||||||
mainAxisSize:
|
|
||||||
MainAxisSize.min,
|
|
||||||
mainAxisAlignment:
|
|
||||||
MainAxisAlignment
|
|
||||||
.center,
|
|
||||||
children: [
|
|
||||||
IconButton(
|
|
||||||
icon: Icon(
|
|
||||||
Icons
|
|
||||||
.remove_red_eye,
|
|
||||||
color: Color(
|
|
||||||
0xFF475569,
|
|
||||||
),
|
),
|
||||||
size: 18,
|
child: Row(
|
||||||
),
|
mainAxisSize:
|
||||||
tooltip:
|
MainAxisSize.min,
|
||||||
'View The Trip Details',
|
mainAxisAlignment:
|
||||||
onPressed: () {
|
MainAxisAlignment
|
||||||
Navigator.pop(
|
.center,
|
||||||
context,
|
children: [
|
||||||
); // Close popup manually
|
IconButton(
|
||||||
ApiService.viewPlan(
|
icon: Icon(
|
||||||
context,
|
Icons
|
||||||
plan.planId,
|
.remove_red_eye,
|
||||||
isViewMode:
|
color: Color(
|
||||||
true,
|
0xFF475569,
|
||||||
);
|
),
|
||||||
},
|
size: 18,
|
||||||
),
|
|
||||||
if (plan.statusValue ==
|
|
||||||
"Pending Approval" ||
|
|
||||||
plan.statusValue ==
|
|
||||||
"Partially Approved")
|
|
||||||
IconButton(
|
|
||||||
icon: Image.asset(
|
|
||||||
'assets/images/IconsImg/edit.png',
|
|
||||||
width: 20,
|
|
||||||
height: 15,
|
|
||||||
),
|
|
||||||
tooltip:
|
|
||||||
'Edit The Trip Details',
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.pop(
|
|
||||||
context,
|
|
||||||
);
|
|
||||||
ApiService.viewPlan(
|
|
||||||
context,
|
|
||||||
plan.planId,
|
|
||||||
isViewMode:
|
|
||||||
false,
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
icon: Icon(
|
|
||||||
Icons
|
|
||||||
.cancel_rounded,
|
|
||||||
size: 18,
|
|
||||||
),
|
|
||||||
tooltip:
|
|
||||||
'Cancellation The Trip Details',
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.pop(
|
|
||||||
context,
|
|
||||||
);
|
|
||||||
deletePlan(
|
|
||||||
plan.planId,
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
icon: Icon(
|
|
||||||
Icons.download,
|
|
||||||
color: Color(
|
|
||||||
0xFF114D8B,
|
|
||||||
),
|
|
||||||
size: 18,
|
|
||||||
),
|
|
||||||
tooltip:
|
|
||||||
'Download The PDF',
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.pop(
|
|
||||||
context,
|
|
||||||
);
|
|
||||||
apiService
|
|
||||||
.getPdfDownload(
|
|
||||||
plan.planId,
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
icon: const Icon(
|
|
||||||
Icons.comment,
|
|
||||||
color: Color(
|
|
||||||
0xFF475569,
|
|
||||||
),
|
|
||||||
size: 11,
|
|
||||||
),
|
|
||||||
tooltip:
|
|
||||||
'Trip Comments',
|
|
||||||
onPressed: () {
|
|
||||||
showDialog(
|
|
||||||
context:
|
|
||||||
context,
|
|
||||||
builder:
|
|
||||||
(
|
|
||||||
context,
|
|
||||||
) => CommentModalList(
|
|
||||||
// planId: plan.planId,
|
|
||||||
planId:
|
|
||||||
plan.planId
|
|
||||||
.toString(),
|
|
||||||
layoutColorForUser:
|
|
||||||
layoutColor!,
|
|
||||||
role:
|
|
||||||
"Admin",
|
|
||||||
),
|
),
|
||||||
);
|
tooltip:
|
||||||
},
|
'View The Trip Details',
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(
|
||||||
|
context,
|
||||||
|
); // Close popup manually
|
||||||
|
ApiService.viewPlan(
|
||||||
|
context,
|
||||||
|
plan.planId,
|
||||||
|
isViewMode: true,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
if (plan.statusValue ==
|
||||||
|
"Pending Approval" ||
|
||||||
|
plan.statusValue ==
|
||||||
|
"Partially Approved")
|
||||||
|
IconButton(
|
||||||
|
icon: Image.asset(
|
||||||
|
'assets/images/IconsImg/edit.png',
|
||||||
|
width: 20,
|
||||||
|
height: 15,
|
||||||
|
),
|
||||||
|
tooltip:
|
||||||
|
'Edit The Trip Details',
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(
|
||||||
|
context,
|
||||||
|
);
|
||||||
|
ApiService.viewPlan(
|
||||||
|
context,
|
||||||
|
plan.planId,
|
||||||
|
isViewMode:
|
||||||
|
false,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
icon: Icon(
|
||||||
|
Icons
|
||||||
|
.cancel_rounded,
|
||||||
|
size: 18,
|
||||||
|
),
|
||||||
|
tooltip:
|
||||||
|
'Cancellation The Trip Details',
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(
|
||||||
|
context,
|
||||||
|
);
|
||||||
|
deletePlan(
|
||||||
|
plan.planId,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
icon: Icon(
|
||||||
|
Icons.download,
|
||||||
|
color: Color(
|
||||||
|
0xFF114D8B,
|
||||||
|
),
|
||||||
|
size: 18,
|
||||||
|
),
|
||||||
|
tooltip:
|
||||||
|
'Download The PDF',
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(
|
||||||
|
context,
|
||||||
|
);
|
||||||
|
apiService
|
||||||
|
.getPdfDownload(
|
||||||
|
plan.planId,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
icon: const Icon(
|
||||||
|
Icons.comment,
|
||||||
|
color: Color(
|
||||||
|
0xFF475569,
|
||||||
|
),
|
||||||
|
size: 11,
|
||||||
|
),
|
||||||
|
tooltip:
|
||||||
|
'Trip Comments',
|
||||||
|
onPressed: () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder:
|
||||||
|
(
|
||||||
|
context,
|
||||||
|
) => CommentModalList(
|
||||||
|
// planId: plan.planId,
|
||||||
|
planId:
|
||||||
|
plan.planId
|
||||||
|
.toString(),
|
||||||
|
layoutColorForUser:
|
||||||
|
layoutColor!,
|
||||||
|
role:
|
||||||
|
"Admin",
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
],
|
),
|
||||||
),
|
),
|
||||||
),
|
],
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
@ -425,7 +425,8 @@ class _ListPlansState extends State<ListPlans> {
|
|||||||
|
|
||||||
Future<void> _showDetails(id) async {
|
Future<void> _showDetails(id) async {
|
||||||
_listDialogShown = true;
|
_listDialogShown = true;
|
||||||
final String apiUrldata = '$apiUrl/api/plans/get_plan_approval_status?plan_id=$id';
|
final String apiUrldata =
|
||||||
|
'$apiUrl/api/plans/get_plan_approval_status?plan_id=$id';
|
||||||
final String? token = await getToken();
|
final String? token = await getToken();
|
||||||
String label = "";
|
String label = "";
|
||||||
List<Map<String, dynamic>> approverData = [];
|
List<Map<String, dynamic>> approverData = [];
|
||||||
@ -446,7 +447,9 @@ class _ListPlansState extends State<ListPlans> {
|
|||||||
if (response.statusCode == 200) {
|
if (response.statusCode == 200) {
|
||||||
final data = json.decode(response.body);
|
final data = json.decode(response.body);
|
||||||
label = data['data']['model_heading'] ?? "";
|
label = data['data']['model_heading'] ?? "";
|
||||||
approverData = List<Map<String, dynamic>>.from(data['data']['approver_data'] ?? []);
|
approverData = List<Map<String, dynamic>>.from(
|
||||||
|
data['data']['approver_data'] ?? [],
|
||||||
|
);
|
||||||
} else {
|
} else {
|
||||||
print('Failed to load');
|
print('Failed to load');
|
||||||
label = "Error - Failed to load data";
|
label = "Error - Failed to load data";
|
||||||
@ -459,70 +462,101 @@ class _ListPlansState extends State<ListPlans> {
|
|||||||
|
|
||||||
showDialog(
|
showDialog(
|
||||||
context: context,
|
context: context,
|
||||||
builder: (context) => AlertDialog(
|
builder:
|
||||||
title: Text(
|
(context) => AlertDialog(
|
||||||
label,
|
title: Text(
|
||||||
style: GoogleFonts.poppins(
|
label,
|
||||||
fontSize: 18,
|
style: GoogleFonts.poppins(
|
||||||
fontWeight: FontWeight.w600,
|
fontSize: 18,
|
||||||
color: Colors.black,
|
fontWeight: FontWeight.w600,
|
||||||
),
|
color: Colors.black,
|
||||||
overflow: TextOverflow.ellipsis,
|
),
|
||||||
),
|
overflow: TextOverflow.ellipsis,
|
||||||
content: SingleChildScrollView(
|
),
|
||||||
child: Column(
|
content: SingleChildScrollView(
|
||||||
mainAxisSize: MainAxisSize.min,
|
child: Column(
|
||||||
children: [
|
mainAxisSize: MainAxisSize.min,
|
||||||
if (approverData.isNotEmpty)
|
children: [
|
||||||
SizedBox(
|
if (approverData.isNotEmpty)
|
||||||
height: 250,
|
SizedBox(
|
||||||
child: SingleChildScrollView(
|
height: 250,
|
||||||
scrollDirection: Axis.horizontal,
|
child: SingleChildScrollView(
|
||||||
child: SingleChildScrollView(
|
scrollDirection: Axis.horizontal,
|
||||||
scrollDirection: Axis.vertical,
|
child: SingleChildScrollView(
|
||||||
child: DataTable(
|
scrollDirection: Axis.vertical,
|
||||||
columns: [
|
child: DataTable(
|
||||||
// DataColumn(label: Text('S.No', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
columns: [
|
||||||
// DataColumn(label: Text('Approver ID', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
// DataColumn(label: Text('S.No', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
||||||
DataColumn(label: Text('Status', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
// DataColumn(label: Text('Approver ID', style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w600))),
|
||||||
],
|
DataColumn(
|
||||||
rows: approverData.asMap().entries.map((entry) {
|
label: Text(
|
||||||
final index = entry.key + 1;
|
'Status',
|
||||||
final item = entry.value;
|
style: GoogleFonts.poppins(
|
||||||
|
fontSize: 14,
|
||||||
final approverIdKey = item.keys.firstWhere((k) => k.endsWith('_id'), orElse: () => '');
|
fontWeight: FontWeight.w600,
|
||||||
final statusKey = item.keys.firstWhere((k) => k.endsWith('_status'), orElse: () => '');
|
),
|
||||||
|
),
|
||||||
final approverId = item[approverIdKey]?.toString() ?? '-';
|
),
|
||||||
final statusText = item[statusKey]?.toString() ?? 'Unknown';
|
|
||||||
|
|
||||||
return DataRow(
|
|
||||||
cells: [
|
|
||||||
// DataCell(Text('$index')),
|
|
||||||
// DataCell(SizedBox(width: 120, child: Text(approverId, overflow: TextOverflow.ellipsis))),
|
|
||||||
DataCell(SizedBox(child: Text(statusText, overflow: TextOverflow.ellipsis))),
|
|
||||||
],
|
],
|
||||||
);
|
rows:
|
||||||
}).toList(),
|
approverData.asMap().entries.map((entry) {
|
||||||
|
final index = entry.key + 1;
|
||||||
|
final item = entry.value;
|
||||||
|
|
||||||
|
final approverIdKey = item.keys.firstWhere(
|
||||||
|
(k) => k.endsWith('_id'),
|
||||||
|
orElse: () => '',
|
||||||
|
);
|
||||||
|
final statusKey = item.keys.firstWhere(
|
||||||
|
(k) => k.endsWith('_status'),
|
||||||
|
orElse: () => '',
|
||||||
|
);
|
||||||
|
|
||||||
|
final approverId =
|
||||||
|
item[approverIdKey]?.toString() ?? '-';
|
||||||
|
final statusText =
|
||||||
|
item[statusKey]?.toString() ?? 'Unknown';
|
||||||
|
|
||||||
|
return DataRow(
|
||||||
|
cells: [
|
||||||
|
// DataCell(Text('$index')),
|
||||||
|
// DataCell(SizedBox(width: 120, child: Text(approverId, overflow: TextOverflow.ellipsis))),
|
||||||
|
DataCell(
|
||||||
|
SizedBox(
|
||||||
|
child: Text(
|
||||||
|
statusText,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
else
|
||||||
|
Text(
|
||||||
|
"-- no data. --",
|
||||||
|
style: GoogleFonts.poppins(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w300,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
],
|
||||||
)
|
),
|
||||||
else
|
),
|
||||||
Text("-- no data. --", style: GoogleFonts.poppins(fontSize: 14, fontWeight: FontWeight.w300)),
|
actions: [
|
||||||
|
TextButton(
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
_listDialogShown = false;
|
||||||
|
},
|
||||||
|
child: Text("Close"),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
|
||||||
actions: [
|
|
||||||
TextButton(
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.pop(context);
|
|
||||||
_listDialogShown = false;
|
|
||||||
},
|
|
||||||
child: Text("Close"),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1074,52 +1108,52 @@ class _ListPlansState extends State<ListPlans> {
|
|||||||
DataCell(
|
DataCell(
|
||||||
GestureDetector(
|
GestureDetector(
|
||||||
onTap: () => _showDetails(plan.planId),
|
onTap: () => _showDetails(plan.planId),
|
||||||
child:
|
child: Container(
|
||||||
Container(
|
width:
|
||||||
width:
|
double
|
||||||
double
|
.infinity, // Set your desired fixed size (equal width and height)
|
||||||
.infinity, // Set your desired fixed size (equal width and height)
|
height: 25,
|
||||||
height: 25,
|
alignment: Alignment.center,
|
||||||
alignment: Alignment.center,
|
decoration: BoxDecoration(
|
||||||
decoration: BoxDecoration(
|
color: getStatusColor(
|
||||||
color: getStatusColor(
|
|
||||||
plan.statusValue,
|
|
||||||
),
|
|
||||||
// color: plan.statusValue ==
|
|
||||||
// "Partially Approved"
|
|
||||||
// ? Colors.yellow.shade100
|
|
||||||
// : plan.statusValue == "Approved"
|
|
||||||
// ? Colors.green.shade100
|
|
||||||
// : plan.statusValue == "Completed"
|
|
||||||
// ? Colors.green.shade500
|
|
||||||
// : plan.statusValue == "Rejected"
|
|
||||||
// ? Colors.red.shade100
|
|
||||||
// : Colors.grey.shade100,
|
|
||||||
borderRadius: BorderRadius.circular(
|
|
||||||
10,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
child: Text(
|
|
||||||
plan.statusValue,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: TextStyle(
|
|
||||||
color: getStatusTextColor(
|
|
||||||
plan.statusValue,
|
plan.statusValue,
|
||||||
),
|
),
|
||||||
// color: (plan.statusValue ==
|
// color: plan.statusValue ==
|
||||||
// "Partially Approved" ||
|
// "Partially Approved"
|
||||||
// plan.statusValue == "Approved" ||
|
// ? Colors.yellow.shade100
|
||||||
// plan.statusValue == "Rejected")
|
// : plan.statusValue == "Approved"
|
||||||
// ? Colors.black
|
// ? Colors.green.shade100
|
||||||
// : plan.statusValue == "Completed"
|
// : plan.statusValue == "Completed"
|
||||||
// ? Colors.white
|
// ? Colors.green.shade500
|
||||||
// : Colors.grey,
|
// : plan.statusValue == "Rejected"
|
||||||
fontSize: 12,
|
// ? Colors.red.shade100
|
||||||
fontFamily: "Inter",
|
// : Colors.grey.shade100,
|
||||||
fontWeight: FontWeight.w400,
|
borderRadius: BorderRadius.circular(
|
||||||
|
10,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
plan.statusValue,
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: TextStyle(
|
||||||
|
color: getStatusTextColor(
|
||||||
|
plan.statusValue,
|
||||||
|
),
|
||||||
|
// color: (plan.statusValue ==
|
||||||
|
// "Partially Approved" ||
|
||||||
|
// plan.statusValue == "Approved" ||
|
||||||
|
// plan.statusValue == "Rejected")
|
||||||
|
// ? Colors.black
|
||||||
|
// : plan.statusValue == "Completed"
|
||||||
|
// ? Colors.white
|
||||||
|
// : Colors.grey,
|
||||||
|
fontSize: 12,
|
||||||
|
fontFamily: "Inter",
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),),
|
),
|
||||||
),
|
),
|
||||||
DataCell(
|
DataCell(
|
||||||
Row(
|
Row(
|
||||||
@ -1355,29 +1389,34 @@ class _ListPlansState extends State<ListPlans> {
|
|||||||
Row(
|
Row(
|
||||||
mainAxisAlignment:
|
mainAxisAlignment:
|
||||||
MainAxisAlignment.spaceBetween,
|
MainAxisAlignment.spaceBetween,
|
||||||
children: [GestureDetector(
|
children: [
|
||||||
onTap: () => _showDetails(plan.planId),
|
GestureDetector(
|
||||||
child:
|
onTap: () => _showDetails(plan.planId),
|
||||||
Container(
|
child: Container(
|
||||||
padding: EdgeInsets.symmetric(
|
padding: EdgeInsets.symmetric(
|
||||||
horizontal: 8,
|
horizontal: 8,
|
||||||
vertical: 4,
|
vertical: 4,
|
||||||
),
|
),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: getStatusColor(plan.statusValue),
|
color: getStatusColor(
|
||||||
borderRadius: BorderRadius.circular(8),
|
|
||||||
),
|
|
||||||
child: Text(
|
|
||||||
plan.statusValue,
|
|
||||||
style: TextStyle(
|
|
||||||
color: getStatusTextColor(
|
|
||||||
plan.statusValue,
|
plan.statusValue,
|
||||||
),
|
),
|
||||||
fontSize: 10,
|
borderRadius: BorderRadius.circular(
|
||||||
fontWeight: FontWeight.w600,
|
8,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
plan.statusValue,
|
||||||
|
style: TextStyle(
|
||||||
|
color: getStatusTextColor(
|
||||||
|
plan.statusValue,
|
||||||
|
),
|
||||||
|
fontSize: 10,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),),
|
),
|
||||||
// PlanPopupMenu(
|
// PlanPopupMenu(
|
||||||
// plan: plan,
|
// plan: plan,
|
||||||
// deletePlan: deletePlan,
|
// deletePlan: deletePlan,
|
||||||
@ -1663,6 +1702,7 @@ class _ListPlansState extends State<ListPlans> {
|
|||||||
// )
|
// )
|
||||||
// : buildMobileCardView(paginatedPlans),
|
// : buildMobileCardView(paginatedPlans),
|
||||||
),
|
),
|
||||||
|
|
||||||
PaginationControls(
|
PaginationControls(
|
||||||
currentPage: currentPage,
|
currentPage: currentPage,
|
||||||
itemsPerPage: itemsPerPage,
|
itemsPerPage: itemsPerPage,
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
|
|
||||||
class PaginationControls extends StatelessWidget {
|
class PaginationControls extends StatelessWidget {
|
||||||
final int currentPage;
|
final int currentPage;
|
||||||
@ -20,33 +21,99 @@ class PaginationControls extends StatelessWidget {
|
|||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
int totalPages = (totalItems / itemsPerPage).ceil();
|
// int totalPages = (totalItems / itemsPerPage).ceil();
|
||||||
|
final int totalPages = (totalItems / itemsPerPage).ceil();
|
||||||
|
|
||||||
|
// return Row(
|
||||||
|
// mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
// children: [
|
||||||
|
// Padding(
|
||||||
|
// padding: const EdgeInsets.symmetric(vertical: 12),
|
||||||
|
// child: Row(
|
||||||
|
// mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
// children: [
|
||||||
|
// DropdownButton<int>(
|
||||||
|
// value: itemsPerPage,
|
||||||
|
// items:
|
||||||
|
// [5, 10, 15, 20, 50].map((int value) {
|
||||||
|
// return DropdownMenuItem<int>(
|
||||||
|
// value: value,
|
||||||
|
// child: Text(
|
||||||
|
// ' $value ',
|
||||||
|
// style: GoogleFonts.poppins(fontSize: 15),
|
||||||
|
// ),
|
||||||
|
// );
|
||||||
|
// }).toList(),
|
||||||
|
// onChanged: (newValue) {
|
||||||
|
// if (newValue != null) {
|
||||||
|
// onItemsPerPageChanged(newValue);
|
||||||
|
// onPageChanged(1); // reset to first page
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// ),
|
||||||
|
// IconButton(
|
||||||
|
// onPressed:
|
||||||
|
// currentPage > 1
|
||||||
|
// ? () => onPageChanged(currentPage - 1)
|
||||||
|
// : null,
|
||||||
|
// icon: Icon(Icons.chevron_left),
|
||||||
|
// ),
|
||||||
|
// for (int i = 1; i <= totalPages - 1; i++)
|
||||||
|
// Padding(
|
||||||
|
// padding: const EdgeInsets.symmetric(horizontal: 4),
|
||||||
|
// child: ElevatedButton(
|
||||||
|
// style: ElevatedButton.styleFrom(
|
||||||
|
// backgroundColor:
|
||||||
|
// currentPage == i - 1 ? activeColor : Colors.grey[300],
|
||||||
|
// foregroundColor:
|
||||||
|
// currentPage == i - 1 ? Colors.white : Colors.black,
|
||||||
|
// minimumSize: Size(36, 36),
|
||||||
|
// padding: EdgeInsets.zero,
|
||||||
|
// ),
|
||||||
|
// onPressed: () => onPageChanged(i - 1),
|
||||||
|
// child: Text(i.toString()),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// IconButton(
|
||||||
|
// onPressed:
|
||||||
|
// currentPage < totalPages - 1
|
||||||
|
// ? () => onPageChanged(currentPage + 1)
|
||||||
|
// : null,
|
||||||
|
// icon: Icon(Icons.chevron_right),
|
||||||
|
// ),
|
||||||
|
// ],
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// ],
|
||||||
|
// );
|
||||||
|
|
||||||
return Row(
|
return Row(
|
||||||
mainAxisAlignment: MainAxisAlignment.end,
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
children: [
|
children: [
|
||||||
Text(
|
// Text(
|
||||||
'Items per page:',
|
// 'Items per page:',
|
||||||
style: TextStyle(
|
// style: TextStyle(
|
||||||
fontSize: 12,
|
// fontSize: 12,
|
||||||
fontWeight: FontWeight.w400,
|
// fontWeight: FontWeight.w400,
|
||||||
color: Colors.black87,
|
// color: Colors.black87,
|
||||||
fontFamily: "Inter",
|
// fontFamily: "Inter",
|
||||||
),
|
// ),
|
||||||
),
|
// ),
|
||||||
SizedBox(width: 8),
|
// SizedBox(width: 8),
|
||||||
DropdownButton<int>(
|
DropdownButton<int>(
|
||||||
value: itemsPerPage,
|
value: itemsPerPage,
|
||||||
items: [10, 20, 50, 100]
|
items:
|
||||||
.map((value) => DropdownMenuItem<int>(
|
[10, 20, 50, 100]
|
||||||
value: value,
|
.map(
|
||||||
child: Text('$value',
|
(value) => DropdownMenuItem<int>(
|
||||||
style: TextStyle(
|
value: value,
|
||||||
fontSize: 12,
|
child: Text(
|
||||||
fontFamily: "Inter",
|
'$value',
|
||||||
)),
|
style: TextStyle(fontSize: 12, fontFamily: "Inter"),
|
||||||
))
|
),
|
||||||
.toList(),
|
),
|
||||||
|
)
|
||||||
|
.toList(),
|
||||||
onChanged: (value) {
|
onChanged: (value) {
|
||||||
if (value != null) {
|
if (value != null) {
|
||||||
onItemsPerPageChanged(value);
|
onItemsPerPageChanged(value);
|
||||||
@ -66,51 +133,113 @@ class PaginationControls extends StatelessWidget {
|
|||||||
onPressed:
|
onPressed:
|
||||||
currentPage > 0 ? () => onPageChanged(currentPage - 1) : null,
|
currentPage > 0 ? () => onPageChanged(currentPage - 1) : null,
|
||||||
),
|
),
|
||||||
|
|
||||||
|
// SingleChildScrollView(
|
||||||
|
// scrollDirection: Axis.horizontal,
|
||||||
|
// child: Row(
|
||||||
|
// children: List.generate(totalPages, (index) {
|
||||||
|
// print("totalPagesList - $totalPages");
|
||||||
|
// // Only show 2 pages: currentPage and currentPage + 1
|
||||||
|
// if (index == currentPage || index == currentPage + 1) {
|
||||||
|
// return Padding(
|
||||||
|
// padding: const EdgeInsets.symmetric(horizontal: 4),
|
||||||
|
// child: ElevatedButton(
|
||||||
|
// onPressed: () => onPageChanged(index),
|
||||||
|
// style: ElevatedButton.styleFrom(
|
||||||
|
// backgroundColor:
|
||||||
|
// currentPage == index
|
||||||
|
// ? activeColor
|
||||||
|
// : Colors.grey[300]!,
|
||||||
|
// minimumSize: Size(30, 30),
|
||||||
|
// padding: EdgeInsets.zero,
|
||||||
|
// ),
|
||||||
|
// child: Text(
|
||||||
|
// '${index + 1}',
|
||||||
|
// style: TextStyle(
|
||||||
|
// fontSize: 12,
|
||||||
|
// fontFamily: "Inter",
|
||||||
|
// color:
|
||||||
|
// currentPage == index ? Colors.white : Colors.black,
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// );
|
||||||
|
// } else {
|
||||||
|
// return SizedBox.shrink(); // Don't show other pages
|
||||||
|
// }
|
||||||
|
// }),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
SingleChildScrollView(
|
SingleChildScrollView(
|
||||||
scrollDirection: Axis.horizontal,
|
scrollDirection: Axis.horizontal,
|
||||||
child: Row(
|
child: Row(children: _buildPageButtons()),
|
||||||
children: List.generate(
|
|
||||||
totalPages,
|
|
||||||
(index) {
|
|
||||||
// Only show 2 pages: currentPage and currentPage+1
|
|
||||||
if (index == currentPage || index == currentPage + 1) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 4),
|
|
||||||
child: ElevatedButton(
|
|
||||||
onPressed: () => onPageChanged(index),
|
|
||||||
style: ElevatedButton.styleFrom(
|
|
||||||
backgroundColor: currentPage == index
|
|
||||||
? activeColor
|
|
||||||
: Colors.grey[300]!,
|
|
||||||
minimumSize: Size(30, 30),
|
|
||||||
padding: EdgeInsets.zero,
|
|
||||||
),
|
|
||||||
child: Text(
|
|
||||||
'${index + 1}',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 12,
|
|
||||||
fontFamily: "Inter",
|
|
||||||
color: currentPage == index
|
|
||||||
? Colors.white
|
|
||||||
: Colors.black,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
return SizedBox.shrink(); // Don't show other pages
|
|
||||||
}
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
|
|
||||||
IconButton(
|
IconButton(
|
||||||
icon: Icon(Icons.arrow_forward_ios, size: 10),
|
icon: Icon(Icons.arrow_forward_ios, size: 10),
|
||||||
onPressed: (currentPage + 1) * itemsPerPage < totalItems
|
onPressed:
|
||||||
? () => onPageChanged(currentPage + 1)
|
(currentPage + 1) * itemsPerPage < totalItems
|
||||||
: null,
|
? () => onPageChanged(currentPage + 1)
|
||||||
|
: null,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
List<Widget> _buildPageButtons() {
|
||||||
|
final int totalPages = (totalItems / itemsPerPage).ceil();
|
||||||
|
List<Widget> buttons = [];
|
||||||
|
|
||||||
|
// Always show first page
|
||||||
|
buttons.add(_buildPageButton(0));
|
||||||
|
|
||||||
|
// Add left ellipsis if needed
|
||||||
|
if (currentPage > 2) {
|
||||||
|
buttons.add(_buildEllipsis());
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add previous, current, next page if in range
|
||||||
|
for (int i = currentPage - 1; i <= currentPage + 1; i++) {
|
||||||
|
if (i > 0 && i < totalPages - 1) {
|
||||||
|
buttons.add(_buildPageButton(i));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add right ellipsis if needed
|
||||||
|
if (currentPage < totalPages - 3) {
|
||||||
|
buttons.add(_buildEllipsis());
|
||||||
|
}
|
||||||
|
|
||||||
|
// Always show last page
|
||||||
|
if (totalPages > 1) {
|
||||||
|
buttons.add(_buildPageButton(totalPages - 1));
|
||||||
|
}
|
||||||
|
|
||||||
|
return buttons;
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildPageButton(int pageIndex) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 4),
|
||||||
|
child: ElevatedButton(
|
||||||
|
onPressed: () => onPageChanged(pageIndex),
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
backgroundColor:
|
||||||
|
currentPage == pageIndex ? activeColor : Colors.grey[300],
|
||||||
|
foregroundColor:
|
||||||
|
currentPage == pageIndex ? Colors.white : Colors.black,
|
||||||
|
minimumSize: Size(36, 36),
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
),
|
||||||
|
child: Text('${pageIndex + 1}'),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildEllipsis() {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 6),
|
||||||
|
child: Text('...', style: TextStyle(fontSize: 16)),
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user