import { esc } from './sanitize.js'; export function renderCategoryPills(categories) { var html = ''; (categories || []).forEach(function(c) { html += ''; }); return html; } export function renderFeed(items, feedEl) { if (!feedEl) return; if (!items || items.length === 0) { feedEl.innerHTML = '
' + '' + 'No content yet. Check back soon!' + '
'; return; } feedEl.innerHTML = items.map(renderFeedItem).join(''); } export function renderSearchHeader(count, query) { return '
' + '' + (count > 0 ? '' + count + ' result' + (count !== 1 ? 's' : '') + ' for "' + esc(query) + '"' : 'No results for "' + esc(query) + '"') + '' + '' + '
'; } export function renderEmptySearchMessage() { return '
' + '' + 'Try different keywords or browse by category' + '
'; } function renderFeedItem(item) { var typeIcon = item.content_type === 'quiz' ? 'fa-clipboard-question' : item.content_type === 'pearl' ? 'fa-gem' : item.content_type === 'presentation' ? 'fa-presentation-screen' : 'fa-file-alt'; var typeColor = item.content_type === 'quiz' ? 'var(--amber)' : item.content_type === 'pearl' ? 'var(--purple, #8b5cf6)' : item.content_type === 'presentation' ? '#065f46' : 'var(--blue)'; var quizBadge = item.question_count > 0 ? ' ' + item.question_count + ' Q' : ''; var catBadge = item.category_name ? '' + esc(item.category_name) + '' : 'Uncategorized'; var date = item.created_at ? new Date(item.created_at).toLocaleDateString() : ''; return '
' + '
' + '' + '
' + '
' + esc(item.title) + '
' + '
' + (item.subject ? '' + esc(item.subject) + '' : '') + (item.author_name ? 'by ' + esc(item.author_name) + '' : '') + '' + date + '' + '
' + '
' + '
' + catBadge + quizBadge + '
' + '
' + '
'; }