144a8a4685
LST-69 (3.2) front. Client portal UI on the phase-1 backend. - New frontend/modules/client-portal/ layer: /portal (project cards from the client's allowedProjects via /me), /portal/projects/[id] (tickets list, detail modal, create modal with document upload), client-tickets service + DTO, CT-XXX formatting. - Front tenancy: auth.global.ts redirects a pure ROLE_CLIENT to /portal and blocks internal routes; portal pages open to any authenticated user. - Admin: UserDrawer manages client accounts (ROLE_CLIENT + client + allowedProjects); new "Tickets client" admin tab (list, filters, status change with required comment on reject, detail modal). - Kanban/my-tasks: client-ticket icon + tooltip when task.clientTicket is set (data via task:read, no extra call). TaskDocument upload generalized with a clientTicketId prop. getContent uses native fetch (text response). - i18n portal/clientTicket keys; sidebar /portal item (module client-portal). nuxt build passes; /portal routes present, existing routes intact.
74 lines
2.7 KiB
TypeScript
74 lines
2.7 KiB
TypeScript
import type { TaskDocument } from './dto/task-document'
|
|
import type { HydraCollection } from '~/utils/api'
|
|
import { extractHydraMembers } from '~/utils/api'
|
|
import { $fetch } from 'ofetch'
|
|
|
|
export function useTaskDocumentService() {
|
|
const api = useApi()
|
|
const config = useRuntimeConfig()
|
|
const baseURL = config.public.apiBase || '/api'
|
|
|
|
async function getByTask(taskId: number): Promise<TaskDocument[]> {
|
|
const data = await api.get<HydraCollection<TaskDocument>>('/task_documents', {
|
|
task: `/api/tasks/${taskId}`,
|
|
})
|
|
return extractHydraMembers(data)
|
|
}
|
|
|
|
async function getByClientTicket(clientTicketId: number): Promise<TaskDocument[]> {
|
|
const data = await api.get<HydraCollection<TaskDocument>>('/task_documents', {
|
|
clientTicket: `/api/client_tickets/${clientTicketId}`,
|
|
})
|
|
return extractHydraMembers(data)
|
|
}
|
|
|
|
async function uploadWithRelation(relationField: string, relationIri: string, file: File): Promise<TaskDocument> {
|
|
const formData = new FormData()
|
|
formData.append('file', file)
|
|
formData.append(relationField, relationIri)
|
|
|
|
return $fetch<TaskDocument>(`${baseURL}/task_documents`, {
|
|
method: 'POST',
|
|
body: formData,
|
|
credentials: 'include',
|
|
})
|
|
}
|
|
|
|
async function upload(taskId: number, file: File): Promise<TaskDocument> {
|
|
return uploadWithRelation('task', `/api/tasks/${taskId}`, file)
|
|
}
|
|
|
|
async function uploadForClientTicket(clientTicketId: number, file: File): Promise<TaskDocument> {
|
|
return uploadWithRelation('clientTicket', `/api/client_tickets/${clientTicketId}`, file)
|
|
}
|
|
|
|
async function linkShare(taskId: number, sharePath: string): Promise<TaskDocument> {
|
|
return $fetch<TaskDocument>(`${baseURL}/task_documents`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ task: `/api/tasks/${taskId}`, sharePath }),
|
|
credentials: 'include',
|
|
})
|
|
}
|
|
|
|
async function remove(id: number): Promise<void> {
|
|
await api.delete(`/task_documents/${id}`, {}, {
|
|
toastSuccessKey: 'taskDocuments.deleted',
|
|
})
|
|
}
|
|
|
|
function getDownloadUrl(id: number): string {
|
|
return `${baseURL}/task_documents/${id}/download`
|
|
}
|
|
|
|
async function getContent(id: number): Promise<string> {
|
|
const response = await fetch(`${baseURL}/task_documents/${id}/download`, {
|
|
credentials: 'include',
|
|
})
|
|
|
|
return response.text()
|
|
}
|
|
|
|
return { getByTask, getByClientTicket, upload, uploadForClientTicket, linkShare, remove, getDownloadUrl, getContent }
|
|
}
|