new chatgpt module for api intergration

2026-06-24 09:56:13 +01:00
parent c5335dc635
commit a42b5787b9
28 changed files with 1028 additions and 107 deletions
@@ -1,3 +1,10 @@
+@php
+    $helpdeskAttachmentAccept = collect(config('helpdesk.allowed_extensions', config('helpdesk.allowed_mimes', [])))
+        ->filter(fn ($extension) => is_string($extension) && trim($extension) !== '')
+        ->map(fn ($extension) => '.' . strtolower(ltrim(trim($extension), '.')))
+        ->unique()
+        ->implode(',');
+@endphp
 <div class="hd-helpdesk-surface space-y-6" dusk="helpdesk-ticket-create">
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @include('helpdesk::partials.page-header', [
@@ -7,7 +14,24 @@
            'Raise a new support request with priority, product/service, project, category, team and full details.',
    ])

-    <form wire:submit.prevent="save" x-on:submit.capture="$dispatch('helpdesk-editor-sync', { model: 'body' })" enctype="multipart/form-data" class="helpdesk-ticket-form space-y-6">
+    <form
+        wire:submit.prevent="save"
+        x-data="{ helpdeskAttachmentsUploading: false }"
+        x-on:livewire-upload-start="helpdeskAttachmentsUploading = true"
+        x-on:livewire-upload-finish="helpdeskAttachmentsUploading = false"
+        x-on:livewire-upload-error="helpdeskAttachmentsUploading = false"
+        x-on:livewire-upload-cancel="helpdeskAttachmentsUploading = false"
+        x-on:submit.capture="
+            if (helpdeskAttachmentsUploading) {
+                $event.preventDefault();
+                return;
+            }
+
+            $dispatch('helpdesk-editor-sync', { model: 'body' });
+        "
+        enctype="multipart/form-data"
+        class="helpdesk-ticket-form space-y-6"
+    >
        <div class="overflow-hidden rounded-2xl border border-zinc-700 bg-zinc-900 shadow-sm">
            <div class="border-b border-zinc-700 bg-zinc-800/80 px-6 py-4">
                <h2 class="text-lg font-semibold text-zinc-100">Ticket details</h2>
@@ -254,7 +278,7 @@
                            </label>
                        </div>

-                        <input id="attachments" type="file" wire:model="attachments" multiple class="sr-only">
+                        <input id="attachments" type="file" wire:model="attachments" multiple accept="{{ $helpdeskAttachmentAccept }}" 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">
@@ -289,9 +313,10 @@

                <button type="submit"
                    class="inline-flex items-center gap-2 rounded-xl bg-green-600 px-5 py-2 text-sm font-semibold text-white shadow-sm hover:bg-green-700 disabled:cursor-not-allowed disabled:opacity-50"
-                    data-dusk="ticket-create-submit" dusk="ticket-create-submit" wire:loading.attr="disabled" wire:target="save" wire:dirty.class="ring-2 ring-amber-400/40">
+                    data-dusk="ticket-create-submit" dusk="ticket-create-submit" wire:loading.attr="disabled" wire:target="save,attachments" x-bind:disabled="helpdeskAttachmentsUploading" wire:dirty.class="ring-2 ring-amber-400/40">
                    <i class="fa-regular fa-floppy-disk" aria-hidden="true"></i>
-                    <span wire:loading.remove wire:target="save">Create Ticket</span>
+                    <span wire:loading.remove wire:target="save,attachments">Create Ticket</span>
+                    <span wire:loading wire:target="attachments">Uploading...</span>
                    <span wire:loading wire:target="save">Creating...</span>
                </button>
            </div>
@@ -1,3 +1,10 @@
+@php
+    $helpdeskAttachmentAccept = collect(config('helpdesk.allowed_extensions', config('helpdesk.allowed_mimes', [])))
+        ->filter(fn ($extension) => is_string($extension) && trim($extension) !== '')
+        ->map(fn ($extension) => '.' . strtolower(ltrim(trim($extension), '.')))
+        ->unique()
+        ->implode(',');
+@endphp
 <div class="space-y-6">
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @include('helpdesk::partials.page-header', [
@@ -323,7 +330,7 @@

                        <div class="p-4">

-                            <input id="attachments" type="file" wire:model="attachments" multiple
+                            <input id="attachments" type="file" wire:model="attachments" multiple accept="{{ $helpdeskAttachmentAccept }}"
                                class="sr-only">

                            <div wire:loading.flex wire:target="attachments"
@@ -1,3 +1,10 @@
+@php
+    $helpdeskAttachmentAccept = collect(config('helpdesk.allowed_extensions', config('helpdesk.allowed_mimes', [])))
+        ->filter(fn ($extension) => is_string($extension) && trim($extension) !== '')
+        ->map(fn ($extension) => '.' . strtolower(ltrim(trim($extension), '.')))
+        ->unique()
+        ->implode(',');
+@endphp
@php
    use Illuminate\Support\Str;
    use Modules\Helpdesk\Models\TicketTimeLog;
@@ -141,7 +148,7 @@
                                           class="hd-attachment-action !rounded-lg !px-3 !py-2 !text-xs">
                                        <i class="fa-solid fa-paperclip" aria-hidden="true"></i>
                                        <span>Choose files</span>
-                                        <input name="attachments[]" type="file" multiple class="sr-only"
+                                        <input name="attachments[]" type="file" multiple accept="{{ $helpdeskAttachmentAccept }}" class="sr-only"
                                               data-helpdesk-file-input>
                                    </label>

@@ -456,7 +463,7 @@
                                       class="inline-flex cursor-pointer items-center justify-center rounded-lg bg-blue-600 px-3 py-2 text-xs font-bold text-white shadow-sm transition hover:bg-blue-700 focus-within:outline-none focus-within:ring-2 focus-within:ring-blue-400/70">
                                    <i class="fa-solid fa-paperclip mr-2 text-xs" aria-hidden="true"></i>
                                    <span>Choose files</span>
-                                    <input name="comment_attachments[]" type="file" multiple class="sr-only"
+                                    <input name="comment_attachments[]" type="file" multiple accept="{{ $helpdeskAttachmentAccept }}" class="sr-only"
                                           data-helpdesk-file-input>
                                </label>
                            </div>
@@ -1,3 +1,10 @@
+@php
+    $helpdeskAttachmentAccept = collect(config('helpdesk.allowed_extensions', config('helpdesk.allowed_mimes', [])))
+        ->filter(fn ($extension) => is_string($extension) && trim($extension) !== '')
+        ->map(fn ($extension) => '.' . strtolower(ltrim(trim($extension), '.')))
+        ->unique()
+        ->implode(',');
+@endphp
@props(['comments', 'level' => 0, 'ticket' => null, 'canSeeInternalNotes' => false])

 <div class="space-y-3" data-helpdesk-thread-level="{{ (int) $level }}">
@@ -285,7 +292,7 @@
                                        <label data-helpdesk-file-button>
                                            <i class="fa-solid fa-paperclip" aria-hidden="true"></i>
                                            <span>Attach files</span>
-                                            <input name="attachments[]" type="file" multiple class="sr-only"
+                                            <input name="attachments[]" type="file" multiple accept="{{ $helpdeskAttachmentAccept }}" class="sr-only"
                                                data-helpdesk-file-input>
                                        </label>
                                    </div>