first commit
This commit is contained in:
Hamza-Ayed
280
lib/views/invoice/invoice_list_page.dart
Normal file
280
lib/views/invoice/invoice_list_page.dart
Normal file
@@ -0,0 +1,280 @@
|
||||
import 'dart:convert';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:http/http.dart' as http;
|
||||
import '../../constant/links.dart';
|
||||
import '../../controller/admin/get_all_invoice_controller.dart';
|
||||
import '../../controller/functions/crud.dart';
|
||||
import '../../print.dart';
|
||||
import 'add_invoice_page.dart';
|
||||
|
||||
class InvoiceListPage extends StatefulWidget {
|
||||
@override
|
||||
_InvoiceListPageState createState() => _InvoiceListPageState();
|
||||
}
|
||||
|
||||
class _InvoiceListPageState extends State<InvoiceListPage> {
|
||||
List<InvoiceModel> invoices = [];
|
||||
int totalCount = 0;
|
||||
double totalAmount = 0.0;
|
||||
bool isLoading = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
fetchInvoices();
|
||||
}
|
||||
|
||||
Future<void> fetchInvoices() async {
|
||||
// لإظهار مؤشر التحديث بشكل جيد
|
||||
if (!isLoading) {
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
final response = await CRUD().post(link: AppLink.getInvoices, payload: {});
|
||||
final data = (response);
|
||||
Log.print('data: $data');
|
||||
|
||||
if (mounted) {
|
||||
if (data != 'failure' && data['status'] == 'success') {
|
||||
setState(() {
|
||||
invoices = List.from(data['data'])
|
||||
.map((item) => InvoiceModel.fromJson(item))
|
||||
.toList();
|
||||
totalCount = data['summary']['count'];
|
||||
totalAmount =
|
||||
double.tryParse(data['summary']['total'].toString()) ?? 0.0;
|
||||
isLoading = false;
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
isLoading = false;
|
||||
});
|
||||
Get.snackbar("خطأ", "فشل في تحميل الفواتير. حاول التحديث مرة أخرى.",
|
||||
backgroundColor: Colors.red.withOpacity(0.8),
|
||||
colorText: Colors.white);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// --- دالة لعرض الصورة في نافذة منبثقة ---
|
||||
void _showImageDialog(BuildContext context, String imageUrl) {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (BuildContext context) {
|
||||
return Dialog(
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12.0),
|
||||
),
|
||||
child: GestureDetector(
|
||||
// لإغلاق الصورة عند الضغط عليها
|
||||
onTap: () => Navigator.of(context).pop(),
|
||||
child: Container(
|
||||
padding: EdgeInsets.all(12),
|
||||
child: InteractiveViewer(
|
||||
// لإتاحة التكبير والتصغير
|
||||
panEnabled: true,
|
||||
minScale: 0.5,
|
||||
maxScale: 4,
|
||||
child: Image.network(
|
||||
imageUrl,
|
||||
fit: BoxFit.contain,
|
||||
// إظهار مؤشر تحميل أثناء جلب الصورة
|
||||
loadingBuilder: (BuildContext context, Widget child,
|
||||
ImageChunkEvent? loadingProgress) {
|
||||
if (loadingProgress == null) return child;
|
||||
return Center(
|
||||
child: CircularProgressIndicator(
|
||||
value: loadingProgress.expectedTotalBytes != null
|
||||
? loadingProgress.cumulativeBytesLoaded /
|
||||
loadingProgress.expectedTotalBytes!
|
||||
: null,
|
||||
),
|
||||
);
|
||||
},
|
||||
// إظهار أيقونة خطأ في حال فشل تحميل الصورة
|
||||
errorBuilder: (context, error, stackTrace) {
|
||||
return Icon(Icons.broken_image,
|
||||
size: 100, color: Colors.red);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text("قائمة الفواتير"),
|
||||
centerTitle: true,
|
||||
elevation: 2,
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: Icon(Icons.add_a_photo),
|
||||
onPressed: () {
|
||||
// يمكنك إضافة إجراء الطباعة هنا
|
||||
|
||||
Get.to(() => AddInvoicePage());
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
body: isLoading
|
||||
? Center(child: CircularProgressIndicator())
|
||||
: RefreshIndicator(
|
||||
onRefresh: fetchInvoices, // خاصية السحب للتحديث
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ListView.builder(
|
||||
padding:
|
||||
EdgeInsets.symmetric(vertical: 8.0, horizontal: 12.0),
|
||||
itemCount: invoices.length,
|
||||
itemBuilder: (context, index) {
|
||||
final invoice = invoices[index];
|
||||
return Card(
|
||||
elevation: 4,
|
||||
margin: EdgeInsets.symmetric(vertical: 8.0),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(15.0),
|
||||
),
|
||||
child: InkWell(
|
||||
borderRadius: BorderRadius.circular(15.0),
|
||||
onTap: () {
|
||||
// التحقق من وجود رابط للصورة قبل محاولة عرضه
|
||||
if (invoice.imageLink != null &&
|
||||
invoice.imageLink!.isNotEmpty) {
|
||||
_showImageDialog(context, invoice.imageLink!);
|
||||
} else {
|
||||
Get.snackbar("لا توجد صورة",
|
||||
"هذه الفاتورة لا تحتوي على صورة مرفقة.");
|
||||
}
|
||||
},
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Row(
|
||||
children: [
|
||||
// أيقونة الفاتورة الرئيسية
|
||||
Icon(Icons.receipt_long,
|
||||
color: Theme.of(context).primaryColor,
|
||||
size: 40),
|
||||
SizedBox(width: 16),
|
||||
// تفاصيل الفاتورة
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment:
|
||||
CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"فاتورة رقم: ${invoice.invoiceNumber}",
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 16,
|
||||
),
|
||||
),
|
||||
SizedBox(height: 8),
|
||||
Text(
|
||||
"الاسم: ${invoice.name}",
|
||||
style: TextStyle(
|
||||
color: Colors.green.shade700,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
SizedBox(height: 8),
|
||||
Text(
|
||||
"المبلغ: ${invoice.amount} د.أ",
|
||||
style: TextStyle(
|
||||
color: Colors.green.shade700,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
SizedBox(height: 4),
|
||||
Text(
|
||||
"التاريخ: ${invoice.date}",
|
||||
style: TextStyle(
|
||||
color: Colors.grey.shade600,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
// أيقونة توضح وجود صورة
|
||||
if (invoice.imageLink != null &&
|
||||
invoice.imageLink!.isNotEmpty)
|
||||
Icon(Icons.image_outlined,
|
||||
color: Colors.blueAccent, size: 30),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
_buildSummaryCard(), // بطاقة الملخص السفلية
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSummaryCard() {
|
||||
return Card(
|
||||
margin: EdgeInsets.all(0),
|
||||
elevation: 8,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.only(
|
||||
topLeft: Radius.circular(20),
|
||||
topRight: Radius.circular(20),
|
||||
),
|
||||
),
|
||||
child: Container(
|
||||
padding: EdgeInsets.symmetric(vertical: 20, horizontal: 25),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"إجمالي الفواتير",
|
||||
style: TextStyle(color: Colors.grey.shade600, fontSize: 14),
|
||||
),
|
||||
Text(
|
||||
"$totalCount",
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 20,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
Text(
|
||||
"المبلغ الإجمالي",
|
||||
style: TextStyle(color: Colors.grey.shade600, fontSize: 14),
|
||||
),
|
||||
Text(
|
||||
"${totalAmount.toStringAsFixed(2)} د.أ",
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 20,
|
||||
color: Colors.green.shade800,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user