Show function name

Just as we do for relation name Fixes #475
dalibo · Aug 22, 2024 · c85b198 · c85b198
1 parent 97781ba
commit c85b198
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/src/components/GridRow.vue b/src/components/GridRow.vue
@@ -290,11 +290,14 @@ function formattedProp(propName: keyof typeof NodeProp) {
         </b>
 
         <span class="text-body-secondary">
-          <template v-if="node[NodeProp.RELATION_NAME]">
+          <template
+            v-if="node[NodeProp.RELATION_NAME] || node[NodeProp.FUNCTION_NAME]"
+          >
             <span class="text-secondary">on</span>
             <span v-if="node[NodeProp.SCHEMA]"
               >{{ node[NodeProp.SCHEMA] }}.</span
-            >{{ node[NodeProp.RELATION_NAME] }}
+            >{{ node[NodeProp.RELATION_NAME]
+            }}{{ node[NodeProp.FUNCTION_NAME] }}
             <span v-if="node[NodeProp.ALIAS]">
               <span class="text-secondary">as</span>
               {{ node[NodeProp.ALIAS] }}

diff --git a/src/components/PlanNode.vue b/src/components/PlanNode.vue
@@ -167,13 +167,16 @@ function centerCte() {
           </header>
           <div class="text-start font-monospace">
             <div
-              v-if="node[NodeProp.RELATION_NAME]"
+              v-if="
+                node[NodeProp.RELATION_NAME] || node[NodeProp.FUNCTION_NAME]
+              "
               :class="{ 'line-clamp-2': !showDetails }"
             >
               <span class="text-secondary">on</span>
               <span v-if="node[NodeProp.SCHEMA]"
                 >{{ node[NodeProp.SCHEMA] }}.</span
               >{{ node[NodeProp.RELATION_NAME] }}
+              {{ node[NodeProp.FUNCTION_NAME] }}
               <span v-if="node[NodeProp.ALIAS]">
                 <span class="text-secondary">as</span>
                 {{ node[NodeProp.ALIAS] }}

diff --git a/src/services/help-service.ts b/src/services/help-service.ts
@@ -357,6 +357,7 @@ const notMiscProperties: string[] = [
   "size", // Manually added to use FlexTree
   NodeProp.RELATION_NAME,
   NodeProp.ALIAS,
+  NodeProp.FUNCTION_NAME,
 ]
 
 export function shouldShowProp(key: string, value: unknown): boolean {