opnform/client/stores/forms.js

import {defineStore} from 'pinia'

export const formsEndpoint = '/open/workspaces/{workspaceId}/forms'
export let currentPage = 1

export const useFormsStore = defineStore('forms', {
  state: () => ({
    content: [],
    loading: false
  }),
  getters: {
    getById: (state) => (id) => {
      if (state.content.length === 0) return null
      return state.content.find(item => item.id === id)
    },
    getBySlug: (state) => (slug) => {
      if (state.content.length === 0) return null
      return state.content.find(item => item.slug === slug)
    },
    getAllTags: (state) => {
      if (state.content.length === 0) return []
      let allTags = []
      state.content.forEach(form => {
        if (form.tags && form.tags.length > 0) {
          allTags = allTags.concat(form.tags)
        }
      })
      return allTags.filter((item, i, ar) => ar.indexOf(item) === i)
    }
  },
  actions: {
    set(items) {
      this.content = items
    },
    append(items) {
      this.content = this.content.concat(items)
    },
    addOrUpdate(item) {
      this.content = this.content.filter((val) => val.id !== item.id)
      this.content.push(item)
    },
    remove(item) {
      this.content = this.content.filter((val) => val.id !== item.id)
    },
    startLoading() {
      this.loading = true
    },
    stopLoading() {
      this.loading = false
    },
    resetState() {
      this.set([])
      this.stopLoading()
      currentPage = 1
    },
    load(workspaceId) {
      this.startLoading()
      return useOpnApi(formsEndpoint.replace('{workspaceId}', workspaceId) + '?page=' + currentPage)
        .then(({data, error}) => {
        if (currentPage === 1) {
          this.set(data.value.data)
        } else {
          this.append(data.value.data)
        }
        if (currentPage < data.value.meta.last_page) {
          currentPage += 1
          this.load(workspaceId)
        } else {
          this.stopLoading()
          currentPage = 1
        }
      })
    },
    loadIfEmpty(workspaceId) {
      if (this.content.length === 0) {
        return this.load(workspaceId)
      }
      this.stopLoading()
      return Promise.resolve()
    }
  }
})