fixe duploads

This commit is contained in:
Mark Gregory
2026-06-16 17:45:26 +01:00
parent 74baba8c89
commit c008fc67dc
2 changed files with 94 additions and 10 deletions
@@ -55,7 +55,7 @@
<select
id="company_id"
data-helpdesk-select2
data-placeholder="Select option"
data-placeholder="Select option"
data-wire-model="company_id"
class="block w-full rounded-xl border-zinc-700 bg-zinc-950 text-zinc-100 shadow-sm focus:border-blue-500 focus:ring-blue-500"
>
@@ -269,17 +269,52 @@
</div>
<div class="lg:col-span-3 xl:col-span-6">
<label class="block text-sm font-semibold text-zinc-200" for="attachments">Attachments</label>
<div class="rounded-2xl border border-zinc-700 bg-zinc-950/70 p-4">
<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div>
<label class="block text-sm font-semibold text-zinc-200" for="attachments">
Attachments
</label>
<input id="attachments" type="file" wire:model="attachments" multiple class="mt-2 block w-full rounded-xl border border-zinc-700 bg-zinc-950 px-3 py-2 text-sm text-zinc-100 shadow-sm">
<p class="mt-1 text-sm text-zinc-500">
Add screenshots, documents, logs or supporting files to help resolve the ticket.
</p>
</div>
@error('attachments')
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
@enderror
<label
for="attachments"
class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-xl bg-blue-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-950"
>
<i class="fa-solid fa-paperclip" aria-hidden="true"></i>
<span>Add attachments</span>
</label>
</div>
@error('attachments.*')
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
@enderror
<input
id="attachments"
type="file"
wire:model="attachments"
multiple
class="sr-only"
>
<div
wire:loading.flex
wire:target="attachments"
class="mt-4 items-center gap-2 rounded-xl border border-blue-500/30 bg-blue-500/10 px-4 py-3 text-sm font-medium text-blue-200"
>
<i class="fa-solid fa-circle-notch fa-spin" aria-hidden="true"></i>
Uploading attachments...
</div>
@error('attachments')
<p class="mt-3 text-sm text-red-500">{{ $message }}</p>
@enderror
@error('attachments.*')
<p class="mt-3 text-sm text-red-500">{{ $message }}</p>
@enderror
</div>
</div>
</div>
@@ -74,7 +74,7 @@
<select
id="company_id"
data-helpdesk-select2
data-placeholder="Select option"
data-placeholder="Select option"
data-wire-model="company_id"
class="block w-full rounded-xl border-zinc-700 bg-zinc-950 text-zinc-100 shadow-sm focus:border-blue-500 focus:ring-blue-500"
>
@@ -334,6 +334,55 @@
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
@enderror
</div>
<div class="lg:col-span-3 xl:col-span-6">
<div class="rounded-2xl border border-zinc-700 bg-zinc-950/70 p-4">
<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div>
<label class="block text-sm font-semibold text-zinc-200" for="attachments">
Attachments
</label>
<p class="mt-1 text-sm text-zinc-500">
Add screenshots, documents, logs or supporting files to help resolve the ticket.
</p>
</div>
<label
for="attachments"
class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-xl bg-blue-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-950"
>
<i class="fa-solid fa-paperclip" aria-hidden="true"></i>
<span>Add attachments</span>
</label>
</div>
<input
id="attachments"
type="file"
wire:model="attachments"
multiple
class="sr-only"
>
<div
wire:loading.flex
wire:target="attachments"
class="mt-4 items-center gap-2 rounded-xl border border-blue-500/30 bg-blue-500/10 px-4 py-3 text-sm font-medium text-blue-200"
>
<i class="fa-solid fa-circle-notch fa-spin" aria-hidden="true"></i>
Uploading attachments...
</div>
@error('attachments')
<p class="mt-3 text-sm text-red-500">{{ $message }}</p>
@enderror
@error('attachments.*')
<p class="mt-3 text-sm text-red-500">{{ $message }}</p>
@enderror
</div>
</div>
</div>
<div class="flex items-center justify-end gap-3 border-t border-zinc-700 bg-zinc-900 px-6 py-4">