opnform/client/stores/workspaces.js

import {defineStore} from 'pinia'
import {useStorage} from "@vueuse/core"

export const workspaceEndpoint = 'open/workspaces/'

const storedWorkspaceId = useStorage('currentWorkspace', 0)

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 (){
      if (this.content.length === 0 || this.currentId === null) return null
      return this.content.find(item => item.id === this.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.setCurrentId(items[0].id)
        } else if (storedWorkspaceId && this.content.find(item => item.id === parseInt(storedWorkspaceId.value))) {
          // Check local storage for current workspace, or take first
          this.setCurrentId(parseInt(storedWorkspaceId.value))
        } else {
          // Else, take first
          this.setCurrentId(items[0].id)
        }
      } else {
        this.setCurrentId(null)
      }
    },
    setCurrentId(id) {
      this.currentId = id
      storedWorkspaceId.value = 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
        storedWorkspaceId.value = this.currentId
      }
    },
    remove(itemId) {
      this.content = this.content.filter((val) => val.id !== itemId)
      if (this.currentId === itemId) {
        this.setCurrentId(this.content.length > 0 ? this.content[0].id : null)
      }
    },
    startLoading() {
      this.loading = true
    },
    stopLoading() {
      this.loading = false
    },
    resetState() {
      this.set([])
      this.stopLoading()
    },
    load() {
      this.set([])
      this.startLoading()
      return useOpnApi(workspaceEndpoint).then(({data, error}) => {
        this.set(data.value)
        this.stopLoading()
      })
    },
    loadIfEmpty() {
      if (this.content.length === 0) {
        return this.load()
      }
      return Promise.resolve()
    },
    delete(id) {
      this.startLoading()
      return useOpnApi(workspaceEndpoint + id, {method: 'DELETE'}).then(({data}) => {
        this.remove(data.value.workspace_id)
        this.stopLoading()
      })
    }
  }
})