No items currently available for purchase.
';
return;
}
// Sort items
sortItems(availableItems, currentSort.column, currentSort.direction);
// Build table HTML with scrollable wrapper
let html = `
${quest.description}
💰 ${quest.gold.toLocaleString()} gp
⭐ ${quest.xp.toLocaleString()} XP
⏱ Duration: ${quest.duration}w
⏰ Expires: ${expiresIn}w
📍 ${quest.location}
${repChangesHtml ? `
Reputation (on success): ${repChangesHtml}
` : ''}
`;
});
board.innerHTML = html;
}
function renderQuestHistory() {
const container = document.getElementById('quest-history');
if (!container) return;
if (!questHistory || questHistory.length === 0) {
container.innerHTML = 'No completed quests yet.
';
return;
}
// Sort by completion time (newest first)
const sortedHistory = [...questHistory].sort((a, b) => b.completed_at - a.completed_at);
let html = '';
sortedHistory.forEach(quest => {
const colorClass = quest.faction.toLowerCase();
const statusClass = quest.success ? 'success' : 'failure';
const statusIcon = quest.success ? '✓' : '✗';
const statusText = quest.success ? 'Success' : 'Failed';
html += `
${quest.description}
💰 ${quest.gold.toLocaleString()} gp
⭐ ${quest.xp.toLocaleString()} XP
⏱ ${quest.duration}w
📍 ${quest.location}
`;
});
container.innerHTML = html;
}
// Real-time Database Listeners
let campaignData = null;
let questHistory = [];
function setupRealtimeListeners() {
// Listen to campaign state
db.collection('campaign').doc('state').onSnapshot((doc) => {
if (doc.exists) {
campaignData = doc.data();
updatePublicUI();
}
});
// Listen to quests
db.collection('campaign').doc('quests').onSnapshot((doc) => {
if (doc.exists && campaignData) {
campaignData.active_quests = doc.data().quests || [];
updatePublicUI();
}
});
// Listen to quest history
db.collection('campaign').doc('history').onSnapshot((doc) => {
if (doc.exists) {
questHistory = doc.data().completed_quests || [];
renderQuestHistory();
}
});
// Listen to magic item market
db.collection('campaign').doc('market').onSnapshot((doc) => {
if (doc.exists) {
marketData = doc.data();
if (campaignData) {
renderMarket(marketData, campaignData.reputation);
}
}
});
}
function updatePublicUI() {
if (!campaignData) return;
// Update week display
const weekElement = document.getElementById('week-display');
if (weekElement) weekElement.textContent = `Week ${campaignData.current_time}`;
// Update reputation table
renderReputationTable(campaignData.reputation, 'rep-table');
// Update quest board
renderQuestBoard(campaignData.active_quests, campaignData.current_time);
// Update market (reputation changes affect prices and availability)
if (marketData) {
renderMarket(marketData, campaignData.reputation);
}
}
// Initialize on page load
document.addEventListener('DOMContentLoaded', () => {
setupRealtimeListeners();
});