Hamza/musadaq-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update: 2026-05-07 18:56:48

Browse Source
This commit is contained in:
Hamza-Ayed
2026-05-07 18:56:48 +03:00
parent 528b3ca247
commit d8820efa24
4 changed files with 438 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
musadaq-app/lib/features/dashboard/views/dashboard_view.dart
View File

@@ -14,22 +14,31 @@ class DashboardView extends GetView<DashboardController> {
children: [
// Custom Top Bar
Container(
padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top, left: 8, right: 8, bottom: 12),
padding: EdgeInsets.only(
top: MediaQuery.of(context).padding.top,
left: 8,
right: 8,
bottom: 12),
color: isDark ? const Color(0xFF1E1E2E) : const Color(0xFF0F4C81),
child: Row(
children: [
const SizedBox(width: 48),
Expanded(
const Expanded(
child: Center(
child: Text(
'مُصادَق',
style: TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
style: TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.bold),
),
),
),
IconButton(
icon: const Icon(Icons.notifications_outlined, color: Colors.white),
onPressed: () => Get.snackbar('قريباً', 'الإشعارات ستتوفر قريباً'),
icon: const Icon(Icons.notifications_outlined,
color: Colors.white),
onPressed: () =>
Get.snackbar('قريباً', 'الإشعارات ستتوفر قريباً'),
),
IconButton(
icon: const Icon(Icons.refresh, color: Colors.white),
@@ -38,11 +47,12 @@ class DashboardView extends GetView<DashboardController> {
],
),
),
Expanded(
child: Obx(() {
if (controller.isLoading.value) {
return const Center(child: CircularProgressIndicator(color: Color(0xFF0F4C81)));
return const Center(
child: CircularProgressIndicator(color: Color(0xFF0F4C81)));
}
final stats = controller.stats;
@@ -60,12 +70,16 @@ class DashboardView extends GetView<DashboardController> {
const SizedBox(height: 24),
_buildQuickActions(isDark),
const SizedBox(height: 32),
const Text('إحصائيات الفواتير', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
const Text('إحصائيات الفواتير',
style: TextStyle(
fontSize: 18, fontWeight: FontWeight.bold)),
const SizedBox(height: 12),
_buildInvoiceStats(stats, isDark),
if (role == 'admin' || role == 'super_admin') ...[
const SizedBox(height: 24),
const Text('نظرة عامة', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
const Text('نظرة عامة',
style: TextStyle(
fontSize: 18, fontWeight: FontWeight.bold)),
const SizedBox(height: 12),
_buildRoleSpecificStats(stats, role, isDark),
],
@@ -74,7 +88,9 @@ class DashboardView extends GetView<DashboardController> {
_buildQuotaMeter(stats['subscription'], isDark),
],
const SizedBox(height: 32),
const Text('أحدث النشاطات', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
const Text('أحدث النشاطات',
style: TextStyle(
fontSize: 18, fontWeight: FontWeight.bold)),
const SizedBox(height: 12),
_buildRecentActivity(isDark),
const SizedBox(height: 40),
@@ -91,9 +107,15 @@ class DashboardView extends GetView<DashboardController> {
Widget _buildWelcomeHeader(String role, bool isDark) {
String roleName = 'مستخدم';
switch (role) {
case 'super_admin': roleName = 'مدير النظام'; break;
case 'admin': roleName = 'مدير المكتب'; break;
case 'accountant': roleName = 'محاسب'; break;
case 'super_admin':
roleName = 'مدير النظام';
break;
case 'admin':
roleName = 'مدير المكتب';
break;
case 'accountant':
roleName = 'محاسب';
break;
}
return Row(
@@ -107,8 +129,12 @@ class DashboardView extends GetView<DashboardController> {
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('مرحباً بك في مُصادَق 👋', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
Text('صلاحيات: $roleName', style: TextStyle(color: isDark ? Colors.white38 : Colors.grey, fontSize: 14)),
const Text('مرحباً بك في مُصادَق 👋',
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
Text('صلاحيات: $roleName',
style: TextStyle(
color: isDark ? Colors.white38 : Colors.grey,
fontSize: 14)),
],
),
],
@@ -121,12 +147,14 @@ class DashboardView extends GetView<DashboardController> {
Expanded(
child: ElevatedButton.icon(
icon: const Icon(Icons.document_scanner),
label: const Text('المسح الضوئي', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13)),
label: const Text('المسح الضوئي',
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13)),
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF0F4C81),
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 16),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12)),
),
onPressed: () => Get.toNamed(AppRoutes.SCANNER),
),
@@ -135,12 +163,18 @@ class DashboardView extends GetView<DashboardController> {
Expanded(
child: OutlinedButton.icon(
icon: const Icon(Icons.mic_rounded),
label: const Text('المساعد الصوتي', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13)),
label: const Text('المساعد الصوتي',
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13)),
style: OutlinedButton.styleFrom(
foregroundColor: isDark ? const Color(0xFF5EEAD4) : const Color(0xFF0F4C81),
side: BorderSide(color: isDark ? const Color(0xFF5EEAD4) : const Color(0xFF0F4C81)),
foregroundColor:
isDark ? const Color(0xFF5EEAD4) : const Color(0xFF0F4C81),
side: BorderSide(
color: isDark
? const Color(0xFF5EEAD4)
: const Color(0xFF0F4C81)),
padding: const EdgeInsets.symmetric(vertical: 16),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12)),
),
onPressed: () {
controller.startVoiceAssistant();
@@ -155,11 +189,14 @@ class DashboardView extends GetView<DashboardController> {
final inv = stats['invoices'] ?? {'total': 0, 'pending': 0, 'approved': 0};
return Row(
children: [
_buildStatCard('الكل', inv['total'].toString(), Icons.receipt_long, Colors.blue, isDark),
_buildStatCard('الكل', inv['total'].toString(), Icons.receipt_long,
Colors.blue, isDark),
const SizedBox(width: 12),
_buildStatCard('قيد المعالجة', inv['pending'].toString(), Icons.hourglass_empty, Colors.orange, isDark),
_buildStatCard('قيد المعالجة', inv['pending'].toString(),
Icons.hourglass_empty, Colors.orange, isDark),
const SizedBox(width: 12),
_buildStatCard('معتمدة', inv['approved'].toString(), Icons.check_circle, Colors.green, isDark),
_buildStatCard('معتمدة', inv['approved'].toString(), Icons.check_circle,
Colors.green, isDark),
],
);
}
@@ -168,38 +205,49 @@ class DashboardView extends GetView<DashboardController> {
if (role == 'super_admin') {
return Row(
children: [
_buildStatCard('المستأجرين', (stats['tenants'] ?? 0).toString(), Icons.business_center, Colors.indigo, isDark),
_buildStatCard('المستأجرين', (stats['tenants'] ?? 0).toString(),
Icons.business_center, Colors.indigo, isDark),
const SizedBox(width: 12),
_buildStatCard('المستخدمين', (stats['total_users'] ?? 0).toString(), Icons.people, Colors.purple, isDark),
_buildStatCard('المستخدمين', (stats['total_users'] ?? 0).toString(),
Icons.people, Colors.purple, isDark),
],
);
} else {
return Row(
children: [
_buildStatCard('الشركات', (stats['companies'] ?? 0).toString(), Icons.business, Colors.indigo, isDark),
_buildStatCard('الشركات', (stats['companies'] ?? 0).toString(),
Icons.business, Colors.indigo, isDark),
const SizedBox(width: 12),
_buildStatCard('المستخدمين', (stats['users'] ?? 0).toString(), Icons.people, Colors.purple, isDark),
_buildStatCard('المستخدمين', (stats['users'] ?? 0).toString(),
Icons.people, Colors.purple, isDark),
],
);
}
}
Widget _buildStatCard(String title, String count, IconData icon, Color color, bool isDark) {
Widget _buildStatCard(
String title, String count, IconData icon, Color color, bool isDark) {
return Expanded(
child: Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
border:
Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(icon, color: color, size: 28),
const SizedBox(height: 12),
Text(count, style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
Text(title, style: TextStyle(color: isDark ? Colors.white38 : Colors.grey, fontSize: 12)),
Text(count,
style:
const TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
Text(title,
style: TextStyle(
color: isDark ? Colors.white38 : Colors.grey,
fontSize: 12)),
],
),
),
@@ -210,18 +258,20 @@ class DashboardView extends GetView<DashboardController> {
int limit = subscription['limit'] ?? 100;
int used = subscription['used'] ?? 0;
double progress = limit > 0 ? (used / limit) : 0;
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
border:
Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('استهلاك الباقة الشهرية (AI)', style: TextStyle(fontWeight: FontWeight.bold)),
const Text('استهلاك الباقة الشهرية (AI)',
style: TextStyle(fontWeight: FontWeight.bold)),
const SizedBox(height: 12),
LinearProgressIndicator(
value: progress,
@@ -234,8 +284,12 @@ class DashboardView extends GetView<DashboardController> {
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text('$used فاتورة', style: const TextStyle(fontWeight: FontWeight.bold, color: Color(0xFF0F4C81))),
Text('من $limit', style: TextStyle(color: isDark ? Colors.white38 : Colors.grey)),
Text('$used فاتورة',
style: const TextStyle(
fontWeight: FontWeight.bold, color: Color(0xFF0F4C81))),
Text('من $limit',
style:
TextStyle(color: isDark ? Colors.white38 : Colors.grey)),
],
)
],
@@ -245,7 +299,9 @@ class DashboardView extends GetView<DashboardController> {
Widget _buildRecentActivity(bool isDark) {
if (controller.recentActivities.isEmpty) {
return Center(child: Text('لا توجد نشاطات حديثة', style: TextStyle(color: isDark ? Colors.white38 : Colors.grey)));
return Center(
child: Text('لا توجد نشاطات حديثة',
style: TextStyle(color: isDark ? Colors.white38 : Colors.grey)));
}
return ListView.builder(
@@ -259,16 +315,23 @@ class DashboardView extends GetView<DashboardController> {
elevation: 0,
color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
shape: RoundedRectangleBorder(
side: BorderSide(color: isDark ? Colors.white10 : Colors.grey.shade200),
side: BorderSide(
color: isDark ? Colors.white10 : Colors.grey.shade200),
borderRadius: BorderRadius.circular(12),
),
child: ListTile(
leading: CircleAvatar(
backgroundColor: isDark ? Colors.white10 : const Color(0xFFF1F5F9),
child: Icon(_getActivityIcon(act['action']), color: const Color(0xFF64748B), size: 18),
backgroundColor:
isDark ? Colors.white10 : const Color(0xFFF1F5F9),
child: Icon(_getActivityIcon(act['action']),
color: const Color(0xFF64748B), size: 18),
),
title: Text(_formatAction(act['action'])),
subtitle: Text('بواسطة: ${act['user_name'] ?? 'مستخدم مجهول'}'),
subtitle: Text(
_activitySubtitle(act),
maxLines: 3,
overflow: TextOverflow.ellipsis,
),
trailing: Text(
_timeAgo(act['created_at']),
style: const TextStyle(fontSize: 12, color: Colors.grey),
@@ -290,17 +353,45 @@ class DashboardView extends GetView<DashboardController> {
String _formatAction(String action) {
switch (action) {
case 'invoice.approved': return 'اعتماد فاتورة';
case 'invoice.extracted': return 'استخراج بيانات فاتورة';
case 'company.created': return 'إضافة شركة';
case 'company.deleted': return 'حذف شركة';
case 'user.created': return 'إضافة مستخدم';
case 'user.deleted': return 'حذف مستخدم';
case 'user.login': return 'تسجيل دخول';
default: return action;
case 'invoice.approved':
return 'اعتماد فاتورة';
case 'invoice.extracted':
return 'استخراج بيانات فاتورة';
case 'company.created':
return 'إضافة شركة';
case 'company.deleted':
return 'حذف شركة';
case 'user.created':
return 'إضافة مستخدم';
case 'user.deleted':
return 'حذف مستخدم';
case 'user.login':
return 'تسجيل دخول';
case 'payment.created':
return 'إنشاء طلب دفع';
case 'payment.approved':
return 'اعتماد طلب دفع';
case 'payment.rejected':
return 'رفض طلب دفع';
case 'subscription.activated':
return 'تفعيل اشتراك';
default:
return action;
}
}
String _activitySubtitle(dynamic act) {
final userName = (act['user_name'] ?? '').toString().trim();
final summary = (act['summary'] ?? '').toString().trim();
final byUser = 'بواسطة: ${userName.isEmpty ? 'مستخدم مجهول' : userName}';
if (summary.isEmpty) {
return byUser;
}
return '$summary\n$byUser';
}
String _timeAgo(String datetime) {
try {
final dt = DateTime.parse(datetime);