4064ccf516
- Fix: "missing FROM-clause entry for table q" in quiz submission query - Security: replace broken sanitizeHtml with allowlist-based sanitizer (prevents stored XSS) - Security: whitelist table names in uniqueSlug() to prevent SQL injection pattern - Security: replace raw err.message responses with generic errors in learning routes - Security: cap admin logs query LIMIT to 500 - Refactor: break 1685-line index.html into 12 lazy-loaded component files (280 lines shell) - Speed: add preconnect hints for Google Fonts and CDN - Speed: defer all script tags for faster initial paint - Speed: lazy-load tab HTML on activation (only active tab's DOM is parsed) - Update: replace HIPAA notice with institution-guidelines cautionary note
62 lines
2.9 KiB
HTML
62 lines
2.9 KiB
HTML
<div class="module-header">
|
|
<h2><i class="fas fa-graduation-cap"></i> Learning Hub</h2>
|
|
<p>Pediatric education, clinical pearls, and self-assessment quizzes</p>
|
|
</div>
|
|
|
|
<!-- Search bar -->
|
|
<div class="card" style="padding:12px 16px;">
|
|
<div style="display:flex;gap:8px;align-items:center;">
|
|
<i class="fas fa-search" style="color:var(--g400);"></i>
|
|
<input type="text" id="lh-search" class="full-input" placeholder="Search topics, subjects..." style="border:none;flex:1;">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Category pills -->
|
|
<div id="lh-categories" class="lh-category-bar"></div>
|
|
|
|
<!-- Content feed -->
|
|
<div id="lh-feed" class="lh-feed"></div>
|
|
|
|
<!-- Content viewer (hidden until item clicked) -->
|
|
<div id="lh-viewer" class="lh-viewer hidden">
|
|
<button id="lh-back" class="btn-sm btn-ghost" style="margin-bottom:12px;"><i class="fas fa-arrow-left"></i> Back to Feed</button>
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 id="lh-viewer-title"></h3>
|
|
<span id="lh-viewer-meta" style="font-size:12px;color:var(--g500);"></span>
|
|
</div>
|
|
<div id="lh-viewer-body" class="lh-content-body" style="padding:16px;"></div>
|
|
</div>
|
|
|
|
<!-- Quiz section (if content has questions) -->
|
|
<div id="lh-quiz-section" class="hidden" style="margin-top:16px;">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3><i class="fas fa-clipboard-question"></i> Quiz</h3>
|
|
<span id="lh-quiz-count" style="font-size:12px;color:var(--g500);"></span>
|
|
</div>
|
|
<div id="lh-quiz-questions" style="padding:16px;"></div>
|
|
<div style="padding:0 16px 16px;">
|
|
<button id="lh-submit-quiz" class="btn-generate"><i class="fas fa-check"></i> Submit Answers</button>
|
|
</div>
|
|
</div>
|
|
<!-- Results -->
|
|
<div id="lh-quiz-results" class="hidden" style="margin-top:12px;">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3><i class="fas fa-chart-bar"></i> Results</h3>
|
|
<span id="lh-quiz-score" class="model-tag"></span>
|
|
</div>
|
|
<div id="lh-quiz-explanations" style="padding:16px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Past attempts -->
|
|
<div id="lh-progress-section" class="hidden" style="margin-top:12px;">
|
|
<div class="card" style="padding:12px 16px;">
|
|
<h4 style="margin:0 0 8px;font-size:13px;color:var(--g600);"><i class="fas fa-history"></i> Your Past Attempts</h4>
|
|
<div id="lh-progress-list" style="font-size:13px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|