diff --git a/src/components/Workflows.vue b/src/components/Workflows.vue index 3f4875b3a8260351fec6ab7245cb299e1ffe90a2..eafff1ed61be68a02e411b6c185d127c1659aaf0 100644 --- a/src/components/Workflows.vue +++ b/src/components/Workflows.vue @@ -74,7 +74,7 @@ </div> <div class="flex mb-3"> <SelectButton v-model="selectedOption" :options="options" optionLabel="name"></SelectButton> - <Filters class="ml-auto w-1/3"/> + <Filters class="ml-auto"/> </div> <div v-if="selectedOption"> <WorkflowsTimeline v-if="selectedOption.value === 'timeline'" /> diff --git a/src/components/workflows/timeline/MetricAverageChart.vue b/src/components/workflows/timeline/MetricAverageChart.vue index 195a56455297cac503e2dcc101d20c489990baaf..37b98e0e9bb2643cef37c4e5df08972ab67f6c4f 100644 --- a/src/components/workflows/timeline/MetricAverageChart.vue +++ b/src/components/workflows/timeline/MetricAverageChart.vue @@ -15,7 +15,8 @@ const props = defineProps<{ runs: EvaluationRun[], metric: keyof EvaluationResultsDocumentWide, startDate: Date, - endDate: Date + endDate: Date, + workflowName: string }>() const data = ref<TimelineChartDataPoint[]>([]) @@ -82,6 +83,7 @@ function tooltipContent(d: TimelineChartDataPoint) { } }" > + <h3 class="font-semibold">{{ workflowName }}</h3> <BaseTimelineDetailedChart :data="data" :max-y="maxY" diff --git a/src/components/workflows/timeline/MetricChart.vue b/src/components/workflows/timeline/MetricChart.vue index fee613b0729b34e18113313cd45586373a9f9610..3385654e3b0360933ce26d128eadc270c3ede3ff 100644 --- a/src/components/workflows/timeline/MetricChart.vue +++ b/src/components/workflows/timeline/MetricChart.vue @@ -11,7 +11,8 @@ const props = defineProps<{ runs: EvaluationRun[], metric: keyof EvaluationResultsDocumentWide, startDate: Date, - endDate: Date + endDate: Date, + workflowName: string }>() const data = ref([]) @@ -64,6 +65,7 @@ function tooltipContent(d: TimelineChartDataPoint) { } }" > + <h3 class="font-semibold">{{ workflowName }}</h3> <BaseTimelineDetailedChart :data="data" :max-y="maxY" diff --git a/src/components/workflows/timeline/TimelineItem.vue b/src/components/workflows/timeline/TimelineItem.vue index 90445af1b08562e40fea366dd357f1cbfc949243..287a6cdd65d7290321f5473ff92a996dcde592aa 100644 --- a/src/components/workflows/timeline/TimelineItem.vue +++ b/src/components/workflows/timeline/TimelineItem.vue @@ -60,6 +60,7 @@ function hideParametersOverlay() { <div class="w-1/2 flex justify-end"> <div class="flex overflow-x-auto"> <MetricAverageChart + :workflow-name="$t('average')" :runs="workflowsStore.getRuns(gt.id)" :metric="metric" class="" @@ -90,6 +91,7 @@ function hideParametersOverlay() { <td class="overflow-x-auto"> <MetricChart :runs="workflowsStore.getRuns(gt.id, workflow.id)" + :workflow-name="workflow.label" :metric="metric" :width="400" :start-date="startDate" diff --git a/src/locales/de.json b/src/locales/de.json index af15e7778481d264194979698596d90eb963c02b..2ff361464ad55210f5504fbd2f21b24389791994 100644 --- a/src/locales/de.json +++ b/src/locales/de.json @@ -53,5 +53,6 @@ "pages_per_minute": "Seiten pro Minute", "cpu_standard_deviation": "CPU Standardabweichung", "date": "Datum", - "ground_truth": "Ground Truth" + "ground_truth": "Ground Truth", + "average": "Durchschnitt" } diff --git a/src/locales/en.json b/src/locales/en.json index fdc9a9cfa7f968bc4270dd02444e0344e06810df..a25f2a35168d042bbbad84d4516539e0114940c1 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -47,5 +47,6 @@ "pages_per_minute": "Pages per minute", "cpu_standard_deviation": "CPU Standard Deviation", "date": "Date", - "ground_truth": "Ground Truth" + "ground_truth": "Ground Truth", + "average": "Average" }