تطبيق ويب ثابت (Static Web App بدون أي خطوات بناء أو حزم) لتحرير بيانات بطاقة سائق عربية/إنجليزية (RTL) وتصديرها كملف PDF جاهز للطباعة.
- حقول قابلة للتحرير مباشرة على البطاقة، مع مزامنة تلقائية للنسخ المكررة (
data-sync). - حفظ تلقائي في
localStorage— تُستعاد المدخلات عند إعادة فتح الصفحة. - تنسيق الاسم على سطرين عند التصدير: السطر الأول حتى 60 حرفاً والسطر الثاني حتى 40، دون قطع الكلمات.
- استبدال الباركود: توليد رمز QR من رابط (مكتبة QRious) أو رفع صورة باركود محلية، مع إمكانية إعادة التعيين.
- معاينة الطباعة: عرض الشكل النهائي بلا خلفيات الحقول وعناصر الواجهة.
- تصدير PDF عبر html2pdf.js مع تسمية الملف تلقائياً من اسم السائق ورقم البطاقة.
index.html الصفحة الرئيسية (بنية HTML فقط)
css/
card.css كل التنسيقات بما فيها أوضاع pdf-capture و preview-mode
js/
main.js نقطة الدخول — يهيّئ الوحدات ويربط الأزرار
utils/
text.js أدوات نصية مشتركة (قراءة/كتابة الحقول، تطبيع الاسم، تنظيف أسماء الملفات)
modules/
fields-sync.js مزامنة الحقول المكررة (data-sync) وتنسيق الاسم على سطرين
storage.js الحفظ التلقائي في localStorage (حفظ/استعادة/مسح)
barcode.js استبدال الباركود: QR من رابط (QRious) أو صورة محلية
pdf.js توليد PDF عبر html2pdf وتسمية الملف وربط الأزرار
preview.js وضع معاينة الطباعة
assets/
background.png خلفية البطاقة (كانت مضمّنة كـ base64 داخل HTML)
- افتح الصفحة عبر خادم ملفات محلي (مطلوب لوحدات ES)، مثال:
python3 -m http.server 8000ثم افتحhttp://localhost:8000/index.html - لتبديل خلفية البطاقة: استبدل ملف
assets/background.png. - الحقول قابلة للتحرير ومتزامنة بين النسخ المكررة، وتُحفظ تلقائياً في المتصفح.
- «معاينة الطباعة» تعرض الشكل النهائي بلا خلفيات حقول، و«تحميل PDF» ينسّق الاسم على سطرين (الأول حتى 60 حرفاً بدون قطع كلمات، والثاني حتى 40).
تُحمَّل مباشرة من CDN دون أي مدير حزم:
- html2pdf.js 0.10.1 — توليد PDF (html2canvas + jsPDF)
- QRious 4.0.2 — توليد رموز QR
متصفح حديث يدعم ES Modules و<dialog> وlocalStorage. لا حاجة إلى Node.js أو أي أداة بناء.
متاح للاستخدام والتعديل بحرية.