Änderungen von Dokument Servermeldungen (SaaS)

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>&Uuml;berblick Status</h2>
9	9
10		- <h3>Prim&auml;rsysteme</h3>
11		- <ul class="productive-systems-list ikiss-unordered-list"></ul>
	27	+ <h3>Prim&auml;rsysteme</h3>
	28	+ <ul class="productive-systems-list ikiss-unordered-list"></ul>
12	12
13		- <h3>Sekund&auml;rsysteme</h3>
14		- <ul class="customer-systems-list ikiss-unordered-list"></ul>
	30	+ <h3>Sekund&auml;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		- <ul>
40		- <li><strong><span id="plannedMaintenance"></span></strong></li>
41		- </ul>
	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 text
	86	+ // 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&auml;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}}