Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -8,28 +8,28 @@
8	8	)))
9	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>
	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	+</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>
	26	+ <h3>Prim&auml;rsysteme</h3>
	27	+ <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>
	29	+ <h3>Sekund&auml;rsysteme</h3>
	30	+ <ul class="customer-systems-list ikiss-unordered-list"></ul>
32	32	</div>
	32	+
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>
	46	+
46	46	<!-- System Maintenance -->
47	47	<div>
48	48	<h2>System-Wartung</h2>
...	...	@@ -51,19 +51,24 @@
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>
	55	+ <ul>
	56	+ <li><strong><span id="plannedMaintenance"></span></strong></li>
	57	+ </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		- .then(response => response.json())
	64	+ .then(response => {
	65	+ if (!response.ok) {
	66	+ throw new Error('Network response was not ok ' + response.statusText);
	67	+ }
	68	+ return response.json();
	69	+ })
66	66	.then(data => {
	71	+ console.log('Data fetched successfully:', data); // Log the fetched data
	72	+
67	67	const productiveSystemsList = document.querySelector('.productive-systems-list');
68	68	const customerSystemsList = document.querySelector('.customer-systems-list');
69	69
...	...	@@ -70,7 +70,7 @@
70	70	data.hostStatus.forEach(host => {
71	71	const listItem = document.createElement('li');
72	72	listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`;
73		-
	79	+
74	74	if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
75	75	productiveSystemsList.appendChild(listItem);
76	76	} else {
...	...	@@ -78,25 +78,24 @@
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
	89	+
85	85	const plannedMaintenance = document.getElementById('plannedMaintenance');
86	86	plannedMaintenance.textContent = data.plannedMaintenance;
87	87	})
88	88	.catch(error => {
89		- console.error('Error fetching data:', error);
	94	+ console.error('Error fetching data:', error); // Improved error logging
90	90	});
91	91	}
92	92
93		- // Function to get the appropriate status color class
	98	+ // 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';
	104	+ return 'Beeinträchtigung';
100	100	case 'Under Maintenance':
101	101	return 'Wartung';
102	102	default:
...	...	@@ -118,7 +118,6 @@
118	118	}
119	119	}
120	120
121		- // Call fetchData when the page loads
122	122	window.addEventListener('load', fetchData);
123	123	</script>
124	124	{{/html}}