Änderungen von Dokument Servermeldungen (SaaS)

Zuletzt geändert von MACH ProForms GmbH am 22.07.2024

Von Version 5.1
bearbeitet von MACH ProForms GmbH
am 04.07.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 18.1
bearbeitet von MACH ProForms GmbH
am 22.07.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -xwiki:XWiki.fweise
1 +xwiki:XWiki.Dokumentation
Inhalt
... ... @@ -2,34 +2,18 @@
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 -
22 - </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>
10 + <h3>Prim&auml;rsysteme</h3>
11 + <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>
13 + <h3>Sekund&auml;rsysteme</h3>
14 + <ul class="customer-systems-list ikiss-unordered-list"></ul>
32 32  </div>
16 +
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>
30 +
46 46  <!-- System Maintenance -->
47 47  <div>
48 48   <h2>System-Wartung</h2>
... ... @@ -51,16 +51,15 @@
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>
39 + <ul>
40 + <li><strong><span id="plannedMaintenance"></span></strong></li>
41 + </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')
47 + fetch('https://mpf-serversstatus.azurewebsites.net/api/http_serversstatus_trigger')
64 64   .then(response => response.json())
65 65   .then(data => {
66 66   const productiveSystemsList = document.querySelector('.productive-systems-list');
... ... @@ -68,8 +68,24 @@
68 68  
69 69   data.hostStatus.forEach(host => {
70 70   const listItem = document.createElement('li');
71 - listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`;
72 -
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 +
73 73   if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
74 74   productiveSystemsList.appendChild(listItem);
75 75   } else {
... ... @@ -77,10 +77,9 @@
77 77   }
78 78   });
79 79  
80 - // Update Next Planned Update Date
81 81   const plannedUpdate = document.getElementById('plannedUpdate');
82 82   plannedUpdate.textContent = data.plannedUpdate;
83 - // Update Next Planned Maintenance Date
82 +
84 84   const plannedMaintenance = document.getElementById('plannedMaintenance');
85 85   plannedMaintenance.textContent = data.plannedMaintenance;
86 86   })
... ... @@ -89,13 +89,13 @@
89 89   });
90 90   }
91 91  
92 - // Function to get the appropriate status color class
91 + // Function to get the appropriate status text
93 93   function getStatusText(status) {
94 94   switch (status) {
95 95   case 'Up':
96 96   return 'Verfügbar';
97 97   case 'Down':
98 - return 'Beeintr&auml;chtigung';
97 + return 'Beeinträchtigung';
99 99   case 'Under Maintenance':
100 100   return 'Wartung';
101 101   default:
... ... @@ -103,21 +103,6 @@
103 103   }
104 104   }
105 105  
106 - // Function to get the appropriate status color class
107 - function getStatusColor(status) {
108 - switch (status) {
109 - case 'Up':
110 - return 'up';
111 - case 'Down':
112 - return 'down';
113 - case 'Under Maintenance':
114 - return 'maintenance';
115 - default:
116 - return '';
117 - }
118 - }
119 -
120 - // Call fetchData when the page loads
121 121   window.addEventListener('load', fetchData);
122 122  </script>
123 123  {{/html}}
... ... @@ -125,6 +125,3 @@
125 125  = Kontakt =
126 126  
127 127  Bei Fragen oder Hilfestellungen zu unseren Diensten können Sie uns über den [[MACH ProForms Support>>doc:Main.10_Hilfe.WebHome]] erreichen.
128 -
129 -
130 -