function updateDeploymentStatus() { // Update network card if (deploymentState.network) { const networkCard = document.querySelector('.STC-Portal-deployment-card:nth-child(1)'); if (networkCard) { const networkStatus = networkCard.querySelector('.STC-Portal-card-status'); const networkBtn = networkCard.querySelector('.STC-Portal-deploy-btn'); if (networkStatus) { networkStatus.innerHTML = 'Deployed Successfully'; } if (networkBtn) { networkBtn.textContent = 'Reconfigure'; networkBtn.style.background = '#107c10'; } } // Enable dependent services const gatewayBtn = document.querySelector('.STC-Portal-deployment-card:nth-child(2) .STC-Portal-deploy-btn'); const vmBtn = document.querySelector('.STC-Portal-deployment-card:nth-child(3) .STC-Portal-deploy-btn'); if (gatewayBtn) gatewayBtn.disabled = false; if (vmBtn) vmBtn.disabled = false; const gatewayStatus = document.querySelector('.STC-Portal-deployment-card:nth-child(2) .STC-Portal-card-status'); const vmStatus = document.querySelector('.STC-Portal-deployment-card:nth-child(3) .STC-Portal-card-status'); if (gatewayStatus) { gatewayStatus.innerHTML = 'Ready to Deploy'; } if (vmStatus) { vmStatus.innerHTML = 'Ready to Deploy'; } } // Update gateway card if (deploymentState.gateway) { const gatewayCard = document.querySelector('.STC-Portal-deployment-card:nth-child(2)'); if (gatewayCard) { const gatewayStatus = gatewayCard.querySelector('.STC-Portal-card-status'); const gatewayBtn = gatewayCard.querySelector('.STC-Portal-deploy-btn'); if (gatewayStatus) { gatewayStatus.innerHTML = 'Deployed Successfully'; } if (gatewayBtn) { gatewayBtn.textContent = 'Reconfigure'; gatewayBtn.style.background = '#107c10'; } } } // Update VMs card if (deploymentState.vms) { const vmCard = document.querySelector('.STC-Portal-deployment-card:nth-child(3)'); if (vmCard) { const vmStatus = vmCard.querySelector('.STC-Portal-card-status'); const vmBtn = vmCard.querySelector('.STC-Portal-deploy-btn'); if (vmStatus) { vmStatus.innerHTML = 'Deployed Successfully'; } if (vmBtn) { vmBtn.textContent = 'Reconfigure'; vmBtn.style.background = '#107c10'; } } } } function generateSummary() { const summaryContent = document.getElementById('summary-content'); if (summaryContent && deploymentState.network && deploymentState.gateway && deploymentState.vms) { summaryContent.innerHTML = ` `; } } // Initialize document.addEventListener('DOMContentLoaded', function() { // Load saved theme const savedTheme = safeGetItem('STC-Portal-theme'); const toggleBtn = document.querySelector('.STC-Portal-theme-toggle'); const body = document.getElementById('STC-Portal-main-body'); if (savedTheme === 'light' && body && toggleBtn) { body.classList.add('STC-Portal-light-theme'); toggleBtn.innerHTML = '🌙 Dark Mode'; } // Initialize with overview section showSection('overview'); });