opnform/resources/js/stores/workspaces.js

93 lines
2.9 KiB
JavaScript
Raw Normal View History

import axios from 'axios'
import { defineStore } from 'pinia'
export const namespaced = true
export const workspaceEndpoint = '/api/open/workspaces/'
const localStorageCurrentWorkspaceKey = 'currentWorkspace'
export const useWorkspacesStore = defineStore('workspaces', {
state: () => ({
content: [],
currentId: null,
loading: false
}),
getters: {
getById: (state) => (id) => {
if (state.content.length === 0) return null
return state.content.find(item => item.id === id)
},
getCurrent: (state) => () => {
if (state.content.length === 0 || state.currentId === null) return null
return state.content.find(item => item.id === state.currentId)
}
},
actions: {
set (items) {
this.content = items
if (this.currentId == null && this.content.length > 0) {
// If one only, set it
if (this.content.length === 1) {
this.currentId = items[0].id
localStorage.setItem(localStorageCurrentWorkspaceKey, this.currentId)
} else if (localStorage.getItem(localStorageCurrentWorkspaceKey) && this.content.find(item => item.id === parseInt(localStorage.getItem(localStorageCurrentWorkspaceKey)))) {
// Check local storage for current workspace, or take first
this.currentId = parseInt(localStorage.getItem(localStorageCurrentWorkspaceKey))
localStorage.setItem(localStorageCurrentWorkspaceKey, this.currentId)
} else {
// Else, take first
this.currentId = items[0].id
localStorage.setItem(localStorageCurrentWorkspaceKey, this.currentId)
}
} else {
localStorage.removeItem(localStorageCurrentWorkspaceKey)
}
},
setCurrentId (id) {
this.currentId = id
localStorage.setItem(localStorageCurrentWorkspaceKey, id)
},
addOrUpdate (item) {
this.content = this.content.filter((val) => val.id !== item.id)
this.content.push(item)
if (this.currentId == null) {
this.currentId = item.id
localStorage.setItem(localStorageCurrentWorkspaceKey, this.currentId)
}
},
remove (itemId) {
this.content = this.content.filter((val) => val.id !== itemId)
},
startLoading () {
this.loading = true
},
stopLoading () {
this.loading = false
},
resetState () {
this.set([])
this.stopLoading()
},
load () {
this.set([])
this.startLoading()
return axios.get(workspaceEndpoint).then((response) => {
this.set(response.data)
this.stopLoading()
})
},
loadIfEmpty () {
if (this.content.length === 0) {
return this.load()
}
return Promise.resolve()
},
delete (id) {
this.startLoading()
return axios.delete(workspaceEndpoint + id).then((response) => {
this.remove(response.data.workspace_id)
this.stopLoading()
})
}
}
})