mahdahar
46dc493af1
- Add PDF generation events (GEN_PDF, REGEN_PDF) to AUDIT_REQUESTS table - Track PDF print/generate/regenerate with timestamp and language - Fix language parameter handling in ReportController (engQuery vs engQuery typo) - Simplify result dialog to show report in iframe instead of async PDF loading - Add PDF tab to audit dialog showing generation history
102 lines
4.3 KiB
PHP
102 lines
4.3 KiB
PHP
<dialog class="modal" :open="isDialogAuditOpen">
|
|
<template x-if="auditAccessnumber">
|
|
<div class="modal-box w-11/12 max-w-4xl h-[80vh] flex flex-col p-0 overflow-hidden bg-base-100">
|
|
<div class="flex justify-between items-center p-3 bg-base-200 border-b border-base-300">
|
|
<h3 class="font-bold text-lg flex items-center gap-2">
|
|
<i class="fa fa-history text-primary"></i>
|
|
Audit Trail
|
|
<span class="badge badge-ghost text-xs" x-text="auditAccessnumber"></span>
|
|
</h3>
|
|
<button class="btn btn-sm btn-circle btn-ghost" @click="closeAuditDialog()">
|
|
<i class="fa fa-times"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="flex-1 overflow-y-auto p-4 bg-base-100">
|
|
<div class="flex gap-2 mb-4">
|
|
<button @click="auditTab = 'all'"
|
|
:class="auditTab === 'all' ? 'btn-active btn-primary text-white' : 'btn-ghost'"
|
|
class="btn btn-sm join-item">All</button>
|
|
<button @click="auditTab = 'validation'"
|
|
:class="auditTab === 'validation' ? 'btn-active btn-primary text-white' : 'btn-ghost'"
|
|
class="btn btn-sm join-item">Validation</button>
|
|
<button @click="auditTab = 'receive'"
|
|
:class="auditTab === 'receive' ? 'btn-active btn-warning text-white' : 'btn-ghost'"
|
|
class="btn btn-sm join-item">Receive</button>
|
|
<button @click="auditTab = 'sample'"
|
|
:class="auditTab === 'sample' ? 'btn-active btn-primary text-white' : 'btn-ghost'"
|
|
class="btn btn-sm join-item">Sample</button>
|
|
<button @click="auditTab = 'pdf'"
|
|
:class="auditTab === 'pdf' ? 'btn-active btn-secondary text-white' : 'btn-ghost'"
|
|
class="btn btn-sm join-item">PDF</button>
|
|
</div>
|
|
|
|
<div class="space-y-3">
|
|
<template x-if="!auditData">
|
|
<div class="text-center py-10">
|
|
<span class="loading loading-spinner loading-lg text-primary"></span>
|
|
<p class="mt-2">Loading audit data...</p>
|
|
</div>
|
|
</template>
|
|
|
|
<template x-if="auditData && getAllAuditEvents.length === 0">
|
|
<div class="text-center py-10 text-base-content/50">
|
|
<i class="fa fa-inbox text-4xl mb-2"></i>
|
|
<p>No audit events found</p>
|
|
</div>
|
|
</template>
|
|
|
|
<template x-if="auditData && getAllAuditEvents.length > 0">
|
|
<div class="relative border-l-2 border-base-300 ml-3 space-y-4">
|
|
<template x-for="event in getFilteredAuditEvents" :key="event.id">
|
|
<div class="ml-6 relative">
|
|
<div class="absolute -left-9 w-6 h-6 rounded-full flex items-center justify-center"
|
|
:class="{
|
|
'bg-success': event.category === 'validation' && event.type !== 'UNVAL',
|
|
'bg-info': event.category === 'sample',
|
|
'bg-warning': event.category === 'receive',
|
|
'bg-error': event.category === 'validation' && event.type === 'UNVAL',
|
|
'bg-secondary': event.category === 'pdf'
|
|
}">
|
|
<i class="fa text-xs text-white"
|
|
:class="{
|
|
'fa-check': event.category === 'validation' && event.type !== 'UNVAL',
|
|
'fa-vial': event.category === 'sample',
|
|
'fa-check-circle': event.category === 'receive',
|
|
'fa-times': event.category === 'validation' && event.type === 'UNVAL',
|
|
'fa-file-pdf': event.category === 'pdf'
|
|
}"></i>
|
|
</div>
|
|
<div class="bg-base-200 rounded-lg p-3 shadow-sm">
|
|
<div class="flex justify-between items-start">
|
|
<div>
|
|
<span class="badge badge-sm mb-1"
|
|
:class="{
|
|
'badge-success': event.category === 'validation' && event.type !== 'UNVAL',
|
|
'badge-info': event.category === 'sample',
|
|
'badge-warning': event.category === 'receive',
|
|
'badge-error': event.category === 'validation' && event.type === 'UNVAL',
|
|
'badge-secondary': event.category === 'pdf'
|
|
}"
|
|
x-text="event.type"></span>
|
|
<p class="font-medium text-sm" x-text="event.description"></p>
|
|
<template x-if="event.reason">
|
|
<p class="text-xs text-error mt-1" x-text="'Reason: ' + event.reason"></p>
|
|
</template>
|
|
</div>
|
|
<div class="text-right text-xs text-base-content/60">
|
|
<p x-text="event.datetime"></p>
|
|
<p x-text="event.user"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</dialog>
|