✨ Render histograms in a filter

[Sone.git] / src / main / resources / templates / metrics.html

diff --git a/src/main/resources/templates/metrics.html b/src/main/resources/templates/metrics.html
index beaded8..25052d5 100644 (file)
--- a/src/main/resources/templates/metrics.html
+++ b/src/main/resources/templates/metrics.html
@@ -21,32 +21,9 @@
                        </tr>
                </thead>
                <tbody>
-                       <tr>
-                               <td><%= Page.Metrics.SoneInsertDuration.Title|l10n|html></td>
-                               <td class="numeric"><% soneInsertDurationCount|html></td>
-                               <td class="numeric"><% soneInsertDurationMin|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneInsertDurationMax|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneInsertDurationMean|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneInsertDurationMedian|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneInsertDurationPercentile75|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneInsertDurationPercentile95|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneInsertDurationPercentile98|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneInsertDurationPercentile99|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneInsertDurationPercentile999|duration scale=="μs"|html></td>
-                       </tr>
-                       <tr>
-                               <td><%= Page.Metrics.SoneParsingDuration.Title|l10n|html></td>
-                               <td class="numeric"><% soneParsingDurationCount|html></td>
-                               <td class="numeric"><% soneParsingDurationMin|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneParsingDurationMax|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneParsingDurationMean|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneParsingDurationMedian|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneParsingDurationPercentile75|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneParsingDurationPercentile95|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneParsingDurationPercentile98|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneParsingDurationPercentile99|duration scale=="μs"|html></td>
-                               <td class="numeric"><% soneParsingDurationPercentile999|duration scale=="μs"|html></td>
-                       </tr>
+                       <%foreach histograms histogram>
+                               <% histogram.value|render-histogram name=histogram.key>
+                       <%/foreach>
                </tbody>
        </table>