Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -2,7 +2,23 @@
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	+ </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>`;
	71	+ 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
	105	+ // Function to get the appropriate status color class
	106	+ function getStatusColor(status) {
	107	+ switch (status) {
	108	+ case 'Up':
	109	+ return 'up';
	110	+ case 'Down':
	111	+ return 'down';
	112	+ case 'Under Maintenance':
	113	+ return 'maintenance';
	114	+ default:
	115	+ return '';
	116	+ }
	117	+ }
	118	+
105	105	window.addEventListener('load', fetchData);
106	106	</script>
107	107	{{/html}}