Joseph.Rawlings
f394483daa
- Change listStates method to accept nullable integer for limit parameter. - Modify TechnitiumDns class to return structured error messages on failure. - Enhance VNC and xterm popup routes with user authorization checks. - Update backups view to improve loading states and add unique keys for dynamic elements. - Refactor cloud-init view to ensure proper data binding and improve user experience. - Add wire:key attributes to various elements in views for better Livewire performance. - Improve error handling and user feedback in the firewall view. - Update server overview and statistics views to handle potential null values gracefully. - Add new migration files to extend database schema with user-set icons and notes for Proxmox nodes.
79 lines
4.7 KiB
PHP
79 lines
4.7 KiB
PHP
<div class="container mx-auto px-4 py-8 sm:px-6 lg:px-8">
|
|
<div class="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-8">
|
|
<x-navigation.link :href="route('tickets.create')" class="inline-flex items-center justify-center px-5 py-2 border border-transparent text-base font-medium rounded-full shadow-sm text-white bg-primary hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-colors duration-200">
|
|
<x-ri-add-line class="size-5 mr-2" />
|
|
<span>{{ __('ticket.create_ticket') }}</span>
|
|
</x-navigation.link>
|
|
</div>
|
|
|
|
<h1 class="text-3xl lg:text-4xl font-extrabold text-color-base mt-4 mb-8">
|
|
{{ __('ticket.tickets') }}
|
|
</h1>
|
|
|
|
<div class="grid grid-cols-1 gap-6 md:gap-8">
|
|
@forelse ($tickets as $ticket)
|
|
<a href="{{ route('tickets.show', $ticket) }}" wire:navigate class="block group">
|
|
<div class="bg-gradient-to-br from-background-secondary/50 to-background-secondary/30 hover:bg-secondary/25 border border-neutral/50 p-6 rounded-xl shadow-lg
|
|
transition-all duration-300 hover:scale-[1.01] hover:shadow-xl hover:border-primary/50
|
|
flex flex-col md:flex-row items-start md:items-center justify-between gap-4">
|
|
|
|
<div class="flex items-start md:items-center gap-4 flex-grow">
|
|
<div class="bg-secondary/10 p-3 rounded-full flex-shrink-0 shadow-sm">
|
|
<x-ri-ticket-line class="size-6 text-secondary" />
|
|
</div>
|
|
|
|
<div class="flex flex-col">
|
|
<span class="text-xl font-bold text-color-base leading-tight group-hover:text-primary transition-colors duration-200">
|
|
{{ $ticket->subject }}
|
|
</span>
|
|
<p class="text-color-muted text-sm mt-1">
|
|
{{ __('ticket.last_activity') }}:
|
|
{{ $ticket->messages()->orderBy('created_at', 'desc')->first()?->created_at?->diffForHumans() ?? __('ticket.no_messages') }}
|
|
@if($ticket->department)
|
|
<span class="hidden md:inline"> - {{ $ticket->department }}</span>
|
|
@endif
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-3 flex-shrink-0 mt-3 md:mt-0">
|
|
<div class="text-sm font-semibold px-3 py-1 rounded-full flex items-center gap-1.5
|
|
@if ($ticket->status == 'open') text-success bg-success/20
|
|
@elseif($ticket->status == 'closed') text-inactive bg-inactive/20
|
|
@elseif($ticket->status == 'replied') text-info bg-info/20
|
|
@else text-warning bg-warning/20
|
|
@endif">
|
|
@if ($ticket->status == 'open')
|
|
<x-ri-add-circle-fill class="size-4" />
|
|
Open
|
|
@elseif($ticket->status == 'closed')
|
|
<x-ri-forbid-fill class="size-4" />
|
|
Closed
|
|
@elseif($ticket->status == 'replied')
|
|
<x-ri-chat-smile-2-fill class="size-4" />
|
|
Replied
|
|
@else
|
|
<x-ri-error-warning-fill class="size-4" />
|
|
{{ ucfirst($ticket->status) }}
|
|
@endif
|
|
</div>
|
|
<x-ri-arrow-right-s-line class="size-6 text-color-muted card-arrow-animate" />
|
|
</div>
|
|
</div>
|
|
</a>
|
|
@empty
|
|
<div class="bg-gradient-to-br from-background-secondary/50 to-background-secondary/30 rounded-xl shadow-lg p-8 lg:p-12 border border-neutral/50 text-center group">
|
|
<div class="bg-secondary/10 rounded-full p-6 w-fit mx-auto mb-6 empty-state-float">
|
|
<x-ri-customer-service-2-line class="size-12 text-secondary" />
|
|
</div>
|
|
<h3 class="text-2xl font-bold text-color-base mb-3">No tickets yet</h3>
|
|
<p class="text-color-muted mb-6 max-w-md mx-auto">Need help? Create a support ticket and our team will assist you as soon as possible.</p>
|
|
<a href="{{ route('tickets.create') }}" wire:navigate class="inline-flex items-center gap-2 bg-primary text-white px-6 py-3 rounded-lg font-semibold hover:bg-primary/80 transition-colors duration-200">
|
|
<x-ri-add-line class="size-5" />
|
|
Create Ticket
|
|
</a>
|
|
</div>
|
|
@endforelse
|
|
|
|
</div>
|
|
</div> |