Tickets attachments

Author: heloufir

app/Http/Livewire/Ticket/Attachments.php

@@ -0,0 +1,61 @@
+<?php
+
+namespace App\Http\Livewire\Ticket;
+
+use App\Models\Ticket;
+use Filament\Facades\Filament;
+use Filament\Forms\Components\FileUpload;
+use Filament\Forms\Concerns\InteractsWithForms;
+use Filament\Forms\Contracts\HasForms;
+use Illuminate\Database\Eloquent\Model;
+use Livewire\Component;
+
+class Attachments extends Component implements HasForms
+{
+    use InteractsWithForms;
+
+    public Ticket $ticket;
+
+    public function mount(): void
+    {
+        $this->form->fill([
+            'attachments' => $this->ticket->attachments
+        ]);
+    }
+
+    public function render()
+    {
+        return view('livewire.ticket.attachments');
+    }
+
+    protected function getFormModel(): Model|string|null
+    {
+        return $this->ticket;
+    }
+
+    protected function getFormSchema(): array
+    {
+        return [
+            FileUpload::make('attachments')
+                ->label(__('Attachments'))
+                ->hint(__('Important: If a file has the same name, it will be replaced'))
+                ->helperText(__('Here you can attach all files needed for this ticket'))
+                ->multiple()
+                ->disablePreview()
+                ->enableReordering()
+                ->enableOpen()
+                ->preserveFilenames()
+                ->enableDownload()
+                ->directory(fn() => 'tickets/' . $this->ticket->code)
+        ];
+    }
+
+    public function perform(): void
+    {
+        $data = $this->form->getState();
+        $this->ticket->attachments = $data['attachments'];
+        $this->ticket->save();
+        $this->ticket->refresh();
+        Filament::notify('success', __('Ticket attachments saved'));
+    }
+}

app/Models/Ticket.php

@@ -20,7 +20,11 @@ class Ticket extends Model
     protected $fillable = [
         'name', 'content', 'owner_id', 'responsible_id',
         'status_id', 'project_id', 'code', 'order', 'type_id',
-        'priority_id', 'estimation', 'epic_id'
+        'priority_id', 'estimation', 'epic_id', 'attachments',
+    ];
+
+    protected $casts = [
+        'attachments' => 'array',
     ];
 
     public static function boot()

database/migrations/2023_01_05_182946_add_attachments_to_tickets.php

@@ -0,0 +1,31 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('tickets', function (Blueprint $table) {
+            $table->longText('attachments')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('tickets', function (Blueprint $table) {
+            $table->dropColumn('attachments');
+        });
+    }
+};

lang/fr.json

@@ -189,5 +189,9 @@
     "Ticket successfully saved": "Ticket enregistré avec succès",
     "Parent epic": "Epic parent",
     "Road Map chart is only available on large screen": "Le graphique de la feuille de route n'est disponible que sur grand écran",
-    "Comment": "Commentaire"
+    "Comment": "Commentaire",
+    "Attachments": "Pièces jointes",
+    "Here you can attach all files needed for this ticket": "Ici vous pouvez joindre tous les fichiers nécessaires pour ce ticket",
+    "Submit": "Soumettre",
+    "Ticket attachments saved": "Pièces jointes au ticket enregistrées"
 }

resources/views/filament/resources/tickets/view.blade.php

@@ -219,6 +219,11 @@ class="md:text-xl text-sm p-3 border-b-2 border-transparent hover:border-primary
                         @if($tab === 'time') border-primary-500 text-primary-500 @else text-gray-700 @endif">
                     {{ __('Time logged') }}
                 </button>
+                <button wire:click="selectTab('attachments')"
+                        class="md:text-xl text-sm p-3 border-b-2 border-transparent hover:border-primary-500
+                        @if($tab === 'attachments') border-primary-500 text-primary-500 @else text-gray-700 @endif">
+                    {{ __('Attachments') }}
+                </button>
             </div>
             @if($tab === 'comments')
                 <form wire:submit.prevent="submitComment" class="pb-5">
@@ -333,6 +338,9 @@ class="text-danger-500 text-xs hover:text-danger-600 hover:underline">
                     @endif
                 </div>
             @endif
+            @if($tab === 'attachments')
+                <livewire:ticket.attachments :ticket="$record" />
+            @endif
         </x-filament::card>
 
         <div class="md:w-1/3 w-full flex flex-col"></div>

resources/views/livewire/ticket/attachments.blade.php

@@ -0,0 +1,8 @@
+<form wire:submit.prevent="perform" class="w-full">
+    {{ $this->form }}
+
+    <button type="submit" wire:loading.prop="disabled"
+            class="px-3 py-2 bg-primary-500 disabled:bg-gray-300 hover:bg-primary-600 text-white rounded mt-3">
+        {{ __('Submit') }}
+    </button>
+</form>

tailwind.config.js

@@ -5,6 +5,7 @@ module.exports = {
     content: [
         './resources/**/*.blade.php',
         './app/Filament/**/*.php',
+        './app/Http/Livewire/**/*.php',
         './vendor/filament/**/*.blade.php',
         './node_modules/flowbite/**/*.js'
     ],