refactor: implement auto-save on filter changes and remove manual save button

- Remove 'Save filter' button from FileListFilter component
- Implement automatic saving when filters are selected/deselected
- Add setMarkedFilter() call in watchers for auto-save behavior
- Simplify filter logic by removing manual save action
- Clean up debug console.log statements
- Update SCSS styling to use nested syntax for reset button

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>

Author: vitormattos

src/views/FilesList/FileListFilter/FileListFilter.vue

@@ -18,10 +18,6 @@
 				@click="$emit('reset-filter')">
 				{{ t('files', 'Clear filter') }}
 			</NcActionButton>
-			<NcActionButton close-after-click
-				@click="$emit('set-marked-filter')">
-				{{ t('files', 'Save filter') }}
-			</NcActionButton>
 		</template>
 	</NcActions>
 </template>

src/views/FilesList/FileListFilter/FileListFilterModified.vue

@@ -5,8 +5,7 @@
 <template>
 	<FileListFilter :is-active="isActive"
 		:filter-name="t('libresign', 'Modified')"
-		@reset-filter="resetFilter"
-		@set-marked-filter="setMarkedFilter">
+		@reset-filter="resetFilter">
 		<template #icon>
 			<NcIconSvgWrapper :path="mdiCalendarRange" />
 		</template>
@@ -107,8 +106,8 @@ export default {
 				this.setPreset()
 			} else {
 				this.setPreset(this.currentPreset)
-
 			}
+			this.setMarkedFilter()
 		},
 	},
 	methods: {
@@ -136,14 +135,11 @@ export default {
 				this.filtersStore.onFilterUpdateChipsAndSave({ detail: '', id: 'modified' })
 			}
 		},
-		setMarkedFilter(){
-
+		setMarkedFilter() {
 			const chips = []
-
-			let preset = this.currentPreset
+			const preset = this.currentPreset
 
 			if (preset) {
-
 				chips.push({
 					start: preset.start,
 					end: preset.end,
@@ -152,13 +148,10 @@ export default {
 					id: preset.id,
 					onclick: () => this.setPreset(),
 				})
-
-			} else {
-				this.resetFilter()
 			}
 
 			this.filtersStore.onFilterUpdateChipsAndSave({ detail: chips, id: 'modified' })
-		}
+		},
 	},
 }
 </script>

src/views/FilesList/FileListFilter/FileListFilterStatus.vue

@@ -6,8 +6,7 @@
 	<FileListFilter class="file-list-filter-status"
 		:is-active="isActive"
 		:filter-name="t('libresign', 'Status')"
-		@reset-filter="resetFilter"
-		@set-marked-filter="setMarkedFilter">
+		@reset-filter="resetFilter">
 		<template #icon>
 			<NcIconSvgWrapper :path="mdiListStatus" />
 		</template>
@@ -74,6 +73,7 @@ export default {
 			} else {
 				this.setPreset(newValue)
 			}
+			this.setMarkedFilter()
 		},
 	},
 	methods: {
@@ -99,17 +99,10 @@ export default {
 			this.filtersStore.onFilterUpdateChips({ detail: chips, id: 'status' })
 		},
 		resetFilter() {
-
-			if( this.selectedOptions.length > 0) {
+			if (this.selectedOptions.length > 0) {
 				this.selectedOptions = []
-
 				this.filtersStore.onFilterUpdateChipsAndSave({ detail: [], id: 'status' })
 			}
-
-			console.log("-------------- TESTE:")
-			console.log(this.selectedOptions)
-			console.log(this.filtersStore.filterStatusArray)
-
 		},
 		toggleOption(option) {
 			const idx = this.selectedOptions.indexOf(option)
@@ -119,19 +112,10 @@ export default {
 				this.selectedOptions.push(option)
 			}
 		},
-		setMarkedFilter(){
-
-			console.log("Aqui aqui")
-
+		setMarkedFilter() {
 			const chips = []
 
-			let presets = this.selectedOptions
-
-			if (presets && presets.length > 0) {
-
-				console.log('Caiu no nao reset')
-				console.log(presets)
-
+			if (this.selectedOptions.length > 0) {
 				for (const id of this.selectedOptions) {
 					const status = fileStatus.find(item => item.id === id)
 					if (!status) continue
@@ -145,15 +129,9 @@ export default {
 						},
 					})
 				}
-
-				this.filtersStore.onFilterUpdateChipsAndSave({ detail: chips, id: 'status' })
-
-			}  else {
-				console.log('Caiu no reset')
-				this.resetFilter()
 			}
 
-
+			this.filtersStore.onFilterUpdateChipsAndSave({ detail: chips, id: 'status' })
 		}
 	},
 }