Änderungen von Dokument Servermeldungen (SaaS)
Zuletzt geändert von MACH ProForms GmbH am 22.07.2024
Von Version 19.1
bearbeitet von MACH ProForms GmbH
am 22.07.2024
am 22.07.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf Version 11.1
bearbeitet von MACH ProForms GmbH
am 16.07.2024
am 16.07.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -2,7 +2,23 @@ 2 2 3 3 Hier finden unsere SaaS-Kunden und Benutzer eine dynamische Anzeige der Uptime der Services und die geplanten Wartungsintervalle. 4 4 5 +(% class="box infomessage" %) 6 +((( 7 +Der Service befindet sich derzeit im Wartungsmodus. Wir bitte um Ihr Verständnis und wir arbeiten mit Hochdruck an der Fertigstellung. 8 +))) 9 + 5 5 {{html}} 11 +<style> 12 + .status-up { 13 + color: rgb(3, 133, 3); /* Green text color for "UP" status */ 14 + } 15 + .status-down { 16 + color: rgb(187, 9, 9); /* Red text color for "DOWN" status */ 17 + } 18 + .status-maintenance { 19 + color: gold; /* Gold text color for "Under Maintenance" status */ 20 + } 21 +</style> 6 6 <!-- Servers Status --> 7 7 <div> 8 8 <h2>Überblick Status</h2> ... ... @@ -45,31 +45,22 @@ 45 45 <script type="text/javascript"> 46 46 function fetchData() { 47 47 fetch('https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger') 48 - .then(response => response.json()) 64 + .then(response => { 65 + if (!response.ok) { 66 + throw new Error('Network response was not ok ' + response.statusText); 67 + } 68 + return response.json(); 69 + }) 49 49 .then(data => { 71 + console.log('Data fetched successfully:', data); // Log the fetched data 72 + 50 50 const productiveSystemsList = document.querySelector('.productive-systems-list'); 51 51 const customerSystemsList = document.querySelector('.customer-systems-list'); 52 52 53 53 data.hostStatus.forEach(host => { 54 54 const listItem = document.createElement('li'); 55 - const statusSpan = document.createElement('span'); 56 - statusSpan.innerHTML = `<strong>${getStatusText(host.status)}</strong>`; 78 + listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`; 57 57 58 - switch (host.status) { 59 - case 'Up': 60 - statusSpan.style.color = 'rgb(3, 133, 3)'; 61 - break; 62 - case 'Down': 63 - statusSpan.style.color = 'rgb(187, 9, 9)'; 64 - break; 65 - case 'Under Maintenance': 66 - statusSpan.style.color = 'gold'; 67 - break; 68 - } 69 - 70 - listItem.innerHTML = `<span class="host-name">${host.host}:</span> `; 71 - listItem.appendChild(statusSpan); 72 - 73 73 if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") { 74 74 productiveSystemsList.appendChild(listItem); 75 75 } else { ... ... @@ -84,7 +84,7 @@ 84 84 plannedMaintenance.textContent = data.plannedMaintenance; 85 85 }) 86 86 .catch(error => { 87 - console.error('Error fetching data:', error); 94 + console.error('Error fetching data:', error); // Improved error logging 88 88 }); 89 89 } 90 90 ... ... @@ -102,6 +102,20 @@ 102 102 } 103 103 } 104 104 112 + // Function to get the appropriate status color class 113 + function getStatusColor(status) { 114 + switch (status) { 115 + case 'Up': 116 + return 'up'; 117 + case 'Down': 118 + return 'down'; 119 + case 'Under Maintenance': 120 + return 'maintenance'; 121 + default: 122 + return ''; 123 + } 124 + } 125 + 105 105 window.addEventListener('load', fetchData); 106 106 </script> 107 107 {{/html}}