From d8d95db4ec3fc9eab96bd0588f5d6f59d8d2614c Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 13 Jul 2025 16:33:13 +0300
Subject: [PATCH] feat(views/table): add sort by

---
 .../view_widgets/table_view/context_menu.ts   | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/view_widgets/table_view/context_menu.ts b/apps/client/src/widgets/view_widgets/table_view/context_menu.ts
index 660f052a6..db877f7db 100644
--- a/apps/client/src/widgets/view_widgets/table_view/context_menu.ts
+++ b/apps/client/src/widgets/view_widgets/table_view/context_menu.ts
@@ -14,15 +14,48 @@ export function setupContextMenu(tabulator: Tabulator, parentNote: FNote) {
 
 function showColumnContextMenu(_e: UIEvent, column: ColumnComponent, tabulator: Tabulator) {
     const e = _e as MouseEvent;
+    const { title, field } = column.getDefinition();
+    const sorter = tabulator.getSorters().find(sorter => sorter.field === field);
     contextMenu.show({
         items: [
             {
-                title: `Hide column ${column.getDefinition().title}`,
+                title: `Hide column ${title}`,
                 handler: () => column.hide()
             },
             {
                 title: "Show/hide columns",
                 items: buildColumnItems()
+            },
+            {
+                title: "----"
+            },
+            {
+                title: `Sort by ${title}`,
+                enabled: !!field,
+                items: [
+                    {
+                        title: "Ascending",
+                        checked: (sorter?.dir === "asc"),
+                        uiIcon: "bx bx-empty",
+                        handler: () => tabulator.setSort([
+                            {
+                                column: field!,
+                                dir: "asc",
+                            }
+                        ])
+                    },
+                    {
+                        title: "Descending",
+                        checked: (sorter?.dir === "desc"),
+                        uiIcon: "bx bx-empty",
+                        handler: () => tabulator.setSort([
+                            {
+                                column: field!,
+                                dir: "desc"
+                            }
+                        ])
+                    }
+                ]
             }
         ],
         selectMenuItemHandler() {},