83 lines
2.2 KiB
JavaScript
83 lines
2.2 KiB
JavaScript
|
import { defineStore } from 'pinia'
|
||
|
|
import axios from 'axios'
|
||
|
|
|
||
|
|
export const formsEndpoint = '/api/open/workspaces/{workspaceId}/forms'
|
||
|
|
export const namespaced = true
|
||
|
|
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 axios.get(formsEndpoint.replace('{workspaceId}', workspaceId)+'?page='+currentPage).then((response) => {
|
||
|
|
if (currentPage == 1) {
|
||
|
|
this.set(response.data.data)
|
||
|
|
} else {
|
||
|
|
this.append(response.data.data)
|
||
|
|
}
|
||
|
|
if (currentPage < response.data.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()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|