Erreichbarkeit und Wartung der Services

Hier finden unsere SaaS-Kunden und Benutzer eine dynamische Anzeige der Uptime der Services und die geplanten Wartungsintervalle.

        .status-up {
            color: rgb(3, 133, 3); /* Green text color for "UP" status */
        }
        .status-down {
            color: rgb(187, 9, 9); /* Red text color for "DOWN" status */
        }
        .status-maintenance {
            color: gold; /* Gold text color for "Under Maintenance" status */
        }

    

    // Function to fetch data from api-status.php and update the HTML
    function fetchData() {
        fetch('api-status.php')
            .then(response => response.json())
            .then(data => {
                const productiveSystemsList = document.querySelector('.productive-systems-list');
                const customerSystemsList = document.querySelector('.customer-systems-list');

                data.hostStatus.forEach(host => {
                    const listItem = document.createElement('li');
                    listItem.innerHTML = `${host.host}: ${getStatusText(host.status)}`;

                    if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
                        productiveSystemsList.appendChild(listItem);
                    } else {
                        customerSystemsList.appendChild(listItem);
                    }
                });

                // Update Next Planned Update Date
                const plannedUpdate = document.getElementById('plannedUpdate');
                plannedUpdate.textContent = data.plannedUpdate;
                 // Update Next Planned Maintenance Date
                const plannedMaintenance = document.getElementById('plannedMaintenance');
                plannedMaintenance.textContent = data.plannedMaintenance;
            })
            .catch(error => {
                console.error('Error fetching data:', error);
            });
    }

    // Function to get the appropriate status color class
    function getStatusText(status) {
        switch (status) {
            case 'Up':
                return 'Verfügbar';
            case 'Down':
                return 'Beeinträchtigung';
            case 'Under Maintenance':
                return 'Wartung';
            default:
                return '';
        }
    }

    // Function to get the appropriate status color class
    function getStatusColor(status) {
        switch (status) {
            case 'Up':
                return 'up';
            case 'Down':
                return 'down';
            case 'Under Maintenance':
                return 'maintenance';
            default:
                return '';
        }
    }

    // Call fetchData when the page loads
    window.addEventListener('load', fetchData);