chore: status filter saved options

Signed-off-by: Crisciany Souza <[email protected]>

Author: Any97Cris

src/store/filters.js

@@ -22,6 +22,14 @@ export const useFiltersStore = defineStore('filter', {
 		activeChips(state) {
 			return Object.values(state.chips).flat()
 		},
+		filterStatusArray(state) {
+			try {
+				return state.filter_status ? JSON.parse(state.filter_status) : []
+			} catch (e) {
+				console.error('Erro ao converter filter_status:', e)
+				return []
+			}
+		},
 	},
 
 	actions: {
@@ -31,23 +39,48 @@ export const useFiltersStore = defineStore('filter', {
 			emit('libresign:filters:update')
 			logger.debug('File list filter chips updated', { chips: event.detail })
 
+
 			console.log('onFilterUpdateChips')
+
+
+			console.log(this.chips)
+			console.log(event.id)
 		},
 
 		async onFilterUpdateChipsAndSave(event) {
 			this.chips = { ...this.chips, [event.id]: [...event.detail] }
-			let value = this.chips['modified'][0]?.id || '';
 
-			await axios.put(generateOcsUrl('/apps/libresign/api/v1/account/config/{key}', { key: 'filter_modified' }), {
-				value,
-			})
 
-			console.log(loadState('libresign', 'filters', {}))
+			if(event.id == 'modified'){
+				let value = this.chips['modified'][0]?.id || '';
+
+				await axios.put(generateOcsUrl('/apps/libresign/api/v1/account/config/{key}', { key: 'filter_modified' }), {
+					value,
+				})
+
+				emit('libresign:filters:update')
+			}
+
+			if(event.id == 'status'){
+				//let value = this.chips['status'][0]?.id || '';
+
+				const value = event.detail != "" ? JSON.stringify(event.detail) : '';
+
+				console.log(this.chips)
+				console.log(event.detail)
+
+				await axios.put(generateOcsUrl('/apps/libresign/api/v1/account/config/{key}', { key: 'filter_status' }), {
+					value,
+				})
+
+				emit('libresign:filters:update')
+			}
+
 
-			emit('libresign:filters:update')
 			logger.debug('File list filter chips updated', { chips: event.detail })
 
 			console.log('onFilterUpdateChipsAndSave')
+			console.log(event.id)
 		},
 	},
 })

src/views/FilesList/FileListFilter/FileListFilterStatus.vue

@@ -6,7 +6,8 @@
 	<FileListFilter class="file-list-filter-status"
 		:is-active="isActive"
 		:filter-name="t('libresign', 'Status')"
-		@reset-filter="resetFilter">
+		@reset-filter="resetFilter"
+		@set-marked-filter="setMarkedFilter">
 		<template #icon>
 			<NcIconSvgWrapper :path="mdiListStatus" />
 		</template>
@@ -50,7 +51,7 @@ export default {
 	},
 	data() {
 		return {
-			selectedOptions: [],
+			selectedOptions: this.filtersStore.filterStatusArray || [],
 		}
 	},
 	computed: {
@@ -61,6 +62,11 @@ export default {
 			return fileStatus.filter(item => [0, 1, 2, 3].includes(item.id))
 		},
 	},
+	mounted() {
+		if (this.selectedOptions.length > 0) {
+			this.setPreset(this.selectedOptions)
+		}
+	},
 	watch: {
 		selectedOptions(newValue, oldValue) {
 			if (newValue.length === 0) {
@@ -91,6 +97,7 @@ export default {
 			if (this.selectedOptions.length > 0) {
 				this.selectedOptions = []
 			}
+			this.filtersStore.onFilterUpdateChipsAndSave({ detail: '', id: 'status' })
 		},
 		toggleOption(option) {
 			const idx = this.selectedOptions.indexOf(option)
@@ -99,7 +106,34 @@ export default {
 			} else {
 				this.selectedOptions.push(option)
 			}
+
+			console.log('toggleOption')
+			console.log(this.selectedOptions)
 		},
+		setMarkedFilter(){
+
+			const chips = []
+
+			let presets = this.selectedOptions
+
+			if (presets && presets.length > 0) {
+				for (const preset of presets) {
+					chips.push({
+						id: preset.id,
+						icon: preset.icon,
+						text: preset.label,
+						onclick: () => this.setPreset(presets.filter(({ id }) => id !== preset.id)),
+					})
+				}
+			}  else {
+				this.resetFilter()
+			}
+
+			console.log('setMarkedFilter')
+			console.log(presets)
+
+			this.filtersStore.onFilterUpdateChipsAndSave({ detail: chips, id: 'status' })
+		}
 	},
 }
 </script>