Update: 2026-05-07 03:06:15
This commit is contained in:
@@ -0,0 +1,51 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import '../../../core/storage/secure_storage.dart';
|
||||
import '../../../app/routes/app_pages.dart';
|
||||
|
||||
class SettingsController extends GetxController {
|
||||
final SecureStorage _storage = SecureStorage();
|
||||
|
||||
var isDarkMode = false.obs;
|
||||
var pushEnabled = true.obs;
|
||||
var userName = ''.obs;
|
||||
var userPhone = ''.obs;
|
||||
var userRole = ''.obs;
|
||||
|
||||
String get roleName {
|
||||
switch (userRole.value) {
|
||||
case 'super_admin': return 'مدير النظام';
|
||||
case 'admin': return 'مدير مكتب';
|
||||
case 'accountant': return 'محاسب';
|
||||
case 'viewer': return 'مشاهد';
|
||||
default: return 'مستخدم';
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
super.onInit();
|
||||
_loadUserData();
|
||||
isDarkMode.value = Get.isDarkMode;
|
||||
}
|
||||
|
||||
Future<void> _loadUserData() async {
|
||||
userName.value = await _storage.read('user_name') ?? '';
|
||||
userPhone.value = await _storage.read('user_phone') ?? '';
|
||||
userRole.value = await _storage.read('user_role') ?? '';
|
||||
}
|
||||
|
||||
void toggleTheme() {
|
||||
isDarkMode.value = !isDarkMode.value;
|
||||
Get.changeThemeMode(isDarkMode.value ? ThemeMode.dark : ThemeMode.light);
|
||||
}
|
||||
|
||||
void togglePush() {
|
||||
pushEnabled.value = !pushEnabled.value;
|
||||
}
|
||||
|
||||
Future<void> logout() async {
|
||||
await _storage.clearAll();
|
||||
Get.offAllNamed(AppRoutes.PHONE_INPUT);
|
||||
}
|
||||
}
|
||||
303
musadaq-app/lib/features/settings/views/settings_view.dart
Normal file
303
musadaq-app/lib/features/settings/views/settings_view.dart
Normal file
@@ -0,0 +1,303 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import '../controllers/settings_controller.dart';
|
||||
import '../../../app/routes/app_pages.dart';
|
||||
|
||||
class SettingsView extends GetView<SettingsController> {
|
||||
const SettingsView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// Custom Top Bar
|
||||
Container(
|
||||
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(
|
||||
child: Center(
|
||||
child: Text(
|
||||
'الإعدادات',
|
||||
style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 48),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Expanded(
|
||||
child: Obx(() => ListView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
children: [
|
||||
_buildProfileCard(isDark),
|
||||
const SizedBox(height: 24),
|
||||
_buildSectionTitle('المظهر', Icons.palette_rounded, isDark),
|
||||
const SizedBox(height: 8),
|
||||
_buildSettingsCard(isDark, [
|
||||
_buildSwitchTile(
|
||||
icon: Icons.dark_mode_rounded,
|
||||
title: 'الوضع الداكن',
|
||||
subtitle: 'تفعيل المظهر الداكن للتطبيق',
|
||||
value: controller.isDarkMode.value,
|
||||
onChanged: (v) => controller.toggleTheme(),
|
||||
isDark: isDark,
|
||||
),
|
||||
]),
|
||||
const SizedBox(height: 20),
|
||||
_buildSectionTitle('الإشعارات', Icons.notifications_rounded, isDark),
|
||||
const SizedBox(height: 8),
|
||||
_buildSettingsCard(isDark, [
|
||||
_buildSwitchTile(
|
||||
icon: Icons.notifications_active_rounded,
|
||||
title: 'إشعارات الدفع',
|
||||
subtitle: 'استلام إشعارات عند اكتمال المعالجة',
|
||||
value: controller.pushEnabled.value,
|
||||
onChanged: (v) => controller.togglePush(),
|
||||
isDark: isDark,
|
||||
),
|
||||
]),
|
||||
const SizedBox(height: 20),
|
||||
_buildSectionTitle('حول التطبيق', Icons.info_rounded, isDark),
|
||||
const SizedBox(height: 8),
|
||||
_buildSettingsCard(isDark, [
|
||||
_buildInfoTile(
|
||||
icon: Icons.verified_rounded,
|
||||
title: 'الإصدار',
|
||||
trailing: '1.0.0',
|
||||
isDark: isDark,
|
||||
),
|
||||
const Divider(height: 1),
|
||||
_buildInfoTile(
|
||||
icon: Icons.diamond_rounded,
|
||||
title: 'الاشتراكات والباقات',
|
||||
trailing: 'ترقية →',
|
||||
isDark: isDark,
|
||||
onTap: () => Get.toNamed(AppRoutes.SUBSCRIPTION),
|
||||
),
|
||||
const Divider(height: 1),
|
||||
_buildInfoTile(
|
||||
icon: Icons.support_agent_rounded,
|
||||
title: 'الدعم الفني',
|
||||
trailing: 'support@musadaq.jo',
|
||||
isDark: isDark,
|
||||
),
|
||||
const Divider(height: 1),
|
||||
_buildInfoTile(
|
||||
icon: Icons.description_rounded,
|
||||
title: 'سياسة الخصوصية',
|
||||
trailing: '→',
|
||||
isDark: isDark,
|
||||
onTap: () {},
|
||||
),
|
||||
]),
|
||||
const SizedBox(height: 32),
|
||||
_buildLogoutButton(),
|
||||
const SizedBox(height: 16),
|
||||
Center(
|
||||
child: TextButton(
|
||||
onPressed: () => _confirmDeleteAccount(context),
|
||||
child: const Text(
|
||||
'حذف الحساب',
|
||||
style: TextStyle(color: Colors.red, fontSize: 13, decoration: TextDecoration.underline),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 40),
|
||||
],
|
||||
)),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildProfileCard(bool isDark) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(20),
|
||||
decoration: BoxDecoration(
|
||||
gradient: const LinearGradient(
|
||||
colors: [Color(0xFF0F4C81), Color(0xFF1A6BB5)],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
),
|
||||
child: Obx(() => Row(
|
||||
children: [
|
||||
Container(
|
||||
width: 56,
|
||||
height: 56,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.2),
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
(controller.userName.value.isNotEmpty ? controller.userName.value[0] : 'م').toUpperCase(),
|
||||
style: const TextStyle(color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
controller.userName.value.isNotEmpty ? controller.userName.value : 'مستخدم مُصادَق',
|
||||
style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
controller.userPhone.value,
|
||||
style: TextStyle(color: Colors.white.withOpacity(0.7), fontSize: 13, fontFamily: 'monospace'),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xFFD4AF37).withOpacity(0.2),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: const Color(0xFFD4AF37).withOpacity(0.5)),
|
||||
),
|
||||
child: Text(
|
||||
controller.roleName,
|
||||
style: const TextStyle(color: Color(0xFFF0D060), fontSize: 11, fontWeight: FontWeight.w600),
|
||||
),
|
||||
),
|
||||
],
|
||||
)),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSectionTitle(String title, IconData icon, bool isDark) {
|
||||
return Row(
|
||||
children: [
|
||||
Icon(icon, size: 18, color: const Color(0xFF0F4C81)),
|
||||
const SizedBox(width: 8),
|
||||
Text(title, style: TextStyle(fontSize: 15, fontWeight: FontWeight.w700, color: isDark ? Colors.white70 : const Color(0xFF0F4C81))),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSettingsCard(bool isDark, List<Widget> children) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
border: Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
|
||||
),
|
||||
child: Column(children: children),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSwitchTile({
|
||||
required IconData icon,
|
||||
required String title,
|
||||
required String subtitle,
|
||||
required bool value,
|
||||
required ValueChanged<bool> onChanged,
|
||||
required bool isDark,
|
||||
}) {
|
||||
return ListTile(
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
|
||||
leading: Container(
|
||||
width: 40,
|
||||
height: 40,
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xFF0F4C81).withOpacity(0.08),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
child: Icon(icon, color: const Color(0xFF0F4C81), size: 20),
|
||||
),
|
||||
title: Text(title, style: TextStyle(fontWeight: FontWeight.w600, color: isDark ? Colors.white : Colors.black87)),
|
||||
subtitle: Text(subtitle, style: TextStyle(fontSize: 12, color: isDark ? Colors.white38 : Colors.grey)),
|
||||
trailing: Switch.adaptive(
|
||||
value: value,
|
||||
onChanged: onChanged,
|
||||
activeColor: const Color(0xFF0F4C81),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInfoTile({
|
||||
required IconData icon,
|
||||
required String title,
|
||||
required String trailing,
|
||||
required bool isDark,
|
||||
VoidCallback? onTap,
|
||||
}) {
|
||||
return ListTile(
|
||||
onTap: onTap,
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 2),
|
||||
leading: Container(
|
||||
width: 40,
|
||||
height: 40,
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xFF0F4C81).withOpacity(0.08),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
child: Icon(icon, color: const Color(0xFF0F4C81), size: 20),
|
||||
),
|
||||
title: Text(title, style: TextStyle(fontWeight: FontWeight.w600, color: isDark ? Colors.white : Colors.black87)),
|
||||
trailing: Text(trailing, style: TextStyle(fontSize: 13, color: isDark ? Colors.white38 : Colors.grey)),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildLogoutButton() {
|
||||
return SizedBox(
|
||||
width: double.infinity,
|
||||
height: 52,
|
||||
child: ElevatedButton.icon(
|
||||
onPressed: () => _confirmLogout(),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: const Color(0xFFFEE2E2),
|
||||
foregroundColor: const Color(0xFFDC2626),
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)),
|
||||
),
|
||||
icon: const Icon(Icons.logout_rounded),
|
||||
label: const Text('تسجيل الخروج', style: TextStyle(fontWeight: FontWeight.w700, fontSize: 16)),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _confirmLogout() {
|
||||
Get.defaultDialog(
|
||||
title: 'تسجيل الخروج',
|
||||
middleText: 'هل أنت متأكد من رغبتك في تسجيل الخروج؟',
|
||||
textConfirm: 'خروج',
|
||||
textCancel: 'إلغاء',
|
||||
confirmTextColor: Colors.white,
|
||||
buttonColor: const Color(0xFFDC2626),
|
||||
onConfirm: () => controller.logout(),
|
||||
titleStyle: const TextStyle(fontWeight: FontWeight.bold),
|
||||
radius: 14,
|
||||
);
|
||||
}
|
||||
|
||||
void _confirmDeleteAccount(BuildContext context) {
|
||||
Get.defaultDialog(
|
||||
title: '⚠️ حذف الحساب',
|
||||
middleText: 'سيتم حذف جميع بياناتك نهائياً. هذا الإجراء لا يمكن التراجع عنه.',
|
||||
textConfirm: 'حذف نهائي',
|
||||
textCancel: 'إلغاء',
|
||||
confirmTextColor: Colors.white,
|
||||
buttonColor: const Color(0xFFDC2626),
|
||||
onConfirm: () {
|
||||
Get.back();
|
||||
Get.snackbar('قريباً', 'سيتم تفعيل هذه الميزة قريباً');
|
||||
},
|
||||
titleStyle: const TextStyle(fontWeight: FontWeight.bold),
|
||||
radius: 14,
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user