Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -2,23 +2,7 @@
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		-</style>
22	22	<!-- Servers Status -->
23	23	<div>
24	24	<h2>&Uuml;berblick Status</h2>
...	...	@@ -61,22 +61,31 @@
61	61	<script type="text/javascript">
62	62	function fetchData() {
63	63	fetch('https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger')
64		- .then(response => {
65		- if (!response.ok) {
66		- throw new Error('Network response was not ok ' + response.statusText);
67		- }
68		- return response.json();
69		- })
	48	+ .then(response => response.json())
70	70	.then(data => {
71		- console.log('Data fetched successfully:', data); // Log the fetched data
72		-
73	73	const productiveSystemsList = document.querySelector('.productive-systems-list');
74	74	const customerSystemsList = document.querySelector('.customer-systems-list');
75	75
76	76	data.hostStatus.forEach(host => {
77	77	const listItem = document.createElement('li');
78		- 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>`;
79	79
	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	+
80	80	if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
81	81	productiveSystemsList.appendChild(listItem);
82	82	} else {
...	...	@@ -91,7 +91,7 @@
91	91	plannedMaintenance.textContent = data.plannedMaintenance;
92	92	})
93	93	.catch(error => {
94		- console.error('Error fetching data:', error); // Improved error logging
	87	+ console.error('Error fetching data:', error);
95	95	});
96	96	}
97	97
...	...	@@ -109,20 +109,6 @@
109	109	}
110	110	}
111	111
112		- // Function to get the appropriate status color class
113		- function getStatusColor(status) {
114		- switch (status) {
115		- case 'Up':
116		- return 'up';
117		- case 'Down':
118		- return 'down';
119		- case 'Under Maintenance':
120		- return 'maintenance';
121		- default:
122		- return '';
123		- }
124		- }
125		-
126	126	window.addEventListener('load', fetchData);
127	127	</script>
128	128	{{/html}}