Add settings to disable filtering of metrics

dashboard/new-dashboard/src/components/settings/PlotSettings.vue

@@ -13,6 +13,7 @@
     <ScalingSwitch class="mb-2" />
     <DetectChangesSwitch class="mb-2" />
     <FlexibleZeroOnYAxis class="mb-2" />
+    <ShowAllMetricsSwitch class="mb-2" />
     <RemoveOutliersSwitch />
   </OverlayPanel>
 </template>
@@ -32,6 +33,7 @@ import RemoveOutliersSwitch from "./RemoveOutliersSwitch.vue"
 import { RemoveOutliersConfigurator } from "./configurators/RemoveOutliersConfigurator"
 import { useSettingsStore } from "./settingsStore"
 import { storeToRefs } from "pinia"
+import ShowAllMetricsSwitch from "./ShowAllMetricsSwitch.vue"
 
 const settingsPanel = useTemplateRef<OverlayPanel>("settingsPanel")
 const settingsIcon = useTemplateRef<HTMLElement>("settingsIcon")

dashboard/new-dashboard/src/components/settings/ShowAllMetricsSwitch.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="flex items-center justify-between w-full">
+    <span v-tooltip.left="'Disable filtering of detailed metrics like completion_32. Require page reloading.'">Show all metrics:</span>
+    <InputSwitch
+      v-model="settingsStore.showAllMetrics"
+      class="ml-4"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSettingsStore } from "./settingsStore"
+
+const settingsStore = useSettingsStore()
+</script>
+
+<style scoped></style>

dashboard/new-dashboard/src/components/settings/settingsStore.ts

@@ -8,6 +8,7 @@ export const useSettingsStore = defineStore("settingsStore", () => {
   const storedDetectChanges = useStorage("detectChangesEnabled", false)
   const storedFlexibleYZero = useStorage("floatingNull", false)
   const storedRemoveOutliers = useStorage("removeOutliers", false)
+  const storedShowAllMetrics = useStorage("showAllMetrics", false)
 
   const scaling = computed({
     get: () => storedScaling.value,
@@ -46,5 +47,12 @@ export const useSettingsStore = defineStore("settingsStore", () => {
     },
   })
 
-  return { scaling, smoothing, detectChanges, flexibleYZero, removeOutliers }
+  const showAllMetrics = computed({
+    get: () => storedShowAllMetrics.value,
+    set(value) {
+      storedShowAllMetrics.value = value
+    },
+  })
+
+  return { scaling, smoothing, detectChanges, flexibleYZero, removeOutliers, showAllMetrics }
 })

dashboard/new-dashboard/src/configurators/MeasureConfigurator.ts

@@ -128,7 +128,7 @@ export class MeasureConfigurator implements DataQueryConfigurator, ChartConfigur
             //filter for editor menu
             !/.*#(update|getchildren|getselection)@.*/i.test(it) &&
             //filter out _23 metrics, we need them in DB but not in UI
-            !/.*_\d+(#.*)?$/.test(it)
+            (!/.*_\d+(#.*)?$/.test(it) || useSettingsStore().showAllMetrics)
         )
 
         data = customSort(data, MAIN_METRICS)