إنتقل إلى المحتوى الرئيسي

التنقل وهيكل الواجهة ومبدل المدارس

لقطة شاشة من النظام: main-navigation-layout

الهدف​

فهم مكونات واجهة Skool.Cool بعد تسجيل الدخول، والتنقل بكفاءة بين الأقسام، واستخدام الشريط العلوي ومبدل المدارس لتغيير سياق العمل.

المكونات الأساسية للواجهة​

تتكوّن الواجهة من شريط علوي، وقائمة جانبية مقسّمة إلى مجموعات، ومنطقة المحتوى الرئيسية.

1. الشريط العلوي (Topbar)​

  • شريط البحث / لوحة الأوامر: مكتوب فيه [Search schools, pages, registrants…] ويفتح لوحة الأوامر السريعة بالضغط على Ctrl+K للوصول لأي مدرسة أو صفحة أو مسجَّل.
  • مبدّل المدارس [School Switcher]: قائمة منسدلة تحدد المدرسة الحالية التي تُعرض بياناتها (تشمل خيار «All schools» لأصحاب الصلاحية على أكثر من مدرسة).
  • جرس التنبيهات [Notifications]: يعرض التنبيهات اللحظية (تسجيلات جديدة، تحديثات مالية، تقارير استيراد).
  • زر المظهر: للتبديل بين الوضع الفاتح والداكن.
  • أيقونة الحساب وتغيير كلمة المرور وزر الخروج [Log out].

2. القائمة الجانبية (Sidebar) — مقسّمة إلى مجموعات​

تظهر العناصر بحسب صلاحياتك (ما لا تملك صلاحيته لا يظهر). المجموعات:

  • HOME
    • Operations (العمليات): الصفحة الرئيسية التشغيلية — «ما الذي يحتاج انتباهك اليوم».
    • Search (بحث): بحث موحّد عبر النظام.
  • OPERATE (التشغيل)
    • Schools (المدارس) · Activities (الأنشطة) · Registrations (التسجيلات) · Attendance (الحضور) · Imports (الاستيراد). (Waiting list قريباً.)
  • PEOPLE (الأشخاص)
    • Parents (أولياء الأمور) · Students (الطلاب) · Trainers (المدربون) · Admins (المسؤولون) · Find registrant (البحث عن مسجَّل).
  • INSIGHTS (التحليلات)
    • Dashboard (لوحة الإحصائيات). (Revenue و Reports قريباً.)
  • SYSTEM (النظام)
    • Roles & permissions (الأدوار والصلاحيات). (Notifications و Settings قريباً.)
ملاحظة

تأكيد الدفع لم يعد عنصراً مستقلاً في القائمة — إجراءات الدفع (تأكيد نقدي / تحويل لإلكتروني) تتم من داخل شاشة التسجيلات على كل تسجيل. راجع باب «المدفوعات».

صفحة العمليات الرئيسية (Operations Home)​

أول ما تدخل، تفتح لك صفحة Operations — لوحة تشغيلية تلخّص «ما الذي يحتاج انتباهك» للمدرسة الحالية:

  • عدّاد علوي بإجمالي العناصر التي تحتاج إجراءً (مثال: «79 عنصراً يحتاج انتباهك»).
  • بطاقات الفرز (Triage cards) مع زر إجراء مباشر لكل منها:
    • Pending review — تسجيلات بانتظار قرارك.
    • Awaiting payment — معتمدة لكن غير مدفوعة (قد تُلغى تلقائياً).
    • Attendance to mark — حصص بانتظار التحضير.
    • Over-capacity — أنشطة تجاوزت سعتها.
    • Waiting list — مسجَّلون بانتظار مقعد.
  • التنبيهات التشغيلية (Operational alerts) — قائمة بالأهم أولاً (مدة التأخير + نوع التنبيه)، والتحليلات التفصيلية في قسم Insights.

مبدّل المدارس العالمي [School Switcher]​

منصة Skool.Cool تخدم عدة مدارس في آن واحد (Multi-tenancy)، والمبدّل هو ما يحدد سياق العمل:

  • عند اختيار مدرسة، يحدّث النظام المدرسة النشطة ويحفظ اختيارك محلياً (localStorage) ويعيد توجيهك لعرض بيانات الفرع المختار.
  • إذا كان حسابك على مدرسة واحدة فقط، يكون المبدّل مغلقاً (disabled).
  • أصحاب الصلاحية على أكثر من مدرسة يجدون خيار «All schools» الذي يفتح نظرة شاملة على كل المدارس.

التنبيهات الفورية وحالة الاتصال (SignalR)​

تعتمد المنصة على SignalR لتوصيل التنبيهات فور حدوثها:

  • نقطة حمراء فوق الجرس عند ورود طلب تسجيل جديد أو تحديث مالي.
  • عند ضعف الشبكة تتحول الأيقونة لوضع إعادة الاتصال، ويستعيد النظام الاتصال تلقائياً دون إعادة تحميل الصفحة حتى لا تفوتك تنبيهات.