arc/docs/COMPLETE_PAGES_RESPONSIVE_REVIEW.md
2026-04-14 19:34:55 +03:30

18 KiB
Executable file
Raw Permalink Blame History

گزارش کامل بررسی Responsive Design تمام صفحات

صفحات بهبود یافته ✅

  1. ✅ login_page.dart - بهبود یافته
  2. ✅ business/invoices_list_page.dart - بهبود یافته
  3. ✅ business/tax_workspace_page.dart - بهبود یافته
  4. ✅ business/products_page.dart - بهبود یافته
  5. ✅ business/dashboard/business_dashboard_page.dart - از قبل responsive بود
  6. ✅ profile/profile_dashboard_page.dart - از قبل responsive بود

صفحات نیازمند بررسی و بهبود

صفحات اصلی (Main Pages)

7. home_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: صفحه ساده اما باید بررسی شود

8. error_404_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: صفحه خطا - باید responsive باشد

صفحات Business (Business Pages)

9. business/new_invoice_page.dart

  • وضعیت: ⚠️ نیازمند بهبود
  • توضیحات:
    • ✅ از LayoutBuilder استفاده می‌کند (خط 1216)
    • ⚠️ breakpoint ثابت 768px دارد (باید از ResponsiveHelper استفاده کند)
    • ⚠️ ConstrainedBox با maxWidth: 1600 ثابت دارد
    • پیشنهاد: استفاده از ResponsiveHelper و responsive constraints

10. business/edit_invoice_page.dart

  • وضعیت: ⚠️ نیازمند بهبود
  • توضیحات:
    • ✅ از LayoutBuilder استفاده می‌کند (خط 443)
    • ⚠️ اما Row ها را به Column تبدیل نمی‌کند در موبایل
    • پیشنهاد: استفاده از ResponsiveHelper برای تبدیل Row به Column در موبایل

11. business/persons_page.dart

  • وضعیت: ✅ استفاده از DataTableWidget (احتمالاً responsive)
  • توضیحات: باید بررسی شود که DataTableWidget خودش responsive است

12. business/documents_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لیست اسناد

13. business/reports_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: صفحه گزارش‌ها

14. business/settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات کسب‌وکار

15. business/users_permissions_page.dart

  • وضعیت: ⚠️ نیازمند بهبود
  • توضیحات:
    • ❌ استفاده از Row های ثابت بدون responsive
    • ⚠️ فرم افزودن کاربر در Row (خط 405) - باید در موبایل Column شود
    • ⚠️ فیلدهای فرم در Row - باید responsive باشند
    • پیشنهاد: استفاده از ResponsiveHelper و LayoutBuilder

16. business/accounts_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لیست حساب‌ها

17. business/bank_accounts_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: حساب‌های بانکی

18. business/wallet_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: کیف پول

19. business/checks_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لیست چک‌ها

20. business/check_form_page.dart

  • وضعیت: ⚠️ نیازمند بهبود
  • توضیحات:
    • ❌ Dialog با width: 600 ثابت (خط 294)
    • ⚠️ Row های ثابت برای فیلدها (خطوط 338, 368, 394, 420, 451)
    • ⚠️ در موبایل باید Column شود
    • پیشنهاد: استفاده از ResponsiveHelper.getDialogConstraints و تبدیل Row به Column

21. business/check_reconciliation_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تطبیق چک‌ها

22. business/receipts_payments_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: دریافت/پرداخت

23. business/receipts_payments_list_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لیست دریافت/پرداخت

24. business/expense_income_page.dart

  • وضعیت: ⚠️ نیازمند بهبود
  • توضیحات:
    • ❌ Row ثابت در header (خط 62) - SegmentedButton و فیلدها در یک Row
    • ⚠️ Row با دو Expanded برای پنل‌ها (خط 114) - در موبایل باید Column شود
    • ⚠️ فیلدهای تاریخ و ارز با width ثابت 220 (خطوط 77, 88)
    • پیشنهاد: استفاده از ResponsiveHelper و LayoutBuilder

25. business/expense_income_list_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لیست هزینه/درآمد

26. business/transfers_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: حواله‌ها

27. business/warehouses_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: انبارها

28. business/price_lists_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لیست قیمت‌ها

