Änderungen von Dokument Servermeldungen (SaaS)
Zuletzt geändert von MACH ProForms GmbH am 22.07.2024
Von Version 7.1
bearbeitet von MACH ProForms GmbH
am 16.07.2024
am 16.07.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf 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
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -2,34 +2,18 @@ 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 - 10 10 {{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 - 22 - </style> 23 23 <!-- Servers Status --> 24 24 <div> 25 25 <h2>Überblick Status</h2> 26 26 27 - 28 - 10 + <h3>Primärsysteme</h3> 11 + <ul class="productive-systems-list ikiss-unordered-list"></ul> 29 29 30 - 31 - 13 + <h3>Sekundärsysteme</h3> 14 + <ul class="customer-systems-list ikiss-unordered-list"></ul> 32 32 </div> 16 + 33 33 <!-- System Update --> 34 34 <div> 35 35 <h2>System-Updates</h2> ... ... @@ -43,6 +43,7 @@ 43 43 </ul> 44 44 </div> 45 45 </div> 30 + 46 46 <!-- System Maintenance --> 47 47 <div> 48 48 <h2>System-Wartung</h2> ... ... @@ -51,16 +51,14 @@ 51 51 </p> 52 52 <h3>Nächster Wartungstermin</h3> 53 53 <div> 54 - <ul> 55 - <li><strong><span id="plannedMaintenance"></span></strong></li> 56 - </ul> 39 + <ul> 40 + <li><strong><span id="plannedMaintenance"></span></strong></li> 41 + </ul> 57 57 </div> 58 58 </div> 59 59 60 60 <script type="text/javascript"> 61 - // Function to fetch data from api-status.php and update the HTML 62 62 function fetchData() { 63 -// fetch('api-status.php') // Local Call 64 64 fetch('https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger') 65 65 .then(response => response.json()) 66 66 .then(data => { ... ... @@ -69,8 +69,24 @@ 69 69 70 70 data.hostStatus.forEach(host => { 71 71 const listItem = document.createElement('li'); 72 - listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`; 73 - 55 + const statusSpan = document.createElement('span'); 56 + statusSpan.innerHTML = `<strong>${getStatusText(host.status)}</strong>`; 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 + 74 74 if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") { 75 75 productiveSystemsList.appendChild(listItem); 76 76 } else { ... ... @@ -78,10 +78,9 @@ 78 78 } 79 79 }); 80 80 81 - // Update Next Planned Update Date 82 82 const plannedUpdate = document.getElementById('plannedUpdate'); 83 83 plannedUpdate.textContent = data.plannedUpdate; 84 - // Update Next Planned Maintenance Date82 + 85 85 const plannedMaintenance = document.getElementById('plannedMaintenance'); 86 86 plannedMaintenance.textContent = data.plannedMaintenance; 87 87 }) ... ... @@ -90,13 +90,13 @@ 90 90 }); 91 91 } 92 92 93 - // Function to get the appropriate status color class91 + // Function to get the appropriate status text 94 94 function getStatusText(status) { 95 95 switch (status) { 96 96 case 'Up': 97 97 return 'Verfügbar'; 98 98 case 'Down': 99 - return 'Beeintr ächtigung';97 + return 'Beeinträchtigung'; 100 100 case 'Under Maintenance': 101 101 return 'Wartung'; 102 102 default: ... ... @@ -104,21 +104,6 @@ 104 104 } 105 105 } 106 106 107 - // Function to get the appropriate status color class 108 - function getStatusColor(status) { 109 - switch (status) { 110 - case 'Up': 111 - return 'up'; 112 - case 'Down': 113 - return 'down'; 114 - case 'Under Maintenance': 115 - return 'maintenance'; 116 - default: 117 - return ''; 118 - } 119 - } 120 - 121 - // Call fetchData when the page loads 122 122 window.addEventListener('load', fetchData); 123 123 </script> 124 124 {{/html}}