Matthieu
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.
61 lines
2.1 KiB
TypeScript
61 lines
2.1 KiB
TypeScript
import type {
|
|
ClientTicket,
|
|
ClientTicketCreate,
|
|
ClientTicketStatusUpdate,
|
|
} from './dto/client-ticket'
|
|
import type { HydraCollection } from '~/utils/api'
|
|
import { extractHydraMembers } from '~/utils/api'
|
|
|
|
export type ClientTicketFilters = {
|
|
project?: number | string
|
|
status?: string
|
|
submittedBy?: number | string
|
|
}
|
|
|
|
export function useClientTicketService() {
|
|
const api = useApi()
|
|
|
|
async function getAll(params?: ClientTicketFilters): Promise<ClientTicket[]> {
|
|
const query: Record<string, unknown> = {}
|
|
if (params?.project !== undefined && params.project !== '') {
|
|
query.project = typeof params.project === 'number'
|
|
? `/api/projects/${params.project}`
|
|
: params.project
|
|
}
|
|
if (params?.status) {
|
|
query.status = params.status
|
|
}
|
|
if (params?.submittedBy !== undefined && params.submittedBy !== '') {
|
|
query.submittedBy = typeof params.submittedBy === 'number'
|
|
? `/api/users/${params.submittedBy}`
|
|
: params.submittedBy
|
|
}
|
|
const data = await api.get<HydraCollection<ClientTicket>>('/client_tickets', query)
|
|
return extractHydraMembers(data)
|
|
}
|
|
|
|
async function getById(id: number): Promise<ClientTicket> {
|
|
return api.get<ClientTicket>(`/client_tickets/${id}`)
|
|
}
|
|
|
|
async function create(payload: ClientTicketCreate): Promise<ClientTicket> {
|
|
return api.post<ClientTicket>('/client_tickets', payload as Record<string, unknown>, {
|
|
toastSuccessKey: 'clientTicket.created',
|
|
})
|
|
}
|
|
|
|
async function updateStatus(id: number, payload: ClientTicketStatusUpdate): Promise<ClientTicket> {
|
|
return api.patch<ClientTicket>(`/client_tickets/${id}`, payload as Record<string, unknown>, {
|
|
toastSuccessKey: 'clientTicket.statusChanged',
|
|
})
|
|
}
|
|
|
|
async function remove(id: number): Promise<void> {
|
|
await api.delete(`/client_tickets/${id}`, {}, {
|
|
toastSuccessKey: 'clientTicket.deleted',
|
|
})
|
|
}
|
|
|
|
return { getAll, getById, create, updateStatus, remove }
|
|
}
|