From 216b83d2114eee384aacbbb6994da6e4b329b0f5 Mon Sep 17 00:00:00 2001
From: vato007 <contact@michaelpivato.dev>
Date: Wed, 9 Jul 2025 07:44:07 +0930
Subject: [PATCH] Add edit button to column list, fix truncation on small
 panels

---
 src/app/column-editor/column-editor.component.ts | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/app/column-editor/column-editor.component.ts b/src/app/column-editor/column-editor.component.ts
index 66185cc..242e34c 100644
--- a/src/app/column-editor/column-editor.component.ts
+++ b/src/app/column-editor/column-editor.component.ts
@@ -4,11 +4,12 @@ import { Column } from '../duckdb.service';
 import { Checkbox, CheckboxChangeEvent } from 'primeng/checkbox';
 import { FormsModule } from '@angular/forms';
 import { Button } from 'primeng/button';
+import { Tooltip } from 'primeng/tooltip';
 
 @Component({
   selector: 'app-column-editor',
   standalone: true,
-  imports: [AccordionModule, Checkbox, FormsModule, Button],
+  imports: [AccordionModule, Checkbox, FormsModule, Button, Tooltip],
   template: `
     <p-accordion [value]="0">
       <p-accordion-panel [value]="0">
@@ -26,11 +27,18 @@ import { Button } from 'primeng/button';
                 />
                 <label
                   [for]="column.name"
-                  class="ml-2 grow shrink basis-0 truncate"
+                  [pTooltip]="column.name"
+                  tooltipPosition="bottom"
+                  class="ml-2 grow shrink basis-0 truncate cursor-pointer"
                 >
                   {{ column.name }}
                 </label>
-                <p-button icon="pi pi-pencil" text> </p-button>
+                <p-button
+                  (onClick)="editColumn($index)"
+                  icon="pi pi-pencil"
+                  text
+                  pTooltip="Edit Column"
+                ></p-button>
               </li>
             }
           </ul>
@@ -56,4 +64,6 @@ export class ColumnEditorComponent {
       return columns;
     });
   }
+
+  protected editColumn(index: number) {}
 }