Allowed Filters to stay Persistent, Introduced Extra Column for ActivePhase
This commit is contained in:
@@ -86,9 +86,7 @@ const changePage = (number) => {
|
||||
setupPage()
|
||||
}
|
||||
|
||||
const resetColum = (column) => {
|
||||
columnsToFilter.value[column] = itemsMeta.value.distinctValues[column]
|
||||
}
|
||||
|
||||
|
||||
const changeSort = (column) => {
|
||||
if(sort.value.column === column) {
|
||||
@@ -131,7 +129,11 @@ const setupPage = async () => {
|
||||
items.value = data
|
||||
itemsMeta.value = meta
|
||||
if(!initialSetupDone.value){
|
||||
Object.keys(itemsMeta.value.distinctValues).forEach(distinctValue => {
|
||||
Object.keys(tempStore.filters[type]).forEach((column) => {
|
||||
columnsToFilter.value[column] = tempStore.filters[type][column]
|
||||
})
|
||||
|
||||
Object.keys(itemsMeta.value.distinctValues).filter(i => !Object.keys(tempStore.filters[type]).includes(i)).forEach(distinctValue => {
|
||||
columnsToFilter.value[distinctValue] = itemsMeta.value.distinctValues[distinctValue]
|
||||
})
|
||||
}
|
||||
@@ -144,8 +146,14 @@ const setupPage = async () => {
|
||||
|
||||
setupPage()
|
||||
|
||||
|
||||
|
||||
const handleFilterChange = async (action,column) => {
|
||||
if(action === 'reset') {
|
||||
columnsToFilter.value[column] = itemsMeta.value.distinctValues[column]
|
||||
} else if(action === 'change') {
|
||||
tempStore.modifyFilter(type,column,columnsToFilter.value[column])
|
||||
}
|
||||
setupPage()
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -328,7 +336,7 @@ setupPage()
|
||||
:options="itemsMeta?.distinctValues?.[column.key]"
|
||||
v-model="columnsToFilter[column.key]"
|
||||
multiple
|
||||
@change="setupPage"
|
||||
@change="handleFilterChange('change', column.key)"
|
||||
searchable
|
||||
searchable-placeholder="Suche..."
|
||||
:search-attributes="[column.key]"
|
||||
@@ -367,7 +375,7 @@ setupPage()
|
||||
v-if="columnsToFilter[column.key]?.length !== itemsMeta.distinctValues?.[column.key]?.length && column.distinct"
|
||||
>
|
||||
<UButton
|
||||
@click="resetColum(column.key)"
|
||||
@click="handleFilterChange('reset',column.key)"
|
||||
variant="outline"
|
||||
color="rose"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user