From 38437011f85b313ca754fe131f1f7507fca78194 Mon Sep 17 00:00:00 2001
From: Mathis Mensing <github@matmen.dev>
Date: Thu, 11 Jan 2024 20:17:20 +0100
Subject: [PATCH] feat(spoolman): remember spool selection dialog sort
 key/order (#1305)

Signed-off-by: Mathis Mensing <github@matmen.dev>
Co-authored-by: Pedro Lamas <pedrolamas@gmail.com>
---
 .../widgets/spoolman/SpoolSelectionDialog.vue | 26 +++++++++++++++++--
 src/store/config/state.ts                     |  6 ++++-
 src/store/config/types.ts                     |  4 +++
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/src/components/widgets/spoolman/SpoolSelectionDialog.vue b/src/components/widgets/spoolman/SpoolSelectionDialog.vue
index 6642568a99..a350a13664 100644
--- a/src/components/widgets/spoolman/SpoolSelectionDialog.vue
+++ b/src/components/widgets/spoolman/SpoolSelectionDialog.vue
@@ -93,12 +93,14 @@
             :custom-filter="filterResults"
             :no-data-text="$t('app.file_system.msg.not_found')"
             :no-results-text="$t('app.file_system.msg.not_found')"
-            sort-by="last_used"
-            sort-desc
+            :sort-by="sortOrder.key ?? undefined"
+            :sort-desc="sortOrder.desc ?? undefined"
             mobile-breakpoint="0"
             class="file-system spool-table"
             hide-default-footer
             disable-pagination
+            @update:sort-by="handleSortOrderKeyChange"
+            @update:sort-desc="handleSortOrderDescChange"
           >
             <template #item="{ item }">
               <tr
@@ -469,6 +471,26 @@ export default class SpoolSelectionDialog extends Mixins(StateMixin, BrowserMixi
   get warnOnFilamentTypeMismatch (): boolean {
     return this.$store.state.config.uiSettings.spoolman.warnOnFilamentTypeMismatch
   }
+
+  get sortOrder () {
+    return this.$store.state.config.uiSettings.spoolman.selectionDialogSortOrder
+  }
+
+  handleSortOrderKeyChange (value?: string) {
+    this.$store.dispatch('config/saveByPath', {
+      path: 'uiSettings.spoolman.selectionDialogSortOrder.key',
+      value: value ?? null,
+      server: true
+    })
+  }
+
+  handleSortOrderDescChange (value?: boolean) {
+    this.$store.dispatch('config/saveByPath', {
+      path: 'uiSettings.spoolman.selectionDialogSortOrder.desc',
+      value: value ?? null,
+      server: true
+    })
+  }
 }
 </script>
 
diff --git a/src/store/config/state.ts b/src/store/config/state.ts
index ee67e0763c..c2bbf8437a 100644
--- a/src/store/config/state.ts
+++ b/src/store/config/state.ts
@@ -149,7 +149,11 @@ export const defaultState = (): ConfigState => {
         autoSelectSpoolOnMatch: false,
         preferDeviceCamera: false,
         warnOnNotEnoughFilament: true,
-        warnOnFilamentTypeMismatch: true
+        warnOnFilamentTypeMismatch: true,
+        selectionDialogSortOrder: {
+          key: 'last_used',
+          desc: false
+        }
       }
     }
   }
diff --git a/src/store/config/types.ts b/src/store/config/types.ts
index 5c61248d5c..b5262cf0e7 100644
--- a/src/store/config/types.ts
+++ b/src/store/config/types.ts
@@ -37,6 +37,10 @@ export interface SpoolmanConfig {
   preferDeviceCamera: boolean;
   warnOnNotEnoughFilament: boolean;
   warnOnFilamentTypeMismatch: boolean;
+  selectionDialogSortOrder: {
+    key: string | null;
+    desc: boolean | null;
+  }
 }
 
 export interface HostConfig {