Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -3,17 +3,28 @@
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	+
	17	+ </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>
	22	+ <h3>Prim&auml;rsysteme</h3>
	23	+ <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>
	25	+ <h3>Sekund&auml;rsysteme</h3>
	26	+ <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,15 +36,16 @@
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>
	49	+ <ul>
	50	+ <li><strong><span id="plannedMaintenance"></span></strong></li>
	51	+ </ul>
42	42	</div>
43	43	</div>
44	44
45	45	<script type="text/javascript">
	56	+ // Function to fetch data from api-status.php and update the HTML
46	46	function fetchData() {
47		- fetch('https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger')
	58	+ fetch('api-status.php')
48	48	.then(response => response.json())
49	49	.then(data => {
50	50	const productiveSystemsList = document.querySelector('.productive-systems-list');
...	...	@@ -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>`;
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		-
	66	+ listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`;
	67	+
73	73	if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
74	74	productiveSystemsList.appendChild(listItem);
75	75	} else {
...	...	@@ -77,9 +77,10 @@
77	77	}
78	78	});
79	79
	75	+ // Update Next Planned Update Date
80	80	const plannedUpdate = document.getElementById('plannedUpdate');
81	81	plannedUpdate.textContent = data.plannedUpdate;
82		-
	78	+ // Update Next Planned Maintenance Date
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
	87	+ // 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';
	93	+ return 'Beeintr&auml;chtigung';
98	98	case 'Under Maintenance':
99	99	return 'Wartung';
100	100	default:
...	...	@@ -102,6 +102,21 @@
102	102	}
103	103	}
104	104
	101	+ // Function to get the appropriate status color class
	102	+ function getStatusColor(status) {
	103	+ switch (status) {
	104	+ case 'Up':
	105	+ return 'up';
	106	+ case 'Down':
	107	+ return 'down';
	108	+ case 'Under Maintenance':
	109	+ return 'maintenance';
	110	+ default:
	111	+ return '';
	112	+ }
	113	+ }
	114	+
	115	+ // Call fetchData when the page loads
105	105	window.addEventListener('load', fetchData);
106	106	</script>
107	107	{{/html}}
...	...	@@ -109,3 +109,6 @@
109	109	= Kontakt =
110	110
111	111	Bei Fragen oder Hilfestellungen zu unseren Diensten können Sie uns über den [[MACH ProForms Support>>doc:Main.10_Hilfe.WebHome]] erreichen.
	123	+
	124	+
	125	+