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

486 lines
18 KiB
Markdown
Executable file
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# گزارش کامل بررسی 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**
- وضعیت: 🔍 نیازمند بررسی
- توضیحات: درآمدزایی از اسناد
#### 94. **admin/share_link_settings_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
#### 105. **public/public_person_share_link_page.dart**
- وضعیت: 🔍 نیازمند بررسی
- توضیحات: لینک اشتراک عمومی
---
### صفحات 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** - فرم ایجاد تیکت
### اولویت متوسط 🟡 (صفحات لیست و گزارش)
9. **business/documents_page.dart**
10. **business/receipts_payments_list_page.dart**
11. **business/expense_income_list_page.dart**
12. **business/accounts_page.dart**
13. **business/bank_accounts_page.dart**
14. **business/wallet_page.dart**
15. **business/checks_page.dart**
16. **business/warehouses_page.dart**
17. **business/price_lists_page.dart**
18. **business/reports_page.dart**
19. تمام صفحات گزارش (report pages)
### اولویت پایین 🟢 (صفحات ساده یا کم استفاده)
20. **home_page.dart**
21. **error_404_page.dart**
22. صفحات تنظیمات (settings pages)
23. صفحات admin (به جز user_management)
24. صفحات warehouse
25. صفحات public
---
## نکات مهم
1. **صفحات استفاده‌کننده از DataTableWidget**: این صفحات احتمالاً responsive هستند چون DataTableWidget باید خودش responsive باشد. اما باید بررسی شود.
2. **صفحات فرم**: تمام صفحات فرم نیازمند بررسی دقیق‌تر هستند چون معمولاً فیلدهای زیادی دارند.
3. **صفحات گزارش**: این صفحات معمولاً جدول‌های بزرگ دارند و باید responsive باشند.
4. **صفحات Dialog**: باید بررسی شود که Dialog ها در موبایل fullscreen می‌شوند یا نه.
---
## مراحل بعدی
1. بررسی صفحات با اولویت بالا
2. بررسی DataTableWidget برای اطمینان از responsive بودن
3. بررسی صفحات فرم برای responsive layout
4. بررسی Dialog ها و BottomSheet ها
5. تست روی دستگاه‌های مختلف