Introduced Temp for Columns and Filters

Implemented Filters in createddocuments

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))