🚀 مولد نظام PDF الأوتوماتيكي

مولد نظام PDF الأوتوماتيكي - WordPress * { font-family: 'Tajawal', sans-serif; } .gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .card-shadow { box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .code-block { direction: ltr; text-align: left; background: #1e293b; border-radius: 12px; overflow-x: auto; font-family: 'Courier New', monospace; } .drag-over { border-color: #8b5cf6 !important; background: #f3e8ff !important; } .exam-card { transition: all 0.3s; } .exam-card:hover { transform: translateY(-2px); } .pulse-btn { animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(139, 92, 246, 0); } } 🚀 مولد نظام PDF الأوتوماتيكي أضف الفروض مرة واحدة - النظام يولد كل شيء تلقائياً! 1 ⚙️ الإعدادات العامة (مرة واحدة فقط) 🌐 رابط موقعك ↩️ رابط صفحة العودة 📁 مسار مجلد PDF (اختياري) 💡 إذا كانت كل ملفاتك في نفس المجلد، النظام سيكمل الرابط تلقائياً 2 📝 أضف الفروض ➕ إضافة فرض جديد عنوان الفرض * اسم ملف PDF * الوصف (اختياري) ➕ إضافة الفرض 📋 إضافة دفعة (عدة فروض) 📋 إضافة عدة فروض دفعة واحدة اكتب كل فرض في سطر بالتنسيق: العنوان | اسم الملف | الوصف ✅ إضافة الكل إلغاء 📭 لم تضف أي فروض بعد ابدأ بإضافة فرض أعلاه 3 🎨 اختر التصميم وولّد الكود 🎴 بطاقات ملونة 📊 جدول منظم 📝 قائمة بسيطة 🎨 نظام الألوان ⚡ توليد الكود الجاهز 👁️ معاينة النتيجة 📄 كود HTML (للصق في صفحة الفروض) 📋 نسخ ⚙️ ملف template-view-pdf.php 📋 نسخ 📁 احفظ هذا الملف في: wp-content/themes/قالبك/template-view-pdf.php ثم أنشئ صفحة باسم view-pdf واختر قالب "PDF Viewer" 📋 خطوات التطبيق السريعة: 1️⃣ أضف الفروض أعلاه 2️⃣ اضغط "توليد الكود" 3️⃣ انسخ والصق في WordPress 4️⃣ انتهى! 🎉 تم بنجاح! // Exams data let exams = []; // Colors for multi-color theme const colors = { blue: { bg: '#eff6ff', btn: 'linear-gradient(135deg, #3b82f6, #2563eb)', text: '#1e40af' }, green: { bg: '#f0fdf4', btn: 'linear-gradient(135deg, #22c55e, #16a34a)', text: '#166534' }, purple: { bg: '#faf5ff', btn: 'linear-gradient(135deg, #a855f7, #9333ea)', text: '#7e22ce' }, orange: { bg: '#fff7ed', btn: 'linear-gradient(135deg, #f97316, #ea580c)', text: '#c2410c' }, multi: [ { bg: '#eff6ff', btn: 'linear-gradient(135deg, #3b82f6, #2563eb)', text: '#1e40af' }, { bg: '#f0fdf4', btn: 'linear-gradient(135deg, #22c55e, #16a34a)', text: '#166534' }, { bg: '#faf5ff', btn: 'linear-gradient(135deg, #a855f7, #9333ea)', text: '#7e22ce' }, { bg: '#fff7ed', btn: 'linear-gradient(135deg, #f97316, #ea580c)', text: '#c2410c' }, { bg: '#fdf2f8', btn: 'linear-gradient(135deg, #ec4899, #db2777)', text: '#be185d' } ] }; // Add single exam function addExam() { const title = document.getElementById('examTitle').value.trim(); const file = document.getElementById('examFile').value.trim(); const desc = document.getElementById('examDesc').value.trim(); if (!title || !file) { showToast('❌ الرجاء إدخال العنوان واسم الملف', 'error'); return; } exams.push({ title, file, desc }); renderExams(); // Clear inputs document.getElementById('examTitle').value = ''; document.getElementById('examFile').value = ''; document.getElementById('examDesc').value = ''; showToast('✅ تمت إضافة الفرض'); } // Add multiple exams function addMultipleExams() { document.getElementById('batchModal').classList.remove('hidden'); } function closeBatchModal() { document.getElementById('batchModal').classList.add('hidden'); } function processBatch() { const input = document.getElementById('batchInput').value.trim(); if (!input) return; const lines = input.split('\n'); let added = 0; lines.forEach(line => { const parts = line.split('|').map(p => p.trim()); if (parts.length >= 2) { exams.push({ title: parts[0], file: parts[1], desc: parts[2] || '' }); added++; } }); renderExams(); closeBatchModal(); document.getElementById('batchInput').value = ''; showToast(`✅ تمت إضافة ${added} فروض`); } // Render exams list function renderExams() { const list = document.getElementById('examsList'); const empty = document.getElementById('emptyState'); if (exams.length === 0) { list.innerHTML = ''; empty.classList.remove('hidden'); return; } empty.classList.add('hidden'); list.innerHTML = exams.map((exam, i) => ` ${i + 1} ${exam.title} ${exam.file} ${exam.desc ? '• ' + exam.desc : ''} 🗑️ `).join(''); } // Remove exam function removeExam(index) { exams.splice(index, 1); renderExams(); showToast('🗑️ تم حذف الفرض'); } // Generate code function generateCode() { if (exams.length === 0) { showToast('❌ أضف فروضاً أولاً', 'error'); return; } const siteUrl = document.getElementById('siteUrl').value.trim().replace(/\/$/, ''); const backUrl = document.getElementById('backUrl').value.trim(); const pdfFolder = document.getElementById('pdfFolder').value.trim(); const design = document.querySelector('input[name="design"]:checked').value; const colorScheme = document.querySelector('input[name="color"]:checked').value; // Generate HTML based on design let html = ''; let previewHtml = ''; if (design === 'cards') { html = generateCardsDesign(siteUrl, backUrl, pdfFolder, colorScheme); } else if (design === 'table') { html = generateTableDesign(siteUrl, backUrl, pdfFolder, colorScheme); } else { html = generateSimpleDesign(siteUrl, backUrl, pdfFolder, colorScheme); } // Set generated code document.getElementById('htmlCode').textContent = html; document.getElementById('phpCode').textContent = generatePhpTemplate(); // Generate preview document.getElementById('preview').innerHTML = html; // Show generated section document.getElementById('generatedSection').classList.remove('hidden'); document.getElementById('generatedSection').scrollIntoView({ behavior: 'smooth' }); showToast('⚡ تم توليد الكود بنجاح!'); } // Generate cards design function generateCardsDesign(siteUrl, backUrl, pdfFolder, colorScheme) { return exams.map((exam, i) => { const color = colorScheme === 'multi' ? colors.multi[i % colors.multi.length] : colors[colorScheme]; const fileUrl = exam.file.startsWith('http') ? exam.file : siteUrl + pdfFolder + exam.file; const encodedTitle = encodeURIComponent(exam.title); const encodedFile = encodeURIComponent(fileUrl); const encodedBack = encodeURIComponent(backUrl); return ` 📄 ${exam.title} ${exam.desc ? `${exam.desc}` : ''} 👁️ مشاهدة الفرض `; }).join('\n\n'); } // Generate table design function generateTableDesign(siteUrl, backUrl, pdfFolder, colorScheme) { const color = colorScheme === 'multi' ? colors.blue : colors[colorScheme]; let rows = exams.map((exam, i) => { const fileUrl = exam.file.startsWith('http') ? exam.file : siteUrl + pdfFolder + exam.file; const encodedTitle = encodeURIComponent(exam.title); const encodedFile = encodeURIComponent(fileUrl); const encodedBack = encodeURIComponent(backUrl); const rowColor = colorScheme === 'multi' ? colors.multi[i % colors.multi.length] : color; return ` ${i + 1} ${exam.title} ${exam.desc ? `${exam.desc}` : ''} 👁️ مشاهدة `; }).join('\n'); return ` # الفرض الإجراء ${rows} `; } // Generate simple design function generateSimpleDesign(siteUrl, backUrl, pdfFolder, colorScheme) { const color = colorScheme === 'multi' ? colors.blue : colors[colorScheme]; return ` ${exams.map((exam, i) => { const fileUrl = exam.file.startsWith('http') ? exam.file : siteUrl + pdfFolder + exam.file; const encodedTitle = encodeURIComponent(exam.title); const encodedFile = encodeURIComponent(fileUrl); const encodedBack = encodeURIComponent(backUrl); const itemColor = colorScheme === 'multi' ? colors.multi[i % colors.multi.length] : color; return ` 📄 ${exam.title} ${exam.desc ? `- ${exam.desc}` : ''} 👁️ مشاهدة `; }).join('\n')} `; } // Generate PHP template function generatePhpTemplate() { return ` - * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Tajawal', sans-serif; } body { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 1200px; margin: 0 auto; } .header { background: white; border-radius: 16px; padding: 20px; margin-bottom: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .title { font-size: 1.5rem; font-weight: 700; color: #1f2937; margin-bottom: 15px; } .buttons { display: flex; flex-wrap: wrap; gap: 10px; } .btn { padding: 12px 24px; border-radius: 10px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; font-size: 16px; } .btn-download { background: linear-gradient(135deg, #10b981, #059669); color: white; } .btn-back { background: linear-gradient(135deg, #6366f1, #4f46e5); color: white; } .btn:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(0,0,0,0.2); } .pdf-container { background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .pdf-frame { width: 100%; height: calc(100vh - 200px); min-height: 500px; border: none; } @media (max-width: 768px) { body { padding: 10px; } .title { font-size: 1.1rem; } .pdf-frame { height: calc(100vh - 250px); min-height: 400px; } .btn { padding: 10px 16px; font-size: 14px; } } 📄

⚙️ الإعدادات العامة (مرة واحدة فقط)

📝 أضف الفروض

➕ إضافة فرض جديد

📋 إضافة عدة فروض دفعة واحدة

🎨 اختر التصميم وولّد الكود

👁️ معاينة النتيجة

📄 كود HTML (للصق في صفحة الفروض)

⚙️ ملف template-view-pdf.php

📋 خطوات التطبيق السريعة:

ملخص دروس الثلاثي الثاني في الرياضيات - الثامنة أساسي

تقييم وحدات اللغة العربية سنة خامسة ابتدائي

مقالات ذات صلة

(بدون عنوان)

(بدون عنوان)

(بدون عنوان)

(بدون عنوان)

اترك تعليقاً إلغاء الرد