تخطَّ إلى المحتوى الرئيسي

توثيق الموديولز

مواصفات الصفحات

مواصفات صفحة بصفحة بالقالب القياسي.

مكتمل

مواصفات تكوين لكل صفحة. كل صفحة تقويم لها معالجة hero ثابتة، شبكة جسم، شريط جانبي (حيث ينطبق)، وكتلة footer. الـ <app-event-card> المشترك هو البدائي الكرتي الوحيد المستخدم عبر كل عرض قائمة — الكثافة وتأكيد الشريحة يتفاوتان، ليس المكوّن.

صفحة الهبوط (/calendar)

  • Hero: lede تحريري بفقرة واحدة + CTA "Submit an event" + "View all events". لا منتقي تاريخ — الاكتشاف مدفوع بالشريط، ليس بالاستعلام.
  • الشريط 1 — هذا الأسبوع: تمرير أفقي لفعاليات ضمن ±7 أيام. الحالة الفارغة = "No events scheduled this week. Check upcoming →" يربط لـ /calendar/events.
  • الشريط 2 — ينتهي قريباً: مواعيد ضمن 7 أيام. كل كرت يؤكّد شريحة الموعد بصبغة warning.
  • بالدولة: شبكة 16 علم. كل بلاطة تربط لـ /calendar/events/countries/:slug وتعرض عدد فعاليات حيّ.
  • بالفئة: 17 بلاطة فئة في 3 أعمدة سطح المكتب / 2 موبايل.
  • Spotlight: على الأكثر فعالية واحدة editorialPriority='spotlight' بمعالجة banner عرض كامل.
  • كتلة Footer: "Submit an event" مع pitch سطر واحد + CTA → /calendar/submit.

صفحة القائمة (/calendar/events والمتغيّرات النطاقية)

  • Hero: عنوان سطر واحد (مثلاً "All events" / "Events in Egypt" / "Demo days") + عدد النتائج + شرائح فلتر نشطة (قابلة للإزالة).
  • شريط الفلتر (يسار، sticky على سطح المكتب): تعدّد-اختيار دولة / فئة / جمهور / مرحلة / حالة / وضع (physical/online/hybrid).
  • شبكة الجسم: <app-event-card> 3 أعمدة سطح المكتب / 2 تابلت / 1 موبايل. حالة فارغة مع الفلاتر النشطة مُقتبسة.
  • لا ترقيم — scroll لانهائي. كل "صفحة" تحمّل 24 كرت. عدّاد في الأسفل يعرض "X of Y events".

صفحة التفاصيل (/calendar/events/:slug)

  • Hero: شارة حالة + إيقونة فئة + عنوان + مدينة/دولة + نطاق تاريخ بداية-نهاية + tag الوضع.
  • صفّ الفعل: CTAs ("Register" أو "Apply" — يتفاوت بالفئة) + ثانوي "Add to calendar" (تحميل ICS) + أزرار مشاركة.
  • جسم رئيسي: shortDescription → fullDescription → whyItMatters (تحريري) → جدول التواريخ الأساسية → المكان + الخريطة (حين تتواجد geo) → كرت المنظِّم.
  • شريط جانبي: إشارات cross-module — مؤسّسون مرتبطون (متحدّثون / حكّام)، شركات مرتبطة (منظّمون / عارضون)، تحرير مرتبط (مقالات معاينة)، فرص مرتبطة (مواعيد مرتبطة بفعالية)، ملفات مرتبطة (موارد مرتبطة بفعالية).
  • صفّ المصدر: sourceUrl + lastVerifiedAt + شارة verificationStatus — مرئية لكل القرّاء كإشارة شفافية.