Ä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
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 18.1
bearbeitet von MACH ProForms GmbH
am 22.07.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

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>&Uuml;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}}