single line for tickets
This commit is contained in:
@@ -59,6 +59,7 @@
|
|||||||
<div class="mt-4 text-xs font-semibold text-slate-400">Open urgent/high/critical workload.</div>
|
<div class="mt-4 text-xs font-semibold text-slate-400">Open urgent/high/critical workload.</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid gap-5 xl:grid-cols-[minmax(0,2fr)_minmax(22rem,1fr)]">
|
<div class="grid gap-5 xl:grid-cols-[minmax(0,2fr)_minmax(22rem,1fr)]">
|
||||||
<div class="rounded-2xl border border-zinc-700 bg-gradient-to-br from-slate-950 via-slate-950 to-blue-950/20 shadow-sm ring-1 ring-white/5">
|
<div class="rounded-2xl border border-zinc-700 bg-gradient-to-br from-slate-950 via-slate-950 to-blue-950/20 shadow-sm ring-1 ring-white/5">
|
||||||
<div class="flex items-center justify-between border-b border-white/10 px-5 py-4">
|
<div class="flex items-center justify-between border-b border-white/10 px-5 py-4">
|
||||||
@@ -73,34 +74,36 @@
|
|||||||
</div>
|
</div>
|
||||||
<a href="{{ route('helpdesk.tickets.index') }}" wire:navigate class="hd-btn hd-btn-sm hd-btn-blue">View all tickets</a>
|
<a href="{{ route('helpdesk.tickets.index') }}" wire:navigate class="hd-btn hd-btn-sm hd-btn-blue">View all tickets</a>
|
||||||
</div>
|
</div>
|
||||||
|
{{-- Recent Tickets --}}
|
||||||
<div class="divide-y divide-white/10">
|
<div class="divide-y divide-white/10">
|
||||||
@forelse ($recentTickets as $ticket)
|
@forelse ($recentTickets as $ticket)
|
||||||
<a href="{{ route('helpdesk.tickets.show', $ticket) }}" wire:navigate class="grid gap-3 px-5 py-4 transition hover:bg-blue-500/10 sm:grid-cols-[8rem_minmax(0,1fr)_8rem_9rem_7rem] sm:items-center">
|
<a href="{{ route('helpdesk.tickets.show', $ticket) }}" wire:navigate
|
||||||
<div class="flex items-center gap-3 text-sm font-semibold text-slate-300">
|
class="flex flex-nowrap items-center gap-4 px-5 py-4 transition hover:bg-blue-500/10">
|
||||||
<span class="h-2 w-2 rounded-full bg-blue-400"></span>
|
<div class="flex w-36 shrink-0 items-center gap-3 text-sm font-semibold text-slate-300">
|
||||||
<span>{{ $ticket->reference }}</span>
|
<span class="h-2 w-2 shrink-0 rounded-full bg-blue-400"></span>
|
||||||
|
<span class="whitespace-nowrap">{{ $ticket->reference }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="min-w-0">
|
<div class="min-w-0 flex-1">
|
||||||
<div class="truncate font-black text-white">{{ $ticket->subject }}</div>
|
<div class="truncate font-black text-white">{{ $ticket->subject }}</div>
|
||||||
<div class="mt-1 text-xs text-slate-400">
|
<div class="mt-1 truncate text-xs text-slate-400">
|
||||||
{{ optional($ticket->last_activity_at)->format('d M Y H:i') ?? 'No activity yet' }}
|
{{ optional($ticket->last_activity_at)->format('d M Y H:i') ?? 'No activity yet' }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div class="w-28 shrink-0">
|
||||||
<x-helpdesk::colour-badge :color="$ticket->status?->color ?? 'zinc'">
|
<x-helpdesk::colour-badge :color="$ticket->status?->color ?? 'zinc'">
|
||||||
{{ $ticket->status?->name ?? 'No status' }}
|
{{ $ticket->status?->name ?? 'No status' }}
|
||||||
</x-helpdesk::colour-badge>
|
</x-helpdesk::colour-badge>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div class="w-28 shrink-0">
|
||||||
<x-helpdesk::colour-badge :color="$ticket->priority?->color ?? 'zinc'">
|
<x-helpdesk::colour-badge :color="$ticket->priority?->color ?? 'zinc'">
|
||||||
{{ $ticket->priority?->name ?? 'No priority' }}
|
{{ $ticket->priority?->name ?? 'No priority' }}
|
||||||
</x-helpdesk::colour-badge>
|
</x-helpdesk::colour-badge>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="text-sm font-semibold text-slate-400 sm:text-right">
|
<div class="w-28 shrink-0 whitespace-nowrap text-right text-sm font-semibold text-slate-400">
|
||||||
{{ optional($ticket->last_activity_at)->diffForHumans() ?? 'No activity' }}
|
{{ optional($ticket->last_activity_at)->diffForHumans() ?? 'No activity' }}
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@@ -108,6 +111,7 @@
|
|||||||
<div class="px-5 py-8 text-center text-sm text-slate-400">No helpdesk tickets yet.</div>
|
<div class="px-5 py-8 text-center text-sm text-slate-400">No helpdesk tickets yet.</div>
|
||||||
@endforelse
|
@endforelse
|
||||||
</div>
|
</div>
|
||||||
|
{{-- Recent Tickets End--}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="space-y-5">
|
<div class="space-y-5">
|
||||||
@@ -140,6 +144,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<details
|
<details
|
||||||
class="group rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900"
|
class="group rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900"
|
||||||
dusk="recent-commits-card">
|
dusk="recent-commits-card">
|
||||||
|
|||||||
Reference in New Issue
Block a user