Änderungen von Dokument Servermeldungen (SaaS)
Zuletzt geändert von MACH ProForms GmbH am 22.07.2024
Von Version 17.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 18.1
bearbeitet von MACH ProForms GmbH
am 22.07.2024
am 22.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
-
... ... @@ -3,17 +3,6 @@ 3 3 Hier finden unsere SaaS-Kunden und Benutzer eine dynamische Anzeige der Uptime der Services und die geplanten Wartungsintervalle. 4 4 5 5 {{html}} 6 - <style> 7 - .status-up { 8 - color: rgb(3, 133, 3); /* Green text color for "UP" status */ 9 - } 10 - .status-down { 11 - color: rgb(187, 9, 9); /* Red text color for "DOWN" status */ 12 - } 13 - .status-maintenance { 14 - color: gold; /* Gold text color for "Under Maintenance" status */ 15 - } 16 - </style> 17 17 <!-- Servers Status --> 18 18 <div> 19 19 <h2>Überblick Status</h2> ... ... @@ -63,8 +63,24 @@ 63 63 64 64 data.hostStatus.forEach(host => { 65 65 const listItem = document.createElement('li'); 66 - listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`; 55 + const statusSpan = document.createElement('span'); 56 + statusSpan.innerHTML = `<strong>${getStatusText(host.status)}</strong>`; 67 67 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 + 68 68 if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") { 69 69 productiveSystemsList.appendChild(listItem); 70 70 } else { ... ... @@ -97,20 +97,6 @@ 97 97 } 98 98 } 99 99 100 - // Function to get the appropriate status color class 101 - function getStatusColor(status) { 102 - switch (status) { 103 - case 'Up': 104 - return 'up'; 105 - case 'Down': 106 - return 'down'; 107 - case 'Under Maintenance': 108 - return 'maintenance'; 109 - default: 110 - return ''; 111 - } 112 - } 113 - 114 114 window.addEventListener('load', fetchData); 115 115 </script> 116 116 {{/html}}