29. business/price_list_items_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: اقلام لیست قیمت

30. business/product_attributes_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: ویژگی‌های محصول

31. business/installment_plans_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: طرح‌های اقساطی

32. business/installments_report_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: گزارش اقساط

33. business/kardex_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: کاردکس

34. business/opening_balance_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: مانده ابتدای دوره

35. business/business_info_settings_page.dart

  • وضعیت: ⚠️ نیازمند بهبود
  • توضیحات:
    • ❌ Row های ثابت برای فیلدها (خطوط 360, 373, 386, 399, 411)
    • ⚠️ در موبایل باید Column شود
    • پیشنهاد: استفاده از ResponsiveHelper و LayoutBuilder

36. business/tax_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات مالیاتی

37. business/document_numbering_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات شماره‌گذاری اسناد

38. business/print_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات چاپ

39. business/credit_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات اعتباری

40. business/storage_files_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: فایل‌های ذخیره‌سازی

41. business/storage_file_manager_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: مدیریت فایل‌ها

42. business/document_monetization_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: درآمدزایی از اسناد

43. business/report_templates_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: قالب‌های گزارش

44. business/journal_ledger_report_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: گزارش دفتر روزنامه

45. business/ai_subscription_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: اشتراک AI

46. business/ai_usage_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: استفاده از AI

47. business/plugin_marketplace_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: بازار افزونه‌ها

48. business/marketplace_invoices_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: فاکتورهای بازار

49. business/cash_registers_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: صندوق‌ها

50. business/petty_cash_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: صندوق تنخواه

51. business/invoice_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: نمایش فاکتور

52. business/wallet_payment_result_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: نتیجه پرداخت کیف پول

53-70. صفحات گزارش‌ها (Report Pages)

  • وضعیت: 🔍 نیازمند بررسی
  • شامل:
    • account_review_report_page.dart
    • bank_accounts_turnover_report_page.dart
    • cash_petty_turnover_report_page.dart
    • creditors_report_page.dart
    • daily_purchases_report_page.dart
    • daily_sales_report_page.dart
    • debtors_report_page.dart
    • general_ledger_report_page.dart
    • inventory_kardex_report_page.dart
    • item_movements_report_page.dart
    • materials_consumption_report_page.dart
    • monthly_sales_report_page.dart
    • people_transactions_report_page.dart
    • pnl_cumulative_report_page.dart
    • pnl_period_report_page.dart
    • production_report_page.dart
    • sales_by_product_report_page.dart
    • top_customers_report_page.dart
    • top_suppliers_report_page.dart
    • trial_balance_report_page.dart

71-72. صفحات Backup

  • وضعیت: 🔍 نیازمند بررسی
  • شامل:
    • backup/backup_page.dart
    • backup/restore_page.dart

صفحات Profile

73. profile/new_business_page.dart

  • وضعیت: ⚠️ نیازمند بهبود
  • توضیحات:
    • ✅ از MediaQuery برای تشخیص موبایل استفاده می‌کند (خط 254)
    • ✅ از LayoutBuilder استفاده می‌کند (خطوط 930, 1118, 1325)
    • ⚠️ breakpoint ثابت 768px دارد (باید از ResponsiveHelper استفاده کند)
    • پیشنهاد: جایگزینی با ResponsiveHelper

74. profile/businesses_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لیست کسب‌وکارها

75. profile/user_signature_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: امضای کاربر

76. profile/change_password_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تغییر رمز عبور

77. profile/support_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: پشتیبانی

78. profile/create_ticket_page.dart

  • وضعیت: ⚠️ نیازمند بهبود
  • توضیحات:
    • ✅ از MediaQuery برای تشخیص desktop استفاده می‌کند (خط 173)
    • ⚠️ Dialog با maxWidth: 600 ثابت برای desktop
    • ⚠️ Row های ثابت در فرم (خطوط 202, 344, 347)
    • پیشنهاد: استفاده از ResponsiveHelper و تبدیل Row به Column در موبایل

79. profile/marketing_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: بازاریابی

80. profile/announcements_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: اعلان‌ها

81. profile/user_notifications_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: اعلان‌های کاربر

82. profile/notifications_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات اعلان‌ها

