Promotions & Marketing

Analytics Dashboard

` ${rfq.demand} ${rfq.value} ${rfq.delivery} ${rfq.destination} ${rfq.closesIn} ${rfq.marketRange} ${rfq.yourQuote} `).join(''); } // Quotes content loading function loadQuotesContent() { const tableBody = document.getElementById('quotesTableBody'); tableBody.innerHTML = supplierData.quotes.map(quote => ` ${quote.id} ${quote.rfqId} ${quote.product} ${quote.price} ${quote.position} ${quote.quantity} ${quote.submitted} ${quote.status} `).join(''); } // Inventory content loading function loadInventoryContent() { const tableBody = document.getElementById('inventoryTableBody'); tableBody.innerHTML = supplierData.inventory.map(item => ` ${item.category} ${item.price} ${item.stock} units ${item.status === 'Low Stock' ? '' : ''} ${item.performance} ${item.status} `).join(''); } // Compliance content loading function loadComplianceContent() { const detailsContainer = document.getElementById('complianceDetails'); const documentsContainer = document.getElementById('documentsContainer'); const expiriesContainer = document.getElementById('expiriesContainer'); // Compliance details detailsContainer.innerHTML = supplierData.compliance.map(item => ` `).join(''); // Documents documentsContainer.innerHTML = supplierData.compliance.map(item => ` `).join(''); // Upcoming expiries const expiringItems = supplierData.compliance.filter(item => item.color === 'amber' || item.color === 'red'); expiriesContainer.innerHTML = expiringItems.map(item => ` `).join('') || '

No upcoming expiries

'; } // Messages content loading function loadMessagesContent() { const conversationsList = document.getElementById('conversationsList'); conversationsList.innerHTML = supplierData.conversations.map(conv => ` `).join(''); } // Analytics content loading function loadAnalyticsContent() { const ctx = document.getElementById('analyticsChart'); if (ctx && !charts.analytics) { charts.analytics = new Chart(ctx, { type: 'doughnut', data: { labels: ['Won Quotes', 'Lost to Price', 'Lost to Delivery', 'Pending'], datasets: [{ data: [45, 28, 15, 12], backgroundColor: ['#10b981', '#ef4444', '#f59e0b', '#6b7280'], borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom' } } } }); } } // Settings content loading function loadSettingsContent() { const notificationSettings = document.getElementById('notificationSettings'); const settings = [ { name: 'RFQ Deadline Alerts', enabled: true }, { name: 'Outbid Notifications', enabled: true }, { name: 'Compliance Reminders', enabled: true }, { name: 'Buyer Messages', enabled: true }, { name: 'Weekly Performance Reports', enabled: false } ]; notificationSettings.innerHTML = settings.map(setting => ` `).join(''); } // Utility functions function updateCountdowns() { const countdownElements = document.querySelectorAll('.countdown-timer'); countdownElements.forEach(element => { const rfqId = element.closest('[data-rfq-id]')?.getAttribute('data-rfq-id'); if (rfqId) { const rfq = supplierData.rfqs.find(r => r.id === rfqId); if (rfq) { const remaining = Math.max(0, rfq.closesInMs - Date.now()); const hours = Math.floor(remaining / (1000 * 60 * 60)); const minutes = Math.floor((remaining % (1000 * 60 * 60)) / (1000 * 60)); element.textContent = remaining > 0 ? `${hours}h ${minutes}m` : 'Expired'; if (remaining <= 0) { element.classList.add('text-red-600'); element.textContent = 'Expired'; } } } }); } function getStatusClass(status) { const statusClasses = { 'Leading': 'bg-green-100 text-green-800', 'Outbid': 'bg-red-100 text-red-800', 'Won': 'bg-emerald-100 text-emerald-800', 'Lost': 'bg-gray-100 text-gray-800', 'Pending': 'bg-blue-100 text-blue-800' }; return statusClasses[status] || 'bg-gray-100 text-gray-800'; } function showNotification(message, type = 'success') { const notification = document.getElementById('notificationTemplate').cloneNode(true); notification.id = 'notification-' + Date.now(); notification.classList.remove('hidden'); const bgColors = { 'success': 'bg-green-500', 'error': 'bg-red-500', 'warning': 'bg-yellow-500', 'info': 'bg-blue-500' }; notification.classList.add(bgColors[type]); notification.querySelector('#notificationText').textContent = message; document.body.appendChild(notification); // Remove after 3 seconds setTimeout(() => { notification.remove(); }, 3000); } // Dashboard refresh functionality function refreshDashboard() { const spinner = document.getElementById('refreshSpinner'); spinner.classList.remove('hidden'); setTimeout(() => { spinner.classList.add('hidden'); updateLastUpdated(); updateKPIs(); populateUrgentDeadlines(); populateOutbidAlerts(); showNotification('Dashboard refreshed successfully'); }, 1000); } function updateLastUpdated() { document.getElementById('lastUpdated').textContent = 'just now'; } function startAutoRefresh() { if (autoRefreshEnabled) { autoRefreshInterval = setInterval(() => { if (currentView === 'dashboard') { updateKPIs(); updateLastUpdated(); } }, 30000); // Refresh every 30 seconds } } function toggleAutoRefresh() { autoRefreshEnabled = !autoRefreshEnabled; const statusElement = document.getElementById('autoStatus'); if (autoRefreshEnabled) { statusElement.textContent = 'ON'; statusElement.className = 'text-green-600 font-medium'; startAutoRefresh(); } else { statusElement.textContent = 'OFF'; statusElement.className = 'text-red-600 font-medium'; if (autoRefreshInterval) { clearInterval(autoRefreshInterval); } } } // Action functions function submitQuoteForRFQ(rfqId) { showNotification(`Quote submission initiated for ${rfqId}`); // Update the RFQ status const rfq = supplierData.rfqs.find(r => r.id === rfqId); if (rfq) { rfq.yourQuote = '