mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
2.9 KiB
104 lines
2.9 KiB
import type { FilterType, GalleryType, GridType, KanbanType } from 'nocodb-sdk' |
|
import type { Ref } from 'vue' |
|
import { useNuxtApp } from '#imports' |
|
|
|
export default function ( |
|
view: Ref<(GridType | KanbanType | GalleryType) & { id?: string }> | undefined, |
|
parentId?: string, |
|
reloadData?: () => void, |
|
) { |
|
const filters = ref<(FilterType & { status?: 'update' | 'delete' })[]>([]) |
|
|
|
const { $api } = useNuxtApp() |
|
|
|
const loadFilters = async () => { |
|
if (parentId) { |
|
filters.value = await $api.dbTableFilter.childrenRead(parentId) |
|
} else { |
|
filters.value = await $api.dbTableFilter.read(view?.value?.id as string) |
|
} |
|
} |
|
|
|
const sync = async (_nested = false) => { |
|
for (const [i, filter] of Object.entries(filters.value)) { |
|
if (filter.status === 'delete') { |
|
await $api.dbTableFilter.delete(filter.id as string) |
|
} else if (filter.status === 'update') { |
|
await $api.dbTableFilter.update(filter.id as string, { |
|
...filter, |
|
fk_parent_id: parentId, |
|
}) |
|
} else { |
|
filters.value[+i] = (await $api.dbTableFilter.create(view?.value?.id as string, { |
|
...filter, |
|
fk_parent_id: parentId, |
|
})) as any |
|
} |
|
} |
|
reloadData?.() |
|
} |
|
|
|
const deleteFilter = async (filter: FilterType, i: number) => { |
|
// if (this.shared || !this._isUIAllowed('filterSync')) { |
|
// this.filters.splice(i, 1) |
|
// this.$emit('updated') |
|
// } else |
|
|
|
if (filter.id) { |
|
// if (!this.autoApply) { |
|
// this.$set(filter, 'status', 'delete') |
|
// } else { |
|
await $api.dbTableFilter.delete(filter.id) /**/ |
|
// await this.loadFilter() |
|
// this.$emit('updated') |
|
// } |
|
} else { |
|
// this.$emit('updated') |
|
} |
|
const _filters = unref(filters.value) |
|
_filters.splice(i, 1) |
|
filters.value = _filters |
|
// this.$e('a:filter:delete') |
|
// // }, |
|
reloadData?.() |
|
} |
|
|
|
const saveOrUpdate = async (filter: FilterType, i: number) => { |
|
if (!view?.value) return |
|
|
|
// if (this.shared || !this._isUIAllowed('filterSync')) { |
|
// this.$emit('input', this.filters.filter(f => f.fk_column_id && f.comparison_op)) |
|
// this.$emit('updated') |
|
// } else if (!this.autoApply) { |
|
// filter.status = 'update' |
|
// } else |
|
if (filter.id) { |
|
await $api.dbTableFilter.update(filter.id, { |
|
...filter, |
|
fk_parent_id: parentId, |
|
}) |
|
|
|
// this.$emit('updated') |
|
} else { |
|
// todo: return type correction |
|
filters.value[i] = (await $api.dbTableFilter.create(view?.value?.id as string, { |
|
...filter, |
|
fk_parent_id: parentId, |
|
})) as any |
|
|
|
// this.$emit('updated') |
|
} |
|
reloadData?.() |
|
} |
|
|
|
const addFilter = () => { |
|
filters.value.push({ |
|
comparison_op: 'eq', |
|
value: '', |
|
status: 'update', |
|
logical_op: 'and', |
|
}) |
|
} |
|
|
|
return { filters, loadFilters, sync, deleteFilter, saveOrUpdate, addFilter } |
|
}
|
|
|