Ä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,16 +51,14 @@
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
60	60	<script type="text/javascript">
61		- // Function to fetch data from api-status.php and update the HTML
62	62	function fetchData() {
63		-// fetch('api-status.php') // Local Call
64	64	fetch('https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger')
65	65	.then(response => response.json())
66	66	.then(data => {
...	...	@@ -69,8 +69,24 @@
69	69
70	70	data.hostStatus.forEach(host => {
71	71	const listItem = document.createElement('li');
72		- listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`;
73		-
	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	+
74	74	if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
75	75	productiveSystemsList.appendChild(listItem);
76	76	} else {
...	...	@@ -78,10 +78,9 @@
78	78	}
79	79	});
80	80
81		- // Update Next Planned Update Date
82	82	const plannedUpdate = document.getElementById('plannedUpdate');
83	83	plannedUpdate.textContent = data.plannedUpdate;
84		- // Update Next Planned Maintenance Date
	82	+
85	85	const plannedMaintenance = document.getElementById('plannedMaintenance');
86	86	plannedMaintenance.textContent = data.plannedMaintenance;
87	87	})
...	...	@@ -90,13 +90,13 @@
90	90	});
91	91	}
92	92
93		- // Function to get the appropriate status color class
	91	+ // Function to get the appropriate status text
94	94	function getStatusText(status) {
95	95	switch (status) {
96	96	case 'Up':
97	97	return 'Verfügbar';
98	98	case 'Down':
99		- return 'Beeintr&auml;chtigung';
	97	+ return 'Beeinträchtigung';
100	100	case 'Under Maintenance':
101	101	return 'Wartung';
102	102	default:
...	...	@@ -104,21 +104,6 @@
104	104	}
105	105	}
106	106
107		- // Function to get the appropriate status color class
108		- function getStatusColor(status) {
109		- switch (status) {
110		- case 'Up':
111		- return 'up';
112		- case 'Down':
113		- return 'down';
114		- case 'Under Maintenance':
115		- return 'maintenance';
116		- default:
117		- return '';
118		- }
119		- }
120		-
121		- // Call fetchData when the page loads
122	122	window.addEventListener('load', fetchData);
123	123	</script>
124	124	{{/html}}