kolaente
befa6f27bb
fix: project table view fix: e2e tests fix: typo in readme fix: list view route fix: don't wait until background is loaded for list to show fix: rename component imports fix: lint fix: parse task text fix: use list card grid fix: use correct class names fix: i18n keys fix: load project fix: task overview fix: list view spacing fix: find project fix: setLoading when updating a project fix: loading saved filter fix: project store loading fix: color picker import fix: cypress tests feat: migrate old list settings chore: add const for project settings fix: wrong projecten rename from lists chore: rename unused variable fix: editor list fix: shortcut list class name fix: pagination list class name fix: notifications list class name fix: list view variable name chore: clarify comment fix: i18n keys fix: router imports fix: comment chore: remove debugging leftover fix: remove duplicate variables fix: change comment fix: list view variable name fix: list view css class name fix: list item property name fix: name update tasks function correctly fix: update comment fix: project create route fix: list view class names fix: list view component name fix: result list class name fix: animation class list name fix: change debug log fix: revert a few navigation changes fix: use @ for imports of all views fix: rename link share list class fix: remove unused css class fix: dynamically import project components again
236 lines
6.4 KiB
TypeScript
236 lines
6.4 KiB
TypeScript
import {computed, readonly, ref} from 'vue'
|
|
import {defineStore, acceptHMRUpdate} from 'pinia'
|
|
|
|
import NamespaceService from '../services/namespace'
|
|
import {setModuleLoading} from '@/stores/helper'
|
|
import {createNewIndexer} from '@/indexes'
|
|
import type {INamespace} from '@/modelTypes/INamespace'
|
|
import type {IProject} from '@/modelTypes/IProject'
|
|
import {useProjectStore} from '@/stores/projects'
|
|
|
|
const {add, remove, search, update} = createNewIndexer('namespaces', ['title', 'description'])
|
|
|
|
export const useNamespaceStore = defineStore('namespace', () => {
|
|
const projectStore = useProjectStore()
|
|
|
|
const isLoading = ref(false)
|
|
// FIXME: should be object with id as key
|
|
const namespaces = ref<INamespace[]>([])
|
|
|
|
const getProjectAndNamespaceById = computed(() => (projectId: IProject['id'], ignorePseudoNamespaces = false) => {
|
|
for (const n in namespaces.value) {
|
|
|
|
if (ignorePseudoNamespaces && namespaces.value[n].id < 0) {
|
|
continue
|
|
}
|
|
|
|
for (const l in namespaces.value[n].projects) {
|
|
if (namespaces.value[n].projects[l].id === projectId) {
|
|
return {
|
|
project: namespaces.value[n].projects[l],
|
|
namespace: namespaces.value[n],
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return null
|
|
})
|
|
|
|
const getNamespaceById = computed(() => (namespaceId: INamespace['id']) => {
|
|
return namespaces.value.find(({id}) => id == namespaceId) || null
|
|
})
|
|
|
|
const searchNamespace = computed(() => {
|
|
return (query: string) => (
|
|
search(query)
|
|
?.filter(value => value > 0)
|
|
.map(getNamespaceById.value)
|
|
.filter(n => n !== null)
|
|
|| []
|
|
)
|
|
})
|
|
|
|
|
|
function setIsLoading(newIsLoading: boolean) {
|
|
isLoading.value = newIsLoading
|
|
}
|
|
|
|
function setNamespaces(newNamespaces: INamespace[]) {
|
|
namespaces.value = newNamespaces
|
|
newNamespaces.forEach(n => {
|
|
add(n)
|
|
|
|
// Check for each project in that namespace if it has a subscription and set it if not
|
|
n.projects.forEach(l => {
|
|
if (l.subscription === null || l.subscription.entity !== 'project') {
|
|
l.subscription = n.subscription
|
|
}
|
|
})
|
|
})
|
|
}
|
|
|
|
function setNamespaceById(namespace: INamespace) {
|
|
const namespaceIndex = namespaces.value.findIndex(n => n.id === namespace.id)
|
|
|
|
if (namespaceIndex === -1) {
|
|
return
|
|
}
|
|
|
|
if (!namespace.projects || namespace.projects.length === 0) {
|
|
namespace.projects = namespaces.value[namespaceIndex].projects
|
|
}
|
|
|
|
// Check for each project in that namespace if it has a subscription and set it if not
|
|
namespace.projects.forEach(l => {
|
|
if (l.subscription === null || l.subscription.entity !== 'project') {
|
|
l.subscription = namespace.subscription
|
|
}
|
|
})
|
|
|
|
namespaces.value[namespaceIndex] = namespace
|
|
update(namespace)
|
|
}
|
|
|
|
function setProjectInNamespaceById(project: IProject) {
|
|
for (const n in namespaces.value) {
|
|
// We don't have the namespace id on the project which means we need to loop over all projects until we find it.
|
|
// FIXME: Not ideal at all - we should fix that at the api level.
|
|
if (namespaces.value[n].id === project.namespaceId) {
|
|
for (const l in namespaces.value[n].projects) {
|
|
if (namespaces.value[n].projects[l].id === project.id) {
|
|
const namespace = namespaces.value[n]
|
|
namespace.projects[l] = project
|
|
namespaces.value[n] = namespace
|
|
return
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function addNamespace(namespace: INamespace) {
|
|
namespaces.value.push(namespace)
|
|
add(namespace)
|
|
}
|
|
|
|
function removeNamespaceById(namespaceId: INamespace['id']) {
|
|
for (const n in namespaces.value) {
|
|
if (namespaces.value[n].id === namespaceId) {
|
|
remove(namespaces.value[n])
|
|
namespaces.value.splice(n, 1)
|
|
return
|
|
}
|
|
}
|
|
}
|
|
|
|
function addProjectToNamespace(project: IProject) {
|
|
for (const n in namespaces.value) {
|
|
if (namespaces.value[n].id === project.namespaceId) {
|
|
namespaces.value[n].projects.push(project)
|
|
return
|
|
}
|
|
}
|
|
}
|
|
|
|
function removeProjectFromNamespaceById(project: IProject) {
|
|
for (const n in namespaces.value) {
|
|
// We don't have the namespace id on the project which means we need to loop over all projects until we find it.
|
|
// FIXME: Not ideal at all - we should fix that at the api level.
|
|
if (namespaces.value[n].id === project.namespaceId) {
|
|
for (const l in namespaces.value[n].projects) {
|
|
if (namespaces.value[n].projects[l].id === project.id) {
|
|
namespaces.value[n].projects.splice(l, 1)
|
|
return
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
async function loadNamespaces() {
|
|
const cancel = setModuleLoading(setIsLoading)
|
|
|
|
const namespaceService = new NamespaceService()
|
|
try {
|
|
// We always load all namespaces and filter them on the frontend
|
|
const namespaces = await namespaceService.getAll({}, {is_archived: true}) as INamespace[]
|
|
setNamespaces(namespaces)
|
|
|
|
// Put all projects in the project state
|
|
const projects = namespaces.flatMap(({projects}) => projects)
|
|
|
|
projectStore.setProjects(projects)
|
|
|
|
return namespaces
|
|
} finally {
|
|
cancel()
|
|
}
|
|
}
|
|
|
|
function loadNamespacesIfFavoritesDontExist() {
|
|
// The first or second namespace should be the one holding all favorites
|
|
if (namespaces.value[0].id === -2 || namespaces.value[1]?.id === -2) {
|
|
return
|
|
}
|
|
return loadNamespaces()
|
|
}
|
|
|
|
function removeFavoritesNamespaceIfEmpty() {
|
|
if (namespaces.value[0].id === -2 && namespaces.value[0].projects.length === 0) {
|
|
namespaces.value.splice(0, 1)
|
|
}
|
|
}
|
|
|
|
async function deleteNamespace(namespace: INamespace) {
|
|
const cancel = setModuleLoading(setIsLoading)
|
|
const namespaceService = new NamespaceService()
|
|
|
|
try {
|
|
const response = await namespaceService.delete(namespace)
|
|
removeNamespaceById(namespace.id)
|
|
return response
|
|
} finally {
|
|
cancel()
|
|
}
|
|
}
|
|
|
|
async function createNamespace(namespace: INamespace) {
|
|
const cancel = setModuleLoading(setIsLoading)
|
|
const namespaceService = new NamespaceService()
|
|
|
|
try {
|
|
const createdNamespace = await namespaceService.create(namespace)
|
|
addNamespace(createdNamespace)
|
|
return createdNamespace
|
|
} finally {
|
|
cancel()
|
|
}
|
|
}
|
|
|
|
return {
|
|
isLoading: readonly(isLoading),
|
|
namespaces: readonly(namespaces),
|
|
|
|
getProjectAndNamespaceById,
|
|
getNamespaceById,
|
|
searchNamespace,
|
|
|
|
setNamespaces,
|
|
setNamespaceById,
|
|
setProjectInNamespaceById,
|
|
addNamespace,
|
|
removeNamespaceById,
|
|
addProjectToNamespace,
|
|
removeProjectFromNamespaceById,
|
|
loadNamespaces,
|
|
loadNamespacesIfFavoritesDontExist,
|
|
removeFavoritesNamespaceIfEmpty,
|
|
deleteNamespace,
|
|
createNamespace,
|
|
}
|
|
})
|
|
|
|
// support hot reloading
|
|
if (import.meta.hot) {
|
|
import.meta.hot.accept(acceptHMRUpdate(useNamespaceStore, import.meta.hot))
|
|
} |