cbazza/AFC-Demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix frontend

Browse Source
This commit is contained in:
Bob Molitor
2025-10-31 14:01:38 +01:00
parent 7daf6d9d09
commit 89241880b0
1 changed files with 27 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/companies/transactions.blade.php
+27 -14
View File
@@ -351,15 +351,18 @@ new #[Layout('components.layouts.app'), Title('Unternehmensauskunft Transaktione
</section>
@if (! empty($actionChecklist))
<section class="rounded-3xl border border-indigo-300/60 bg-gradient-to-br from-white via-indigo-50/60 to-purple-100/50 p-6 shadow-sm backdrop-blur dark:border-indigo-500/40 dark:bg-indigo-950/80 dark:from-indigo-950/70 dark:via-purple-900/60 dark:to-indigo-900/70">
<section class="rounded-3xl border border-slate-200/70 bg-gradient-to-br from-white via-indigo-50/40 to-slate-100/50 p-6 shadow-sm shadow-slate-900/10 backdrop-blur dark:border-slate-800/60 dark:bg-slate-950/95 dark:from-slate-950/90 dark:via-indigo-900/60 dark:to-slate-900/80">
<div class="flex flex-wrap items-center justify-between gap-4">
<div>
<h3 class="text-sm font-semibold uppercase tracking-wide text-indigo-800 dark:text-indigo-100">{{ $checklistIntro }}</h3>
<p class="mt-1 text-xs text-indigo-800/80 dark:text-indigo-200/80">
{{ __('Bearbeiten Sie die wichtigsten Schritte nacheinander, um den Fallabschluss vorzubereiten.') }}
<div class="space-y-2">
<p class="inline-flex items-center gap-2 rounded-full border border-indigo-200/60 bg-indigo-500/10 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-indigo-700 shadow-sm dark:border-white/15 dark:bg-white/10 dark:text-slate-200">
{{ __('Review-Checkliste') }}
</p>
<h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100">{{ $checklistIntro }}</h3>
<p class="text-xs text-slate-600 dark:text-slate-300">
{{ __('Priorisieren Sie die Kernaufgaben, um den Fallabschluss revisionssicher vorzubereiten.') }}
</p>
</div>
<span class="inline-flex items-center rounded-full border border-indigo-300/60 bg-white/80 px-3 py-1 text-[11px] font-semibold uppercase tracking-wide text-indigo-700 dark:border-indigo-500/40 dark:bg-indigo-500/20 dark:text-indigo-100">
<span class="inline-flex items-center rounded-full border border-indigo-200/60 bg-white/90 px-3 py-1 text-[11px] font-semibold uppercase tracking-wide text-indigo-700 shadow-sm dark:border-white/20 dark:bg-white/10 dark:text-slate-100">
{{ count($actionChecklist) }} {{ __('Schritte') }}
</span>
</div>
@@ -367,13 +370,13 @@ new #[Layout('components.layouts.app'), Title('Unternehmensauskunft Transaktione
<div class="mt-5 overflow-x-auto">
<ol class="flex min-w-full gap-4">
@foreach ($actionChecklist as $index => $item)
<li class="group flex min-w-[240px] items-start gap-3 rounded-2xl border border-indigo-200/60 bg-white/95 p-4 shadow-sm transition hover:-translate-y-0.5 hover:border-indigo-300/70 hover:shadow-indigo-500/10 dark:border-indigo-500/30 dark:bg-indigo-900/70">
<span class="mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-indigo-300/60 bg-indigo-500/10 text-xs font-semibold text-indigo-700 dark:border-indigo-500/40 dark:bg-indigo-500/25 dark:text-indigo-100">
<li class="group flex min-w-[240px] flex-1 items-start gap-3 rounded-2xl border border-indigo-100/70 bg-white/95 p-4 text-sm shadow-sm transition hover:-translate-y-0.5 hover:border-indigo-300/70 hover:bg-white hover:shadow-lg hover:shadow-indigo-500/15 dark:border-white/15 dark:bg-white/5 dark:hover:bg-white/10">
<span class="mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-indigo-200/70 bg-indigo-500/10 text-xs font-semibold text-indigo-700 shadow-sm dark:border-white/40 dark:bg-white/10 dark:text-slate-100">
{{ sprintf('%02d', $index + 1) }}
</span>
<div class="space-y-1">
<p class="font-semibold text-indigo-900 transition group-hover:text-indigo-700 dark:text-indigo-100 dark:group-hover:text-indigo-200">{{ $item['title'] }}</p>
<p class="text-xs leading-relaxed text-indigo-800/80 dark:text-indigo-100/80">{{ $item['description'] }}</p>
<div class="space-y-1 text-slate-700 dark:text-slate-100">
<p class="font-semibold tracking-wide text-slate-900 transition group-hover:text-indigo-700 dark:text-slate-100 dark:group-hover:text-indigo-200">{{ $item['title'] }}</p>
<p class="text-[11px] leading-relaxed text-slate-500 transition group-hover:text-slate-600 dark:text-slate-300 dark:group-hover:text-slate-200">{{ $item['description'] }}</p>
</div>
</li>
@endforeach
@@ -679,6 +682,13 @@ new #[Layout('components.layouts.app'), Title('Unternehmensauskunft Transaktione
$analysisClusterCount = array_sum(array_map(static fn (array $cluster): int => $cluster['count'], $analysisClusters));
$caseBoxStyles = [
Transaction::STATUS_TRUE_POSITIVE => 'border border-rose-300/60 bg-gradient-to-br from-rose-50 via-rose-100/80 to-white dark:border-rose-500/40 dark:from-rose-500/20 dark:via-rose-500/10 dark:to-slate-900/85',
Transaction::STATUS_FALSE_POSITIVE => 'border border-amber-300/60 bg-gradient-to-br from-amber-50 via-amber-100/80 to-white dark:border-amber-500/40 dark:from-amber-500/20 dark:via-amber-500/10 dark:to-slate-900/85',
Transaction::STATUS_CLEARED => 'border border-emerald-300/60 bg-gradient-to-br from-emerald-50 via-emerald-100/70 to-white dark:border-emerald-500/40 dark:from-emerald-500/15 dark:via-emerald-500/10 dark:to-slate-900/85',
];
$caseBoxClass = $caseBoxStyles[$selected->status] ?? 'border border-slate-200/70 bg-white/95 dark:border-slate-700/70 dark:bg-slate-900/90';
$sources = array_values(array_filter([
$companyName ? __('Unternehmensprofil :company (:country) – interne KYC-Stammdaten.', [
'company' => $companyName,
@@ -693,12 +703,15 @@ new #[Layout('components.layouts.app'), Title('Unternehmensauskunft Transaktione
@endphp
<div class="grid gap-6 xl:grid-cols-[minmax(0,1.65fr)_minmax(0,1fr)]">
<div class="rounded-3xl border border-slate-200/70 bg-white/95 p-7 shadow-lg shadow-slate-900/5 backdrop-blur dark:border-slate-700/70 dark:bg-slate-900/90">
<div @class([
'rounded-3xl p-7 shadow-lg shadow-slate-900/5 backdrop-blur',
$caseBoxClass,
])>
<div class="flex flex-wrap items-start justify-between gap-6">
<div class="space-y-2">
<flux:badge variant="outline">
<span class="inline-flex items-center gap-2 rounded-full border border-indigo-200/70 bg-indigo-500/10 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-indigo-700 shadow-sm dark:border-indigo-500/40 dark:bg-indigo-500/20 dark:text-indigo-100">
{{ __('Case ID') }} {{ $selected->id }}
</flux:badge>
</span>
<h3 class="text-2xl font-semibold text-slate-900 dark:text-white">
{{ $selected->counterparty }} — {{ $amountValue }}
</h3>