✨ ajout de la suppression d'un article

Author: mckenziearts

app/Http/Livewire/Modals/DeleteArticle.php

@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Http\Livewire\Modals;
+
+use App\Models\Article;
+use App\Policies\ArticlePolicy;
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use LivewireUI\Modal\ModalComponent;
+
+class DeleteArticle extends ModalComponent
+{
+    use AuthorizesRequests;
+
+    public ?Article $article = null;
+
+    public function mount(int $id)
+    {
+        $this->article = Article::find($id);
+    }
+
+    public static function modalMaxWidth(): string
+    {
+        return 'xl';
+    }
+
+    public function delete()
+    {
+        $this->authorize(ArticlePolicy::DELETE, $this->article);
+
+        $this->article->delete();
+
+        session()->flash('status', 'La discussion a été supprimé avec tous ses commentaires.');
+
+        $this->redirectRoute('articles');
+    }
+
+    public function render()
+    {
+        return view('livewire.modals.delete-article');
+    }
+}

resources/views/articles/show.blade.php

@@ -134,10 +134,10 @@ class="mt-8 prose prose-lg prose-green text-skin-base mx-auto md:prose-xl lg:max
                                 <span class="sr-only">Éditer</span>
                                 <x-heroicon-s-pencil class="h-5 w-5" />
                             </a>
-                            <a href="#" class="relative inline-flex items-center px-4 py-2 rounded-r-md border border-skin-base bg-skin-card text-sm font-medium text-gray-400 hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:ring-offset-body">
+                            <button onclick="Livewire.emit('openModal', 'modals.delete-article', {{ json_encode([$article->id]) }})" type="button" class="relative inline-flex items-center px-4 py-2 rounded-r-md border border-skin-base bg-skin-card text-sm font-medium text-gray-400 hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:ring-offset-body">
                                 <span class="sr-only">Supprimer</span>
                                 <x-heroicon-s-trash class="h-5 w-5" />
-                            </a>
+                            </button>
                         </span>
                     </div>
                 </div>

resources/views/livewire/modals/delete-article.blade.php

@@ -0,0 +1,30 @@
+<x-modal footerClasses="px-4 pb-5 sm:px-4 sm:flex sm:flex-row-reverse">
+    <x-slot name="content">
+        <div class="sm:flex sm:items-start">
+            <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
+                <x-heroicon-o-exclamation class="h-6 w-6 text-red-600" />
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+                <h3 class="text-lg leading-6 font-medium text-skin-inverted font-sans" id="modal-headline">
+                    {{ __('Supprimer cet article') }}
+                </h3>
+                <div class="mt-2">
+                    <p class="text-sm leading-5 text-skin-base font-normal">
+                        {{ __('Voulez-vous vraiment cet article? Cette action est irréversible.') }}
+                    </p>
+                </div>
+            </div>
+        </div>
+    </x-slot>
+
+    <x-slot name="buttons">
+        <span class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
+            <x-wi-button wire:click="delete" spinner type="button" negative :label="__('Confirmer')" />
+        </span>
+        <span class="mt-3 flex w-full rounded-md shadow-sm sm:mt-0 sm:w-auto">
+            <x-default-button wire:click="$emit('closeModal')" type="button">
+                {{ __('Annuler') }}
+            </x-default-button>
+        </span>
+    </x-slot>
+</x-modal>