Show filter condition in node detail via tooltip

Fixes #614
dalibo · Aug 22, 2024 · eb7a95c · eb7a95c
1 parent da8d20a
commit eb7a95c
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 0 deletions.
diff --git a/src/components/PlanNodeDetail.vue b/src/components/PlanNodeDetail.vue
@@ -53,6 +53,7 @@ const {
   durationClass,
   estimationClass,
   executionTimePercent,
+  filterDetailTooltip,
   heapFetchesClass,
   plannerRowEstimateDirection,
   plannerRowEstimateValue,
@@ -262,6 +263,12 @@ watch(activeTab, () => {
             >{{ rowsRemovedPercentString }}%</span
           >
         </span>
+        <FontAwesomeIcon
+          fixed-width
+          :icon="faInfoCircle"
+          class="text-muted"
+          v-tippy="{ allowHTML: true, content: filterDetailTooltip }"
+        ></FontAwesomeIcon>
       </div>
       <div v-if="node[NodeProp.HEAP_FETCHES]">
         <FontAwesomeIcon

diff --git a/src/enums.ts b/src/enums.ts
@@ -95,6 +95,7 @@ export enum NodeProp {
   FULL_SORT_GROUPS = "Full-sort Groups",
   PRE_SORTED_GROUPS = "Pre-sorted Groups",
   PRESORTED_KEY = "Presorted Key",
+  FILTER = "Filter",
 
   // computed by pev
   NODE_ID = "nodeId",

diff --git a/src/interfaces.ts b/src/interfaces.ts
@@ -91,6 +91,7 @@ export class Node {
   [NodeProp.EXCLUSIVE_SHARED_WRITTEN_BLOCKS]: number;
   [NodeProp.EXCLUSIVE_TEMP_READ_BLOCKS]: number;
   [NodeProp.EXCLUSIVE_TEMP_WRITTEN_BLOCKS]: number;
+  [NodeProp.FILTER]: string;
   [NodeProp.PLANNER_ESTIMATE_DIRECTION]?: EstimateDirection;
   [NodeProp.PLANNER_ESTIMATE_FACTOR]?: number;
   [NodeProp.INDEX_NAME]?: string;

diff --git a/src/node.ts b/src/node.ts
@@ -226,6 +226,12 @@ export default function useNode(
     return rowsRemovedPercentString.value + "% of rows removed by filter"
   })
 
+  const filterDetailTooltip = computed((): string => {
+    return `Filter used:<br><pre class="mb-0" style="white-space: pre-wrap;"><code>${
+      node[NodeProp.FILTER]
+    }</code></pre>`
+  })
+
   const isNeverExecuted = computed((): boolean => {
     return !!plan.value.planStats.executionTime && !node[NodeProp.ACTUAL_LOOPS]
   })
@@ -529,6 +535,7 @@ export default function useNode(
     estimationClass,
     executionTimePercent,
     filterTooltip,
+    filterDetailTooltip,
     heapFetchesClass,
     heapFetchesTooltip,
     highlightValue,