Ä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 9.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,18 +2,34 @@ 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 + 22 + </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> 27 + <h3>Primärsysteme</h3> 28 + <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> 30 + <h3>Sekundärsysteme</h3> 31 + <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,9 +36,9 @@ 36 36 </p> 37 37 <h3>Nächster Wartungstermin</h3> 38 38 <div> 39 - 40 - 41 - 54 + <ul> 55 + <li><strong><span id="plannedMaintenance"></span></strong></li> 56 + </ul> 42 42 </div> 43 43 </div> 44 44 ... ... @@ -49,27 +49,9 @@ 49 49 .then(data => { 50 50 const productiveSystemsList = document.querySelector('.productive-systems-list'); 51 51 const customerSystemsList = document.querySelector('.customer-systems-list'); 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 - 69 + listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`; 73 73 if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") { 74 74 productiveSystemsList.appendChild(listItem); 75 75 } else { ... ... @@ -76,10 +76,8 @@ 76 76 customerSystemsList.appendChild(listItem); 77 77 } 78 78 }); 79 - 80 80 const plannedUpdate = document.getElementById('plannedUpdate'); 81 81 plannedUpdate.textContent = data.plannedUpdate; 82 - 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 text86 + // 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';92 + return 'Beeinträchtigung'; 98 98 case 'Under Maintenance': 99 99 return 'Wartung'; 100 100 default: ... ... @@ -102,6 +102,20 @@ 102 102 } 103 103 } 104 104 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 + 105 105 window.addEventListener('load', fetchData); 106 106 </script> 107 107 {{/html}}