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 '' +
'' +
'
';
}