Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -3,28 +3,17 @@
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>
18	18	<!-- Servers Status -->
19	19	<div>
20	20	<h2>&Uuml;berblick Status</h2>
21	21
22		- <h3>Prim&auml;rsysteme</h3>
23		- <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>
24	24
25		- <h3>Sekund&auml;rsysteme</h3>
26		- <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>
27	27	</div>
	16	+
28	28	<!-- System Update -->
29	29	<div>
30	30	<h2>System-Updates</h2>
...	...	@@ -38,6 +38,7 @@
38	38	</ul>
39	39	</div>
40	40	</div>
	30	+
41	41	<!-- System Maintenance -->
42	42	<div>
43	43	<h2>System-Wartung</h2>
...	...	@@ -46,16 +46,15 @@
46	46	</p>
47	47	<h3>Nächster Wartungstermin</h3>
48	48	<div>
49		- <ul>
50		- <li><strong><span id="plannedMaintenance"></span></strong></li>
51		- </ul>
	39	+ <ul>
	40	+ <li><strong><span id="plannedMaintenance"></span></strong></li>
	41	+ </ul>
52	52	</div>
53	53	</div>
54	54
55	55	<script type="text/javascript">
56		- // Function to fetch data from api-status.php and update the HTML
57	57	function fetchData() {
58		- fetch('api-status.php')
	47	+ fetch('https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger')
59	59	.then(response => response.json())
60	60	.then(data => {
61	61	const productiveSystemsList = document.querySelector('.productive-systems-list');
...	...	@@ -63,8 +63,24 @@
63	63
64	64	data.hostStatus.forEach(host => {
65	65	const listItem = document.createElement('li');
66		- listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`;
67		-
	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	+
68	68	if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
69	69	productiveSystemsList.appendChild(listItem);
70	70	} else {
...	...	@@ -72,10 +72,9 @@
72	72	}
73	73	});
74	74
75		- // Update Next Planned Update Date
76	76	const plannedUpdate = document.getElementById('plannedUpdate');
77	77	plannedUpdate.textContent = data.plannedUpdate;
78		- // Update Next Planned Maintenance Date
	82	+
79	79	const plannedMaintenance = document.getElementById('plannedMaintenance');
80	80	plannedMaintenance.textContent = data.plannedMaintenance;
81	81	})
...	...	@@ -84,13 +84,13 @@
84	84	});
85	85	}
86	86
87		- // Function to get the appropriate status color class
	91	+ // Function to get the appropriate status text
88	88	function getStatusText(status) {
89	89	switch (status) {
90	90	case 'Up':
91	91	return 'Verfügbar';
92	92	case 'Down':
93		- return 'Beeintr&auml;chtigung';
	97	+ return 'Beeinträchtigung';
94	94	case 'Under Maintenance':
95	95	return 'Wartung';
96	96	default:
...	...	@@ -98,21 +98,6 @@
98	98	}
99	99	}
100	100
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
116	116	window.addEventListener('load', fetchData);
117	117	</script>
118	118	{{/html}}
...	...	@@ -120,6 +120,3 @@
120	120	= Kontakt =
121	121
122	122	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		-