Änderungen von Dokument Servermeldungen (SaaS)

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,5 +1,121 @@
	1	+= Erreichbarkeit und Wartung der Services =
	2	+
	3	+Hier finden unsere SaaS-Kunden und Benutzer eine dynamische Anzeige der Uptime der Services und die geplanten Wartungsintervalle.
	4	+
1	1	{{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	+<!-- Servers Status -->
	19	+<div>
	20	+ <h2>&Uuml;berblick Status</h2>
	21	+
	22	+ <h3>Prim&auml;rsysteme</h3>
	23	+ <ul class="productive-systems-list ikiss-unordered-list"></ul>
	24	+
	25	+ <h3>Sekund&auml;rsysteme</h3>
	26	+ <ul class="customer-systems-list ikiss-unordered-list"></ul>
	27	+</div>
	28	+<!-- System Update -->
	29	+<div>
	30	+ <h2>System-Updates</h2>
	31	+ <p>
	32	+ Updates des Antragsmanagement 4.0 werden grunds&auml;tzlich Montags zwischen 02:00 Uhr und 03:00 Uhr eingespielt.
	33	+ </p>
	34	+ <h3>Nächster Updatetermin</h3>
	35	+ <div>
	36	+ <ul>
	37	+ <li><strong><span id="plannedUpdate"></span></strong></li>
	38	+ </ul>
	39	+ </div>
	40	+</div>
	41	+<!-- System Maintenance -->
	42	+<div>
	43	+ <h2>System-Wartung</h2>
	44	+ <p>
	45	+ Wartungen an unserem System finden regelm&auml;ßig am letzten Donnerstag eines Monats zwischen 22:00 Uhr und 24:00 Uhr statt.
	46	+ </p>
	47	+ <h3>Nächster Wartungstermin</h3>
	48	+ <div>
	49	+ <ul>
	50	+ <li><strong><span id="plannedMaintenance"></span></strong></li>
	51	+ </ul>
	52	+ </div>
	53	+</div>
	54	+
2	2	<script type="text/javascript">
3		-alert("hello world");
	56	+ // Function to fetch data from api-status.php and update the HTML
	57	+ function fetchData() {
	58	+ fetch('api-status.php')
	59	+ .then(response => response.json())
	60	+ .then(data => {
	61	+ const productiveSystemsList = document.querySelector('.productive-systems-list');
	62	+ const customerSystemsList = document.querySelector('.customer-systems-list');
	63	+
	64	+ data.hostStatus.forEach(host => {
	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	+
	68	+ if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
	69	+ productiveSystemsList.appendChild(listItem);
	70	+ } else {
	71	+ customerSystemsList.appendChild(listItem);
	72	+ }
	73	+ });
	74	+
	75	+ // Update Next Planned Update Date
	76	+ const plannedUpdate = document.getElementById('plannedUpdate');
	77	+ plannedUpdate.textContent = data.plannedUpdate;
	78	+ // Update Next Planned Maintenance Date
	79	+ const plannedMaintenance = document.getElementById('plannedMaintenance');
	80	+ plannedMaintenance.textContent = data.plannedMaintenance;
	81	+ })
	82	+ .catch(error => {
	83	+ console.error('Error fetching data:', error);
	84	+ });
	85	+ }
	86	+
	87	+ // Function to get the appropriate status color class
	88	+ function getStatusText(status) {
	89	+ switch (status) {
	90	+ case 'Up':
	91	+ return 'Verfügbar';
	92	+ case 'Down':
	93	+ return 'Beeintr&auml;chtigung';
	94	+ case 'Under Maintenance':
	95	+ return 'Wartung';
	96	+ default:
	97	+ return '';
	98	+ }
	99	+ }
	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	+ window.addEventListener('load', fetchData);
4	4	</script>
5	5	{{/html}}
	119	+
	120	+
	121	+