حنين أوربت قالب لوحة تحكم عربي مجاني من حنين ويب، مصمم ليكون أساسًا مرنًا لواجهات إدارة المتاجر والعملاء والمشاريع والمحتوى ومنصات الخدمات. تجمع النسخة العربية اتجاه RTL وخطًا عربيًا محليًا وألوانًا متناسقة، مع ملفات مستقلة لا تحتاج إلى النسخة الإنجليزية.
اقرأ الدليل الكامل المصور للوحة · انتقل إلى النسخة الإنجليزية المستقلة
ما الذي تحصل عليه؟
- ٣٢ صفحة جاهزة، مع ملفات HTML وCSS وJavaScript محلية.
- مكتبة مكونات ونماذج قابلة لإعادة الاستخدام، مع أمثلة HTML قابلة للفتح.
- واجهة متجاوبة ووضع فاتح وداكن ولونان أساسيان وخيار لكثافة المسافات.
- المصدر المشروح، ودليل الاستخدام والتخصيص، وأدوات البناء والفحص والمعاينة.
- نسخة 1.0.0 مع تراخيص الخطوط وشروط الاستخدام المجاني.
المشاريع وتفاصيل العمل
تظهر المشاريع كبطاقات تحتوي على الاسم والتصنيف والحالة والتقدم والفريق. يمكن إضافة مشروع وتعديل بياناته وفتح تفاصيله والبحث عنه. حفظ التجربة محلي في المتصفح عندما يسمح بالتخزين، ويمكن استعادة البيانات الأصلية من الإعدادات.
لوحة المهام بأسلوب Kanban
تُوزع المهام على مراحل واضحة، ويمكن نقلها بالسحب أو باختيار الحالة من القائمة. يوفر الاختيار بديلًا مناسبًا للهاتف ولوحة المفاتيح. استخدم الهيكل لإدارة مهام فريق أو متابعة طلبات عمل، ثم أضف صلاحيات الأعضاء والمزامنة في نظامك الخلفي.
الطلبات: بحث وتصفية وتصدير
يتضمن جدول الطلبات البحث والتصفية بالحالة والترتيب وتحديد الصفوف والتنقل بين الصفحات. يمكن تصدير النتائج إلى CSV للاستخدام خارج الواجهة. يعالج البحث النص ككلمات حرفية، وتوجد حالة واضحة عند عدم العثور على نتائج.
أزرار متعددة للاستخدامات اليومية
توجد أزرار أساسية وثانوية ومحددة وملونة، بأحجام وأشكال مختلفة، إضافة إلى المجموعات وأزرار الأيقونات والتلميحات وقائمة الإجراءات وحالة التحميل. يمكن فتح مثال HTML لقراءة نفس الكود المستخدم في العنصر المعروض.
حقول نماذج متنوعة
تشمل الحقول النص والبريد والهاتف والرابط والأرقام، والاختيار العادي والمتعدد والاختيار القابل للبحث، ومربعات الاختيار والمفاتيح. توجد حقول للتاريخ والوقت واللون والمدى، ومجموعات إدخال وعدّاد نص وإظهار كلمة المرور. اختيار الملفات يعرض الأسماء والأحجام فقط، ولا يرفعها إلى خادم.
نموذج متدرج من ثلاث خطوات
يقسم النموذج الإعداد إلى بيانات المستخدم ومساحة العمل ثم المراجعة. يتم التحقق قبل الانتقال للخطوة التالية، ويمكن الرجوع مع الاحتفاظ بالقيم. يصلح هذا النمط لبداية الاشتراك أو إعداد مشروع أو جمع طلب متعدد الأجزاء، دون إنشاء حساب فعلي في التجربة.
رسوم بيانية مع بيانات نصية
تضم مكتبة الرسوم أمثلة خطية ومساحية وأعمدة وحلقية، إضافة إلى الرسوم المصغرة في المؤشرات. الرسوم أصلية بصيغة SVG، ويمكن قراءة القيم في جداول نصية مرافقة. لا تحتاج إلى تثبيت مكتبة رسوم خارجية لتشغيل الأمثلة المرفقة.
محرر محتوى ومعاينة آمنة
يسمح المحرر بكتابة نص مع عناوين وقوائم ونص عريض ومائل وكود قصير، ومعاينته وتنزيله كملف نصي. يعرض HTML كنص ولا ينفذه. هذا جزء بسيط من Markdown، مناسب لأمثلة المحتوى، وليس محرر HTML بصريًا كاملًا أو نظام نشر مقالات متصلًا بخادم.
المظهر والإعدادات
يمكن تبديل الوضع الفاتح والداكن أو اتباع مظهر النظام، واختيار اللون الأساسي وكثافة المسافات. توجد بيانات ملف شخصي وتفضيلات توضيحية وخيار لإعادة ضبط التجربة. لا تؤدي مفاتيح إشعارات المثال إلى إرسال بريد فعلي.
جميع الصفحات داخل الحزمة
النظرة العامة، التحليلات، المشاريع، المهام، الطلبات، العملاء، الفواتير، التقويم، الرسائل، المكونات، النماذج، الإعدادات، الملف الشخصي، صفحة البداية، التوثيق، الأزرار، البطاقات، حقول النماذج، النموذج المتدرج، التحقق، تنسيقات الجداول، الرسوم، الأيقونات، الخط الزمني، الأسئلة، الأسعار، المحرر، التخطيطات، تسجيل الدخول، إنشاء الحساب، استعادة كلمة المرور، وصفحة 404.
التشغيل والتخصيص
- نزّل الحزمة وافك الضغط، ثم افتح
index.html. - راجع
START-HERE.txtوصفحةdocumentation.html. - عدّل المصدر داخل
source/src؛ الألوان والمسافات في متغيرات التصميم، والنصوص في ملفات اللغة. - لإعادة البناء استخدم Node.js 20 أو أحدث، ثم شغّل
npm run buildوnpm run checkمن مجلدsource. لا تحتاج إلى تثبيت حزم npm.
نطاق القالب والترخيص
هذا قالب واجهات تفاعلية ببيانات توضيحية محلية. لا يتضمن قاعدة بيانات أو نظام حسابات فعليًا أو مدفوعات أو إرسال بريد أو مزامنة فريق أو معالجة رفع ملفات. يتطلب التطبيق الفعلي ربط الخلفية البرمجية والصلاحيات والتحقق على الخادم. قد تعمل التغييرات في ذاكرة الصفحة فقط داخل معاينة المتجر المعزولة.
يسمح الترخيص بالاستخدام والتعديل في المشاريع النهائية الشخصية والتجارية. لا يجوز إعادة بيع الملفات الأصلية أو إعادة توزيعها أو نشرها باعتبارها قالبًا خاصًا بك. الخطوط تحتفظ بتراخيصها المرفقة. راجع الترخيص والدليل وتقرير المقارنة داخل الحزمة.
