riyadhafraa
4a3305ba07
Replit-Commit-Author: Agent Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 7629a54c-a648-4057-b56d-1f6617787ef9 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/nFy3UZm Replit-Helium-Checkpoint-Created: true
125 lines
3.9 KiB
Plaintext
125 lines
3.9 KiB
Plaintext
ممتاز، لكن نحتاج إصلاحات نهائية في PDF:
|
|
|
|
1. المسافات ضيقة جداً
|
|
- زِد padding داخل الخلايا.
|
|
- زِد line-height للنصوص.
|
|
- اجعل الجدول مريح للقراءة.
|
|
- لا تجعل النص ملاصق للخلايا.
|
|
|
|
CSS:
|
|
th, td {
|
|
padding: 10px 12px;
|
|
line-height: 1.8;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.attendees-inline {
|
|
gap: 6px 18px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
2. العنوان واللوقو
|
|
- العنوان "قائمة بأسماء حضور الاجتماعات" يجب أن يكون أعلى الصفحة وليس أسفلها.
|
|
- أضف اللوقو أعلى الصفحة إذا كان موجوداً في إعدادات النظام.
|
|
- إذا لا يوجد لوقو في الإعدادات، لا تترك مساحة فارغة.
|
|
|
|
المطلوب:
|
|
PDF header في الأعلى يحتوي:
|
|
- اللوقو يمين أو يسار حسب تصميم النظام
|
|
- العنوان في المنتصف أو يمين حسب النموذج
|
|
- ثم الجدول تحته
|
|
|
|
3. عكس ألوان النظام في PDF
|
|
حالياً ألوان الخط والصفوف لا تنعكس.
|
|
المطلوب أن PDF يستخدم نفس إعدادات النظام القابلة للتعديل:
|
|
- لون الخط العام
|
|
- لون عنوان الجدول
|
|
- لون خلفية الهيدر
|
|
- لون حدود الجدول
|
|
- لون الصف المحدد أو الصف المميز
|
|
- لون الخلفية إذا كان المستخدم محددها
|
|
|
|
مهم:
|
|
لا تستخدم ألوان ثابتة hardcoded داخل CSS.
|
|
استخدم CSS variables أو إعدادات theme من النظام.
|
|
|
|
مثال:
|
|
:root {
|
|
--pdf-font-color: var(--system-text-color);
|
|
--pdf-header-bg: var(--system-header-bg);
|
|
--pdf-header-color: var(--system-header-text);
|
|
--pdf-border-color: var(--system-border-color);
|
|
--pdf-selected-row-bg: var(--system-selected-row-bg);
|
|
}
|
|
|
|
.pdf-table {
|
|
color: var(--pdf-font-color);
|
|
}
|
|
|
|
.pdf-table th {
|
|
background: var(--pdf-header-bg);
|
|
color: var(--pdf-header-color);
|
|
border-color: var(--pdf-border-color);
|
|
}
|
|
|
|
.pdf-table td {
|
|
border-color: var(--pdf-border-color);
|
|
}
|
|
|
|
.pdf-table tr.selected-row td {
|
|
background: var(--pdf-selected-row-bg);
|
|
}
|
|
|
|
4. موضوع دمج الخلايا
|
|
أنا سأستخدم دمج في النظام.
|
|
المطلوب أن PDF يعكس الدمج مثل النظام تماماً.
|
|
|
|
إذا كان في النظام:
|
|
- دمج صفوف
|
|
- دمج أعمدة
|
|
- دمج خلايا للحضور أو الوقت
|
|
|
|
يجب أن ينعكس في PDF باستخدام:
|
|
- colspan
|
|
- rowspan
|
|
|
|
مثال:
|
|
<td colspan="2">نص مدمج</td>
|
|
<td rowspan="2">وقت مشترك</td>
|
|
|
|
ممنوع:
|
|
- تجاهل الدمج عند الطباعة
|
|
- تحويل الدمج إلى نص عادي
|
|
- كسر الجدول بسبب الدمج
|
|
|
|
5. ألوان الصفوف المحددة
|
|
إذا المستخدم اختار لون صف معين داخل النظام، يجب أن يظهر نفس اللون في PDF.
|
|
مثال:
|
|
- صف اجتماع محدد بلون أصفر
|
|
- صف مهم بلون رمادي
|
|
- صف مميز بلون أزرق فاتح
|
|
|
|
يجب حفظ اللون مع بيانات الصف، ثم استخدامه في PDF:
|
|
<tr style="background-color: row.backgroundColor">
|
|
|
|
6. الخط
|
|
استمر باستخدام:
|
|
DIN Next LT Arabic
|
|
|
|
ويجب أن يكون مطبق على:
|
|
- العنوان
|
|
- الجدول
|
|
- الحضور
|
|
- الوقت
|
|
- الفوتر
|
|
|
|
7. المطلوب النهائي
|
|
قبل توليد PDF:
|
|
- اقرأ إعدادات الثيم من النظام
|
|
- اقرأ اللوقو من إعدادات النظام
|
|
- اقرأ ألوان الصفوف المحددة
|
|
- اقرأ إعدادات الدمج
|
|
- طبّقها كلها داخل HTML الخاص بالطباعة
|
|
|
|
لا أريد PDF بتصميم ثابت.
|
|
أريد PDF يعكس إعدادات النظام فعلياً. |