الهوية والألوان
لوحة الألوان الرسمية للمنصة مستخرجة من الموك آب المعتمد. تُستخدم جميعها عبر متغيّرات CSS (Design Tokens) لضمان الاتساق. لكل لون أساسي تدرّجات مشتقة للحالات (تمرير / ضغط / معطّل).
/* الاستخدام عبر المتغيّرات */
.btn--primary { background: var(--primary); }
.card { background: var(--card); border-radius: 14px; }
التايبوغرافي
خط واحد في كامل المنصة: IBM Plex Sans Arabic (أوزان 400 / 500 / 600 / 700). ارتفاع السطر لا يقل عن 1.7 للنصوص. الأرقام الإحصائية تستخدم أرقاماً جدولية (tabular-nums) لمحاذاة الأعمدة.
إدارة مرافق إسكان الحجاج
لوحة تحكم المفتش الميداني
تقرير الامتثال لحي العزيزية
قائمة المرافق المرخصة موسمياً
بيانات المالك والتواصل
.num { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }
.stat-xl { font-size: 44px; font-weight: 700; }
الشارات والحالات
مفردات الحالة الموحّدة في كل البوابات. تُستخدم بنفس المسميات والألوان بلا استثناء لتجنّب أي تناقض بين الشاشات.
.pill.pill--accepted /* مقبول */
.pill.pill--review /* قيد المراجعة */
.pill.pill--rejected /* غير مقبول */
بطاقات الإحصائيات
البطاقة القياسية للمؤشرات: عنوان بأيقونة في المنتصف + رقم كبير + سطر مقارنة، كلها متمركزة. وتتوفر نسخة بحالة ملوّنة (أخضر/كهرماني/أحمر) لمراحل المسار.
أشرطة التقدم والحلقات
أشرطة خطية وحلقات دائرية لنسب الجاهزية والامتثال. اللون يتبع الحالة: أخضر ≥ 85٪، كهرماني 60–84٪، أحمر أقل من 60٪. مع نجوم التقييم الكهرمانية.
.ring { background: conic-gradient(var(--rc) calc(var(--p)*3.6deg), var(--ring-track) 0); }
/* --p = النسبة · --rc = لون الحالة · --hole = سماكة الحلقة */
الجداول
الجدول القياسي بترقيم صفحات حقيقي (10 صفوف/صفحة) وعدّاد نتائج وبحث فوري وشريط امتثال داخل الخلية. جرّب البحث والتنقّل بين الصفحات وتحديد الصفوف.
| رقم الرخصة | المرفق | الحي | التصنيف | الأسرّة | الامتثال | الحالة | إجراءات | |
|---|---|---|---|---|---|---|---|---|
| LIC-2219 | برج الساعة بلازا | الحرم المكي | 5 | 1,200 | ممتثل | |||
| LIC-6605 | أبراج مكة الملكية | الحرم المكي | 5 | 1,500 | ممتثل | |||
| LIC-3120 | فندق دار التوحيد | الحرم المكي | 5 | 900 | ممتثل | |||
| LIC-1176 | فندق المسفلة جراند | المسفلة | 4 | 610 | ممتثل | |||
| LIC-5471 | فندق النخيل | أجياد | 4 | 520 | ممتثل | |||
| LIC-2044 | نزل السلام | المسفلة | - | 160 | جزئي | |||
| LIC-8834 | فندق قريش | أجياد | 4 | 450 | جزئي | |||
| LIC-9002 | نزل أجياد الحرم | أجياد | 3 | 310 | جزئي | |||
| LIC-9917 | شقق الزمزم | المسفلة | - | 280 | جزئي | |||
| LIC-7788 | فندق العزيزية بلازا | العزيزية | 3 | 240 | جزئي | |||
| LIC-5290 | دار الرحمة | العزيزية | 3 | 200 | جزئي | |||
| LIC-4782 | نزل الأمل | العزيزية | - | 120 | مخالف | |||
| LIC-8321 | نزل الفجر | المعابدة | - | 90 | مخالف | |||
| - بلا رخصة | مبنى الشبيكة 7 | الشبيكة | - | 70 | غير مرخص | |||
| LIC-1088 | دار المعابدة | المعابدة | - | 140 | مخالف |
| المتطلب | الحالة | الأولوية | آخر تحديث | الإجراء |
|---|---|---|---|---|
تقرير سلامة معتمد من الدفاع المدني | قيد التنفيذ | عالية | 20 مايو 2025 | |
مخطط الإخلاء معتمد | مكتمل | عالية | 18 مايو 2025 | |
أنظمة الإنذار والحريق | قيد التنفيذ | عالية | 17 مايو 2025 | |
طفايات الحريق وصيانتها | مكتمل | متوسطة | 10 مايو 2025 | |
إنارة الطوارئ | غير مطابق | عالية | 19 مايو 2025 | |
لوحات الإرشاد والسلامة | مكتمل | منخفضة | 12 مايو 2025 | |
تدريب العاملين على السلامة | قيد التنفيذ | متوسطة | 16 مايو 2025 | |
فحص السلامة الإنشائية الدوري | لم يبدأ | متوسطة | - |
لا توجد نتائج مطابقة
لم نعثر على أي مرفق يطابق عوامل التصفية الحالية. جرّب توسيع نطاق البحث أو مسح عوامل التصفية.
النماذج
حقول الإدخال بكل حالاتها. رسائل الخطأ محددة بدقة وتظهر أسفل الحقل الناقص. القوائم المنسدلة معبأة بخيارات حقيقية. اضغط «تحقّق» لرؤية التحقق الحي، وجرّب رفع ملف.
التبويبات
تبويبات رئيسية أفقية، وتبويبات فرعية (Pills)، وتبويبات نموذج العقار الخمسة مع مؤشر إكمال لكل تبويب. كلها تعمل - جرّب التنقّل.
المكونات المركبة
مكوّنات جاهزة تجمع العناصر الأساسية: بطاقة العقار، المحادثات، الإشعارات، الأكورديون، النوافذ المنبثقة، مسار الخطوات وغيرها.
مخطط Pipeline
مسار الترخيص كمكوّن قابل لإعادة الاستخدام - دوائر ملوّنة متصلة تمثّل مراحل الطلبات من التقديم حتى الترخيص الجاهز.
الخريطة التخطيطية
خريطة امتثال أحياء مكة المكرمة مبنية بالكامل بـ HTML/CSS (بدون مكتبات خارجية). حجم كل بلوك يعكس عدد المرافق، ولونه يعكس نسبة الامتثال. انقر أي حي لعرض تفاصيله.
القائمة الجانبية والهيدر
هيكل البوابة الكامل: القائمة الجانبية الداكنة على اليمين (شعار مهاد، عناصر بأيقونات، مجموعات قابلة للطي، شارات عدّاد، بطاقة المستخدم، تسجيل الخروج) والهيدر العلوي (أيقونات الإشعارات والرسائل والمساعدة، شارة الموسم، منتقي المنشأة). كل العناصر تعمل - جرّب الطي والتنقل.
تُعرض هنا شاشات كل دور: لوحة التحكم، العقارات، التفتيش، التراخيص، التقارير…