Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -2,34 +2,18 @@
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		-
10	10	{{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>
23	23	<!-- Servers Status -->
24	24	<div>
25	25	<h2>&Uuml;berblick Status</h2>
26	26
27		- <h3>Prim&auml;rsysteme</h3>
28		- <ul class="productive-systems-list ikiss-unordered-list"></ul>
	10	+ <h3>Prim&auml;rsysteme</h3>
	11	+ <ul class="productive-systems-list ikiss-unordered-list"></ul>
29	29
30		- <h3>Sekund&auml;rsysteme</h3>
31		- <ul class="customer-systems-list ikiss-unordered-list"></ul>
	13	+ <h3>Sekund&auml;rsysteme</h3>
	14	+ <ul class="customer-systems-list ikiss-unordered-list"></ul>
32	32	</div>
	16	+
33	33	<!-- System Update -->
34	34	<div>
35	35	<h2>System-Updates</h2>
...	...	@@ -43,6 +43,7 @@
43	43	</ul>
44	44	</div>
45	45	</div>
	30	+
46	46	<!-- System Maintenance -->
47	47	<div>
48	48	<h2>System-Wartung</h2>
...	...	@@ -51,9 +51,9 @@
51	51	</p>
52	52	<h3>Nächster Wartungstermin</h3>
53	53	<div>
54		- <ul>
55		- <li><strong><span id="plannedMaintenance"></span></strong></li>
56		- </ul>
	39	+ <ul>
	40	+ <li><strong><span id="plannedMaintenance"></span></strong></li>
	41	+ </ul>
57	57	</div>
58	58	</div>
59	59
...	...	@@ -64,9 +64,27 @@
64	64	.then(data => {
65	65	const productiveSystemsList = document.querySelector('.productive-systems-list');
66	66	const customerSystemsList = document.querySelector('.customer-systems-list');
	52	+
67	67	data.hostStatus.forEach(host => {
68	68	const listItem = document.createElement('li');
69		- 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>`;
	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	+
70	70	if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
71	71	productiveSystemsList.appendChild(listItem);
72	72	} else {
...	...	@@ -73,8 +73,10 @@
73	73	customerSystemsList.appendChild(listItem);
74	74	}
75	75	});
	79	+
76	76	const plannedUpdate = document.getElementById('plannedUpdate');
77	77	plannedUpdate.textContent = data.plannedUpdate;
	82	+
78	78	const plannedMaintenance = document.getElementById('plannedMaintenance');
79	79	plannedMaintenance.textContent = data.plannedMaintenance;
80	80	})
...	...	@@ -83,13 +83,13 @@
83	83	});
84	84	}
85	85
86		- // Function to get the appropriate status color class
	91	+ // Function to get the appropriate status text
87	87	function getStatusText(status) {
88	88	switch (status) {
89	89	case 'Up':
90	90	return 'Verfügbar';
91	91	case 'Down':
92		- return 'Beeintr&auml;chtigung';
	97	+ return 'Beeinträchtigung';
93	93	case 'Under Maintenance':
94	94	return 'Wartung';
95	95	default:
...	...	@@ -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}}