From 8b6aa4b502ff4da0241107532325ed5c9410ef79 Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Wed, 5 Feb 2025 15:10:08 +0100
Subject: [PATCH] Introduced Temp for Columns and Filters Implemented Filters
 in createddocuments

---
 components/EntityList.vue      |  5 +++--
 pages/createDocument/index.vue | 14 +++++++++-----
 stores/temp.js                 | 16 +++++++++++++++-
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/components/EntityList.vue b/components/EntityList.vue
index 4bdea06..b1b9060 100644
--- a/components/EntityList.vue
+++ b/components/EntityList.vue
@@ -58,8 +58,8 @@ const dataType = dataStore.dataTypes[type]
 const selectedItem = ref(0)
 
 
-const selectedColumns = ref(dataType.templateColumns.filter(i => !i.disabledInTable))
-const columns = computed(() => dataType.templateColumns.filter((column) => !column.disabledInTable && selectedColumns.value.includes(column)))
+const selectedColumns = ref(tempStore.columns[type] ? tempStore.columns[type] : dataType.templateColumns.filter(i => !i.disabledInTable))
+const columns = computed(() => dataType.templateColumns.filter((column) => !column.disabledInTable && selectedColumns.value.find(i => i.key === column.key)))
 
 const searchString = ref(tempStore.searchStrings[props.type] ||'')
 
@@ -151,6 +151,7 @@ const filteredRows = computed(() => {
           by="key"
           :color="selectedColumns.length !== dataType.templateColumns.filter(i => !i.disabledInTable).length ? 'primary' : 'white'"
           :ui-menu="{ width: 'min-w-max' }"
+          @change="tempStore.modifyColumns(type,selectedColumns)"
       >
         <template #label>
           Spalten
diff --git a/pages/createDocument/index.vue b/pages/createDocument/index.vue
index 06c3baf..6c676d7 100644
--- a/pages/createDocument/index.vue
+++ b/pages/createDocument/index.vue
@@ -35,6 +35,7 @@
           multiple
           class="hidden lg:block"
           by="key"
+          @change="tempStore.modifyFilter('createddocuments',selectedTypes)"
       >
         <template #label>
           Typ
@@ -50,6 +51,7 @@
           multiple
           class="hidden lg:block"
           by="key"
+          @change="tempStore.modifyColumns('createddocuments',selectedColumns)"
       >
         <template #label>
           Spalten
@@ -156,6 +158,7 @@ defineShortcuts({
 })
 
 const dataStore = useDataStore()
+const tempStore = useTempStore()
 const router = useRouter()
 
 const items = ref([])
@@ -208,8 +211,8 @@ const templateColumns = [
     sortable: true
   }
 ]
-const selectedColumns = ref(templateColumns)
-const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))
+const selectedColumns = ref(tempStore.columns["createddocuments"] ? tempStore.columns["createddocuments"] : templateColumns)
+const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.find(i => i.key === column.key)))
 
 const templateTypes = [
   {
@@ -232,8 +235,10 @@ const templateTypes = [
     label: "Auftragsbestätigungen"
   }
 ]
-const selectedTypes = ref(templateTypes)
-const types = computed(() => templateTypes.filter((type) => selectedTypes.value.includes(type)))
+const selectedTypes = ref(tempStore.filters["createddocuments"] ? tempStore.filters["createddocuments"] : templateTypes)
+const types = computed(() => {
+  return templateTypes.filter((type) => selectedTypes.value.find(i => i.key === type.key))
+})
 
 const selectItem = (item) => {
   console.log(item)
@@ -251,7 +256,6 @@ const displayCurrency = (value, currency = "€") => {
 
 
 const searchString = ref('')
-const showDrafts = ref(false)
 const filteredRows = computed(() => {
 
   let temp = items.value.filter(i => types.value.find(x => x.key === i.type))
diff --git a/stores/temp.js b/stores/temp.js
index eaa3acb..19be026 100644
--- a/stores/temp.js
+++ b/stores/temp.js
@@ -4,6 +4,8 @@ import {defineStore} from 'pinia'
 export const useTempStore = defineStore('temp', () => {
 
     const searchStrings = ref({})
+    const filters = ref({})
+    const columns = ref({})
 
     function modifySearchString(type,input) {
         searchStrings.value[type] = input
@@ -13,11 +15,23 @@ export const useTempStore = defineStore('temp', () => {
         searchStrings.value[type] = ""
     }
 
+    function modifyFilter(type,input) {
+        filters.value[type] = input
+    }
+
+    function modifyColumns(type,input) {
+        columns.value[type] = input
+    }
+
 
     return {
         searchStrings,
         modifySearchString,
-        clearSearchString
+        clearSearchString,
+        filters,
+        modifyFilter,
+        columns,
+        modifyColumns,
     }