WANG vor 5 Jahren
Ursprung
Commit
01905de106
1 geänderte Dateien mit 30 neuen und 25 gelöschten Zeilen
  1. 30 25
      src/main/resources/api-status.html

+ 30 - 25
src/main/resources/api-status.html

@@ -3,16 +3,21 @@
 <head>
 <meta charset="UTF-8">
 <title>API status</title>
+<style type="text/css">
+.data {
+	padding: 2px 10px 2px 10px;
+}
+</style>
 <script type="text/javascript">
 	function order(order) {
 		location.href = '/actuator/api-status/ignored?order=' + order;
 	}
 </script>
 </head>
-<body style="text-align: center;">
-	<table style="border: 1px solid blue;" border="1" cellspacing="0" align="center">
+<body>
+	<table style="border: 1px solid #D0D0D0;" border="1" cellspacing="0" align="center">
 		<caption>date: ${dateTime?string('yyyy-MM-dd HH:mm:ss')}</caption>
-		<tr>
+		<tr style="background-color: #E0E0E0;">
 			<th rowspan="2" onclick="order('mapping')" style="cursor: pointer;">mapping</th>
 			<th rowspan="2" onclick="order('description')" style="cursor: pointer;">description</th>
 			<th rowspan="2" onclick="order('count')" style="cursor: pointer;">total</th>
@@ -22,7 +27,7 @@
 			<th rowspan="2" onclick="order('exceptionCount')" style="cursor: pointer;">error</th>
 			<th colspan="5">error percent (%)</th>
 		</tr>
-		<tr style="">
+		<tr style="background-color: #E0E0E0;">
 			<th onclick="order('meanRate')" style="cursor: pointer;">mean</th>
 			<th onclick="order('oneMinuteRate')" style="cursor: pointer;">1-min</th>
 			<th onclick="order('fiveMinuteRate')" style="cursor: pointer;">5-min</th>
@@ -41,28 +46,28 @@
 			<th onclick="order('exceptionFifteenMinutePercent')" style="cursor: pointer;">15-min</th>
 		</tr>
 		<#list data as cur>
-		<tr>
-			<td>${cur.mapping?replace("][","]<br>[","f")}
+		<tr style="color: #009999;">
+			<td class="data">${cur.mapping?replace("][","]<br>[","f")}
 			</td>
-			<td>${cur.description!}</td>
-			<td>${cur.count?c}</td>
-			<td>${cur.meanRate?string("#.##")}</td>
-			<td>${cur.oneMinuteRate?string("#.##")}</td>
-			<td>${cur.fiveMinuteRate?string("#.##")}</td>
-			<td>${cur.fifteenMinuteRate?string("#.##")}</td>
-			<td>${cur.min?string("#.##")}</td>
-			<td>${cur.max?string("#.##")}</td>
-			<td>${cur.mean?string("#.##")}</td>
-			<td>${cur.p50?string("#.##")}</td>
-			<td>${cur.p75?string("#.##")}</td>
-			<td>${cur.p95?string("#.##")}</td>
-			<td>${cur.p98?string("#.##")}</td>
-			<td>${cur.p99?string("#.##")}</td>
-			<td>${cur.exceptionCount?c}</td>
-			<td>${cur.exceptionMeanPercent?string.percent}</td>
-			<td>${cur.exceptionOneMinutePercent?string.percent}</td>
-			<td>${cur.exceptionFiveMinutePercent?string.percent}</td>
-			<td>${cur.exceptionFifteenMinutePercent?string.percent}</td>
+			<td class="data">${cur.description!}</td>
+			<td class="data">${cur.count?c}</td>
+			<td class="data">${cur.meanRate?string("#.##")}</td>
+			<td class="data">${cur.oneMinuteRate?string("#.##")}</td>
+			<td class="data">${cur.fiveMinuteRate?string("#.##")}</td>
+			<td class="data">${cur.fifteenMinuteRate?string("#.##")}</td>
+			<td class="data">${cur.min?string("#.##")}</td>
+			<td class="data">${cur.max?string("#.##")}</td>
+			<td class="data">${cur.mean?string("#.##")}</td>
+			<td class="data">${cur.p50?string("#.##")}</td>
+			<td class="data">${cur.p75?string("#.##")}</td>
+			<td class="data">${cur.p95?string("#.##")}</td>
+			<td class="data">${cur.p98?string("#.##")}</td>
+			<td class="data">${cur.p99?string("#.##")}</td>
+			<td class="data">${cur.exceptionCount?c}</td>
+			<td class="data">${cur.exceptionMeanPercent?string.percent}</td>
+			<td class="data">${cur.exceptionOneMinutePercent?string.percent}</td>
+			<td class="data">${cur.exceptionFiveMinutePercent?string.percent}</td>
+			<td class="data">${cur.exceptionFifteenMinutePercent?string.percent}</td>
 		</tr>
 		</#list>
 	</table>