removed dark mod and applied fixes for text colors
This commit is contained in:
@@ -131,7 +131,7 @@ new class extends Component
|
||||
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
|
||||
<div>
|
||||
<flux:heading size="xl">{{ __('audit.audit_logs') }}</flux:heading>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('audit.audit_logs_description') }}</p>
|
||||
<p class="text-sm text-zinc-500 mt-1">{{ __('audit.audit_logs_description') }}</p>
|
||||
</div>
|
||||
<flux:button wire:click="exportCsv" icon="arrow-down-tray">
|
||||
{{ __('audit.export_csv') }}
|
||||
@@ -139,7 +139,7 @@ new class extends Component
|
||||
</div>
|
||||
|
||||
<!-- Filters -->
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 mb-6">
|
||||
<div class="bg-white rounded-lg p-4 border border-zinc-200 mb-6">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
|
||||
<flux:field>
|
||||
<flux:select wire:model.live="actionFilter">
|
||||
@@ -188,7 +188,7 @@ new class extends Component
|
||||
</div>
|
||||
|
||||
<!-- Sort Headers -->
|
||||
<div class="hidden lg:flex bg-zinc-100 dark:bg-zinc-700 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 gap-4 mb-0">
|
||||
<div class="hidden lg:flex bg-zinc-100 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 gap-4 mb-0">
|
||||
<span class="w-40">{{ __('audit.timestamp') }}</span>
|
||||
<span class="w-32">{{ __('audit.admin') }}</span>
|
||||
<span class="w-28">{{ __('audit.action') }}</span>
|
||||
@@ -200,18 +200,18 @@ new class extends Component
|
||||
<!-- Logs List -->
|
||||
<div class="space-y-0">
|
||||
@forelse($logs as $log)
|
||||
<div wire:key="log-{{ $log->id }}" class="bg-white dark:bg-zinc-800 p-4 border border-zinc-200 dark:border-zinc-700 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
|
||||
<div wire:key="log-{{ $log->id }}" class="bg-white p-4 border border-zinc-200 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
|
||||
<div class="flex flex-col lg:flex-row lg:items-center gap-4">
|
||||
<!-- Timestamp -->
|
||||
<div class="lg:w-40">
|
||||
<div class="text-sm font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<div class="text-sm font-medium text-zinc-900">
|
||||
{{ $log->created_at->translatedFormat(app()->getLocale() === 'ar' ? 'd/m/Y H:i' : 'm/d/Y H:i') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Admin -->
|
||||
<div class="lg:w-32">
|
||||
<div class="text-sm text-zinc-900 dark:text-zinc-100">
|
||||
<div class="text-sm text-zinc-900">
|
||||
{{ $log->admin?->name ?? __('audit.system') }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -234,14 +234,14 @@ new class extends Component
|
||||
|
||||
<!-- Target -->
|
||||
<div class="flex-1">
|
||||
<div class="text-sm text-zinc-900 dark:text-zinc-100">
|
||||
<div class="text-sm text-zinc-900">
|
||||
{{ __("audit.target_{$log->target_type}") }} #{{ $log->target_id }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IP Address -->
|
||||
<div class="lg:w-36">
|
||||
<div class="text-sm text-zinc-500 dark:text-zinc-400 font-mono">
|
||||
<div class="text-sm text-zinc-500 font-mono">
|
||||
{{ $log->ip_address }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -255,7 +255,7 @@ new class extends Component
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
|
||||
<div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
|
||||
<flux:icon name="clipboard-document-list" class="w-12 h-12 mx-auto mb-4" />
|
||||
<p>{{ $actionFilter || $targetFilter || $dateFrom || $dateTo || $search ? __('audit.no_results') : __('audit.no_logs_found') }}</p>
|
||||
</div>
|
||||
@@ -274,38 +274,38 @@ new class extends Component
|
||||
|
||||
<div class="grid grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.timestamp') }}:</span>
|
||||
<span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ $selectedLog->created_at->format('Y-m-d H:i:s') }}</span>
|
||||
<span class="font-medium text-zinc-500">{{ __('audit.timestamp') }}:</span>
|
||||
<span class="ms-2 text-zinc-900">{{ $selectedLog->created_at->format('Y-m-d H:i:s') }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.admin') }}:</span>
|
||||
<span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ $selectedLog->admin?->name ?? __('audit.system') }}</span>
|
||||
<span class="font-medium text-zinc-500">{{ __('audit.admin') }}:</span>
|
||||
<span class="ms-2 text-zinc-900">{{ $selectedLog->admin?->name ?? __('audit.system') }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.action') }}:</span>
|
||||
<span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ __("audit.action_{$selectedLog->action}") }}</span>
|
||||
<span class="font-medium text-zinc-500">{{ __('audit.action') }}:</span>
|
||||
<span class="ms-2 text-zinc-900">{{ __("audit.action_{$selectedLog->action}") }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.target') }}:</span>
|
||||
<span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ __("audit.target_{$selectedLog->target_type}") }} #{{ $selectedLog->target_id }}</span>
|
||||
<span class="font-medium text-zinc-500">{{ __('audit.target') }}:</span>
|
||||
<span class="ms-2 text-zinc-900">{{ __("audit.target_{$selectedLog->target_type}") }} #{{ $selectedLog->target_id }}</span>
|
||||
</div>
|
||||
<div class="col-span-2">
|
||||
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.ip_address') }}:</span>
|
||||
<span class="ms-2 text-zinc-900 dark:text-zinc-100 font-mono">{{ $selectedLog->ip_address }}</span>
|
||||
<span class="font-medium text-zinc-500">{{ __('audit.ip_address') }}:</span>
|
||||
<span class="ms-2 text-zinc-900 font-mono">{{ $selectedLog->ip_address }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if($selectedLog->old_values)
|
||||
<div>
|
||||
<strong class="text-zinc-700 dark:text-zinc-300">{{ __('audit.old_values') }}:</strong>
|
||||
<pre class="bg-zinc-100 dark:bg-zinc-900 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800 dark:text-zinc-200" dir="ltr">{{ json_encode($selectedLog->old_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
|
||||
<strong class="text-zinc-700">{{ __('audit.old_values') }}:</strong>
|
||||
<pre class="bg-zinc-100 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800" dir="ltr">{{ json_encode($selectedLog->old_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($selectedLog->new_values)
|
||||
<div>
|
||||
<strong class="text-zinc-700 dark:text-zinc-300">{{ __('audit.new_values') }}:</strong>
|
||||
<pre class="bg-zinc-100 dark:bg-zinc-900 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800 dark:text-zinc-200" dir="ltr">{{ json_encode($selectedLog->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
|
||||
<strong class="text-zinc-700">{{ __('audit.new_values') }}:</strong>
|
||||
<pre class="bg-zinc-100 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800" dir="ltr">{{ json_encode($selectedLog->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
|
||||
Reference in New Issue
Block a user