Änderungen von Dokument Servermeldungen (SaaS)

Zuletzt geändert von MACH ProForms GmbH am 22.07.2024

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

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -2,18 +2,34 @@
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 +
22 + </style>
6 6  <!-- Servers Status -->
7 7  <div>
8 8   <h2>&Uuml;berblick Status</h2>
9 9  
10 - <h3>Prim&auml;rsysteme</h3>
11 - <ul class="productive-systems-list ikiss-unordered-list"></ul>
27 + <h3>Prim&auml;rsysteme</h3>
28 + <ul class="productive-systems-list ikiss-unordered-list"></ul>
12 12  
13 - <h3>Sekund&auml;rsysteme</h3>
14 - <ul class="customer-systems-list ikiss-unordered-list"></ul>
30 + <h3>Sekund&auml;rsysteme</h3>
31 + <ul class="customer-systems-list ikiss-unordered-list"></ul>
15 15  </div>
16 -
17 17  <!-- System Update -->
18 18  <div>
19 19   <h2>System-Updates</h2>
... ... @@ -27,7 +27,6 @@
27 27   </ul>
28 28   </div>
29 29  </div>
30 -
31 31  <!-- System Maintenance -->
32 32  <div>
33 33   <h2>System-Wartung</h2>
... ... @@ -36,9 +36,9 @@
36 36   </p>
37 37   <h3>Nächster Wartungstermin</h3>
38 38   <div>
39 - <ul>
40 - <li><strong><span id="plannedMaintenance"></span></strong></li>
41 - </ul>
54 + <ul>
55 + <li><strong><span id="plannedMaintenance"></span></strong></li>
56 + </ul>
42 42   </div>
43 43  </div>
44 44  
... ... @@ -49,27 +49,9 @@
49 49   .then(data => {
50 50   const productiveSystemsList = document.querySelector('.productive-systems-list');
51 51   const customerSystemsList = document.querySelector('.customer-systems-list');
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>`;
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 -
69 + listItem.innerHTML = `<span class="host-name">${host.host}:</span> <span class="status-${getStatusColor(host.status)}"><strong>${getStatusText(host.status)}</strong></span>`;
73 73   if (host.host === "pdf.form-solutions.net" || host.host === "onlinedienste.form-solutions.de") {
74 74   productiveSystemsList.appendChild(listItem);
75 75   } else {
... ... @@ -76,10 +76,8 @@
76 76   customerSystemsList.appendChild(listItem);
77 77   }
78 78   });
79 -
80 80   const plannedUpdate = document.getElementById('plannedUpdate');
81 81   plannedUpdate.textContent = data.plannedUpdate;
82 -
83 83   const plannedMaintenance = document.getElementById('plannedMaintenance');
84 84   plannedMaintenance.textContent = data.plannedMaintenance;
85 85   })
... ... @@ -88,13 +88,13 @@
88 88   });
89 89   }
90 90  
91 - // Function to get the appropriate status text
86 + // Function to get the appropriate status color class
92 92   function getStatusText(status) {
93 93   switch (status) {
94 94   case 'Up':
95 95   return 'Verfügbar';
96 96   case 'Down':
97 - return 'Beeinträchtigung';
92 + return 'Beeintr&auml;chtigung';
98 98   case 'Under Maintenance':
99 99   return 'Wartung';
100 100   default:
... ... @@ -102,6 +102,20 @@
102 102   }
103 103   }
104 104  
100 + // Function to get the appropriate status color class
101 + function getStatusColor(status) {
102 + switch (status) {
103 + case 'Up':
104 + return 'up';
105 + case 'Down':
106 + return 'down';
107 + case 'Under Maintenance':
108 + return 'maintenance';
109 + default:
110 + return '';
111 + }
112 + }
113 +
105 105   window.addEventListener('load', fetchData);
106 106  </script>
107 107  {{/html}}