83. profile/notification_templates_admin_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: قالب‌های اعلان

84. profile/operator/operator_tickets_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تیکت‌های اپراتور

صفحات Admin

85. admin/user_management_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: مدیریت کاربران

86. admin/system_configuration_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات سیستم

87. admin/system_logs_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لاگ‌های سیستم

88. admin/email_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات ایمیل

89. admin/announcements_admin_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: مدیریت اعلان‌ها

90. admin/businesses_list_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لیست کسب‌وکارها

91. admin/storage_management_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: مدیریت ذخیره‌سازی

92. admin/storage_plans_admin_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: پلن‌های ذخیره‌سازی

93. admin/document_monetization_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: درآمدزایی از اسناد
  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات لینک اشتراک

95. admin/wallet_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات کیف پول

96. admin/payment_gateways_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: درگاه‌های پرداخت

97. admin/ai_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات AI

98. admin/ai_plans_admin_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: پلن‌های AI

99. admin/ai_prompts_admin_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: پرامپت‌های AI

100. admin/tax_product_codes_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: کدهای مالیاتی محصولات

101. admin/file_storage_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات ذخیره‌سازی فایل

صفحات Warehouse

102. warehouse/warehouse_docs_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: اسناد انبار

103. warehouse/warehouse_document_details_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: جزئیات سند انبار

104. warehouse/stock_report_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: گزارش موجودی

صفحات Public

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: لینک اشتراک عمومی

صفحات System

106. system_settings_page.dart

  • وضعیت: 🔍 نیازمند بررسی
  • توضیحات: تنظیمات سیستم

صفحات Test

107. test/expense_income_test_page.dart

  • وضعیت: ⚠️ احتمالاً نیازمند بهبود نیست (صفحه تست)
  • توضیحات: صفحه تست

اولویت‌بندی بهبودها

اولویت بالا 🔴 (صفحات پرکاربرد و فرم‌های پیچیده)

  1. business/new_invoice_page.dart - فرم پیچیده فاکتور
  2. business/edit_invoice_page.dart - فرم ویرایش فاکتور
  3. business/users_permissions_page.dart - صفحه پیچیده دسترسی‌ها
  4. business/check_form_page.dart - فرم چک
  5. business/expense_income_page.dart - فرم هزینه/درآمد
  6. business/business_info_settings_page.dart - فرم تنظیمات
  7. profile/new_business_page.dart - فرم ایجاد کسب‌وکار
  8. profile/create_ticket_page.dart - فرم ایجاد تیکت

اولویت متوسط 🟡 (صفحات لیست و گزارش)

  1. business/documents_page.dart
  2. business/receipts_payments_list_page.dart
  3. business/expense_income_list_page.dart
  4. business/accounts_page.dart
  5. business/bank_accounts_page.dart
  6. business/wallet_page.dart
  7. business/checks_page.dart
  8. business/warehouses_page.dart
  9. business/price_lists_page.dart
  10. business/reports_page.dart
  11. تمام صفحات گزارش (report pages)

اولویت پایین 🟢 (صفحات ساده یا کم استفاده)

  1. home_page.dart
  2. error_404_page.dart
  3. صفحات تنظیمات (settings pages)
  4. صفحات admin (به جز user_management)
  5. صفحات warehouse
  6. صفحات public

نکات مهم

  1. صفحات استفاده‌کننده از DataTableWidget: این صفحات احتمالاً responsive هستند چون DataTableWidget باید خودش responsive باشد. اما باید بررسی شود.

  2. صفحات فرم: تمام صفحات فرم نیازمند بررسی دقیق‌تر هستند چون معمولاً فیلدهای زیادی دارند.

  3. صفحات گزارش: این صفحات معمولاً جدول‌های بزرگ دارند و باید responsive باشند.

  4. صفحات Dialog: باید بررسی شود که Dialog ها در موبایل fullscreen می‌شوند یا نه.


مراحل بعدی

  1. بررسی صفحات با اولویت بالا
  2. بررسی DataTableWidget برای اطمینان از responsive بودن
  3. بررسی صفحات فرم برای responsive layout
  4. بررسی Dialog ها و BottomSheet ها
  5. تست روی دستگاه‌های مختلف