Änderungen von Dokument Servermeldungen (SaaS)
Zuletzt geändert von MACH ProForms GmbH am 22.07.2024
Von 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
Auf Version 4.1
bearbeitet von MACH ProForms GmbH
am 03.07.2024
am 03.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,28 @@ 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 + 17 + </style> 6 6 <!-- Servers Status --> 7 7 <div> 8 8 <h2>Überblick Status</h2> 9 9 10 - <h3>Primärsysteme</h3> 11 - <ul class="productive-systems-list ikiss-unordered-list"></ul> 22 + <h3>Primärsysteme</h3> 23 + <ul class="productive-systems-list ikiss-unordered-list"></ul> 12 12 13 - <h3>Sekundärsysteme</h3> 14 - <ul class="customer-systems-list ikiss-unordered-list"></ul> 25 + <h3>Sekundärsysteme</h3> 26 + <ul class="customer-systems-list ikiss-unordered-list"></ul> 15 15 </div> 16 - 17 17 <!-- System Update --> 18 18 <div> 19 19 <h2>System-Updates</h2> ... ... @@ -27,7 +27,6 @@ 27 27 </ul> 28 28 </div> 29 29 </div> 30 - 31 31 <!-- System Maintenance --> 32 32 <div> 33 33 <h2>System-Wartung</h2> ... ... @@ -36,15 +36,16 @@ 36 36 </p> 37 37 <h3>Nächster Wartungstermin</h3> 38 38 <div> 39 - 40 - 41 - 49 + <ul> 50 + <li><strong><span id="plannedMaintenance"></span></strong></li> 51 + </ul> 42 42 </div> 43 43 </div> 44 44 45 45 <script type="text/javascript"> 56 + // Function to fetch data from api-status.php and update the HTML 46 46 function fetchData() { 47 - fetch(' https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger')58 + fetch('api-status.php') 48 48 .then(response => response.json()) 49 49 .then(data => { 50 50 const productiveSystemsList = document.querySelector('.productive-systems-list'); ... ... @@ -52,24 +52,8 @@ 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>`; 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 - 66 + listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`; 67 + 73 73 if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") { 74 74 productiveSystemsList.appendChild(listItem); 75 75 } else { ... ... @@ -77,9 +77,10 @@ 77 77 } 78 78 }); 79 79 75 + // Update Next Planned Update Date 80 80 const plannedUpdate = document.getElementById('plannedUpdate'); 81 81 plannedUpdate.textContent = data.plannedUpdate; 82 - 78 + // Update Next Planned Maintenance Date 83 83 const plannedMaintenance = document.getElementById('plannedMaintenance'); 84 84 plannedMaintenance.textContent = data.plannedMaintenance; 85 85 }) ... ... @@ -88,13 +88,13 @@ 88 88 }); 89 89 } 90 90 91 - // Function to get the appropriate status text87 + // Function to get the appropriate status color class 92 92 function getStatusText(status) { 93 93 switch (status) { 94 94 case 'Up': 95 95 return 'Verfügbar'; 96 96 case 'Down': 97 - return 'Beeintr ächtigung';93 + return 'Beeinträchtigung'; 98 98 case 'Under Maintenance': 99 99 return 'Wartung'; 100 100 default: ... ... @@ -102,6 +102,21 @@ 102 102 } 103 103 } 104 104 101 + // Function to get the appropriate status color class 102 + function getStatusColor(status) { 103 + switch (status) { 104 + case 'Up': 105 + return 'up'; 106 + case 'Down': 107 + return 'down'; 108 + case 'Under Maintenance': 109 + return 'maintenance'; 110 + default: 111 + return ''; 112 + } 113 + } 114 + 115 + // Call fetchData when the page loads 105 105 window.addEventListener('load', fetchData); 106 106 </script> 107 107 {{/html}} ... ... @@ -109,3 +109,6 @@ 109 109 = Kontakt = 110 110 111 111 Bei Fragen oder Hilfestellungen zu unseren Diensten können Sie uns über den [[MACH ProForms Support>>doc:Main.10_Hilfe.WebHome]] erreichen. 123 + 124 + 125 +