kunde: PM-Liste zeigt Firmen-Kontext unter der Headline und Bild-Thumbnails
Der aktive Firmen-Kontext (Firmen-Umschalter) steht jetzt prominent unter der Überschrift — Firmenname oder „Alle Firmen" — statt als kleiner Hinweistext. Neue Spalte „Bild" zwischen Status und Titel mit dem Titelbild (thumb-Variante, is_preview zuerst), dem gewählten Platzhalter bei bildlosen PMs oder einem generischen Icon-Fallback. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
parent
921c533fdb
commit
9b73972d33
4 changed files with 100 additions and 8 deletions
|
|
@ -205,6 +205,17 @@ new #[Layout('components.layouts.app'), Title('Meine Pressemitteilungen')] class
|
|||
{{ __('Meine Pressemitteilungen') }}
|
||||
</h1>
|
||||
|
||||
{{-- Aktiver Firmen-Kontext direkt unter der Headline: macht sichtbar,
|
||||
auf welche Firma (Firmen-Umschalter oben) die Liste eingeschränkt ist. --}}
|
||||
<div class="mt-2 flex items-center gap-1.5 text-[13.5px] font-semibold text-[color:var(--color-ink-2)]">
|
||||
<flux:icon.building-office variant="micro" class="size-4 text-[color:var(--color-ink-3)]" />
|
||||
@if ($selectedCompany)
|
||||
<span>{{ $selectedCompany->name }}</span>
|
||||
@else
|
||||
<span>{{ __('Alle Firmen') }}</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Counter-Strip + Kontext-Hinweis --}}
|
||||
@if ($hasAnyPR)
|
||||
<div class="counter-strip mt-3">
|
||||
|
|
@ -236,11 +247,7 @@ new #[Layout('components.layouts.app'), Title('Meine Pressemitteilungen')] class
|
|||
</div>
|
||||
@endif
|
||||
|
||||
@if ($selectedCompany)
|
||||
<p class="text-[12.5px] leading-[1.55] mt-2 m-0 text-[color:var(--color-ink-3)]">
|
||||
{{ __('Gefiltert auf :company', ['company' => $selectedCompany->name]) }}
|
||||
</p>
|
||||
@elseif (!$hasAnyPR)
|
||||
@if (!$hasAnyPR)
|
||||
<p class="text-[13.5px] leading-[1.55] mt-2 m-0 max-w-[640px] text-[color:var(--color-ink-2)]">
|
||||
{{ __('Übersicht aller PMs Ihres Kundenkontos, mit Filter und Schnellaktionen.') }}
|
||||
</p>
|
||||
|
|
@ -426,6 +433,7 @@ new #[Layout('components.layouts.app'), Title('Meine Pressemitteilungen')] class
|
|||
<flux:table>
|
||||
<flux:table.columns>
|
||||
<flux:table.column class="w-[140px]">{{ __('Status') }}</flux:table.column>
|
||||
<flux:table.column class="w-[88px]">{{ __('Bild') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'title'" :direction="$sortDir"
|
||||
wire:click="sort('title')">
|
||||
{{ __('Titel') }}
|
||||
|
|
@ -506,6 +514,24 @@ new #[Layout('components.layouts.app'), Title('Meine Pressemitteilungen')] class
|
|||
@endif
|
||||
</flux:table.cell>
|
||||
|
||||
<flux:table.cell>
|
||||
{{-- Vorschaubild: Titelbild der PM, sonst der gewählte
|
||||
Platzhalter, sonst generischer Bild-Fallback. --}}
|
||||
@php $thumbUrl = $pr->thumbImageUrl() ?? $pr->chosenPlaceholderUrl(); @endphp
|
||||
<a href="{{ route('me.press-releases.show', $pr->id) }}" wire:navigate class="block w-16">
|
||||
@if ($thumbUrl)
|
||||
<img src="{{ $thumbUrl }}" alt=""
|
||||
class="h-12 w-16 rounded-[3px] object-cover border border-[color:var(--color-bg-rule)]"
|
||||
loading="lazy">
|
||||
@else
|
||||
<span
|
||||
class="flex h-12 w-16 items-center justify-center rounded-[3px] border border-[color:var(--color-bg-rule)] bg-[color:var(--color-bg-elev)] text-[color:var(--color-ink-4)]">
|
||||
<flux:icon.photo variant="micro" class="size-4" />
|
||||
</span>
|
||||
@endif
|
||||
</a>
|
||||
</flux:table.cell>
|
||||
|
||||
<flux:table.cell>
|
||||
<div class="flex items-start gap-1.5">
|
||||
<a href="{{ route('me.press-releases.show', $pr->id) }}" wire:navigate
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue