Skip to content
Snippets Groups Projects

Address listed issues with web UI

Merged Raphaël Gomès requested to merge topic/default/graphs into branch/default
6 files
+ 91
42
Compare changes
  • Side-by-side
  • Inline
Files
6
<script lang="ts">
import Graph from "./Graph.svelte";
import { sortByFirst } from "../utils";
@@ -3,4 +4,5 @@
export let name;
export let results;
/**
@@ -8,7 +10,8 @@
*/
const groupResults = (results) => {
return results.reduce((acc, result) => {
const key = result["data-env-vars"]["name"].split("-", 1)[0];
const repoName = result["data-env-vars"]["name"].split("-", 1)[0];
const key = repoName;
if (!acc.hasOwnProperty(key)) {
acc[key] = [];
}
@@ -18,5 +21,6 @@
};
</script>
<div class="benchmark">
<div id="{name}" class="benchmark">
<h2>{name}</h2>
<div class="graphs">
@@ -22,8 +26,8 @@
<div class="graphs">
{#each Object.entries(groupResults(results)) as [repoName, data]}
{#each Object.entries(groupResults(results)).sort(sortByFirst) as [repoName, data]}
<Graph title={repoName} {data} />
{/each}
</div>
</div>
<style>
@@ -24,9 +28,14 @@
<Graph title={repoName} {data} />
{/each}
</div>
</div>
<style>
h2 {
position: sticky;
top: 0;
background-color: white;
}
.graphs {
display: grid;
gap: 1.5rem;
Loading