Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -3,6 +3,17 @@
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>
6	6	<!-- Servers Status -->
7	7	<div>
8	8	<h2>&Uuml;berblick Status</h2>
...	...	@@ -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>`;
	66	+ listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`;
57	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		-
73	73	if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
74	74	productiveSystemsList.appendChild(listItem);
75	75	} else {
...	...	@@ -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}}