feat: Add UI button to watch NotebookLM AI Video Summary in Student Portal if ai_video_url exists for the lesson

This commit is contained in:
Hamza-Ayed
2026-08-29 02:55:07 +03:00
parent c338deea5a
commit 9a1cb3adfd
+25
View File
@@ -824,6 +824,15 @@ class StudentPortal
</div>
</div>
<!-- AI Assets Buttons Area -->
<div id="ai_assets_container" style="display: <?= !empty($activeLesson['ai_video_url']) ? 'flex' : 'none' ?>; gap: 10px; margin-top: 15px; margin-bottom: 20px;">
<?php if (!empty($activeLesson['ai_video_url'])): ?>
<a href="<?= htmlspecialchars($activeLesson['ai_video_url']) ?>" target="_blank" class="btn-primary" style="background: linear-gradient(135deg, #10B981, #059669); font-size: 13px; text-decoration: none; padding: 10px 20px;">
🎬 مشاهدة ملخص الذكاء الاصطناعي (AI Video)
</a>
<?php endif; ?>
</div>
<!-- AI Timeline Chapters Roadmap -->
<div style="margin-top: 20px; background: rgba(15, 23, 42, 0.6); border: 1px solid var(--border); border-radius: 16px; padding: 18px;">
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;">
@@ -1239,6 +1248,22 @@ class StudentPortal
badge.textContent = `الفحص السقراطي الذكي نشط (${checkpoints.length} نقاط فحص) 🧠`;
}
// Update AI Video Button
const aiAssetsContainer = document.getElementById('ai_assets_container');
if (aiAssetsContainer && les) {
if (les.ai_video_url) {
aiAssetsContainer.style.display = 'flex';
aiAssetsContainer.innerHTML = `
<a href="${les.ai_video_url}" target="_blank" class="btn-primary" style="background: linear-gradient(135deg, #10B981, #059669); font-size: 13px; text-decoration: none; padding: 10px 20px;">
🎬 مشاهدة ملخص الذكاء الاصطناعي (AI Video)
</a>
`;
} else {
aiAssetsContainer.style.display = 'none';
aiAssetsContainer.innerHTML = '';
}
}
// Render AI Timeline Chapters
const chaptersList = document.getElementById('ai_timeline_chapters_list');
if (chaptersList) {