Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -2,7 +2,23 @@
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	+
5	5	{{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>
6	6	<!-- Servers Status -->
7	7	<div>
8	8	<h2>&Uuml;berblick Status</h2>
...	...	@@ -45,31 +45,22 @@
45	45	<script type="text/javascript">
46	46	function fetchData() {
47	47	fetch('https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger')
48		- .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	+ })
49	49	.then(data => {
	71	+ console.log('Data fetched successfully:', data); // Log the fetched data
	72	+
50	50	const productiveSystemsList = document.querySelector('.productive-systems-list');
51	51	const customerSystemsList = document.querySelector('.customer-systems-list');
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>`;
	78	+ listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`;
57	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		-
73	73	if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
74	74	productiveSystemsList.appendChild(listItem);
75	75	} else {
...	...	@@ -84,7 +84,7 @@
84	84	plannedMaintenance.textContent = data.plannedMaintenance;
85	85	})
86	86	.catch(error => {
87		- console.error('Error fetching data:', error);
	94	+ console.error('Error fetching data:', error); // Improved error logging
88	88	});
89	89	}
90	90
...	...	@@ -102,6 +102,20 @@
102	102	}
103	103	}
104	104
	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	+
105	105	window.addEventListener('load', fetchData);
106	106	</script>
107	107	{{/html}}