frontendPlayer/CHANGES.md

تغییرات اعمال شده - پنل مدیریتی مدرسین

خلاصه تغییرات

1. صفحه لاگین (Login Page)

✅ طراحی مجدد کامل

• صفحه به دو نیمه تقسیم شد (Split Screen Layout)
• سمت راست: تصویر نمایشی با گرادیانت صورتی
• سمت چپ: پس‌زمینه تیره با گرادیانت
• باکس لاگین به صورت Overlay با سایه قوی در وسط صفحه
• انیمیشن Fade-in برای باکس لاگین
• سایه‌های عمیق و جزئیات بصری بهبود یافته

2. پشتیبانی از RTL و فارسی

✅ پیکربندی کامل RTL

• اضافه شدن flutter_localizations
• تنظیم locale به fa_IR
• منوی کناری (Sidebar) به سمت راست منتقل شد
• تمام متن‌ها و چیدمان‌ها به صورت راست‌چین

3. منوی موبایل

✅ پیاده‌سازی Drawer

• دکمه منو در حالت موبایل فعال است
• Drawer از سمت راست باز می‌شود (endDrawer)
• محتوای منو در Desktop و Mobile یکسان است

4. انیمیشن‌ها و جلوه‌های بصری

✅ انیمیشن‌های پیشرفته

صفحه لاگین:

• Fade-in animation برای باکس لاگین
• سایه‌های قوی و عمیق
• افکت elevation روی دکمه ورود

صفحه داشبورد:

• Staggered Animation برای کارت‌ها (ورود پله‌ای)
• Hover Effects روی کارت‌ها:
  • Scale effect (بزرگ‌نمایی 2%)
  • تغییر رنگ و ضخامت border
  • افزایش سایه و blur
• Hover Effects روی منوی کناری:
  • تغییر رنگ پس‌زمینه
  • اضافه شدن سایه
  • انیمیشن روان 200ms

سایر بهبودها:

• سایه‌های ریز روی Header
• Elevation روی دکمه‌ها
• انیمیشن Fade برای نمودار

5. جزئیات بصری

✅ بهبودهای UI/UX

• سایه‌های چندلایه با opacity مختلف
• Border radius یکپارچه
• رنگ‌بندی هماهنگ با تصاویر
• فاصله‌گذاری بهینه
• Responsive design کامل

فایل‌های تغییر یافته

1. lib/main.dart - اضافه شدن RTL و localization
2. lib/presentation/pages/login_page.dart - طراحی مجدد کامل
3. lib/presentation/pages/dashboard_page.dart - RTL، Drawer، و انیمیشن‌ها
4. lib/presentation/widgets/dashboard_card.dart - Hover effects
5. lib/presentation/widgets/sidebar_menu_item.dart - Hover effects
6. pubspec.yaml - اضافه شدن flutter_localizations

نحوه اجرا

flutter pub get
flutter run -d chrome  # برای وب
flutter run            # برای موبایل/دسکتاپ

تنظیمات Debug Mode

در فایل lib/core/config/app_config.dart:

• isDebug = true → استفاده از داده‌های Mock
• isDebug = false → ارسال درخواست به سرور واقعی

نکات مهم

• تمام انیمیشن‌ها با AnimationController و Tween پیاده‌سازی شده‌اند
• Hover effects فقط در Desktop کار می‌کنند (MouseRegion)
• در موبایل، کارت‌ها به صورت عمودی چیده می‌شوند
• Drawer در موبایل از سمت راست باز می‌شود