✨ ajout dea parametres de notifications

Author: mckenziearts

app/Http/Controllers/SubscriptionController.php

@@ -17,4 +17,11 @@ public function unsubscribe(Subscribe $subscription)
 
         return redirect()->route('forum.show', $thread->slug());
     }
+
+    public function redirect($id, $type)
+    {
+        $subscribe =  Subscribe::where('subscribeable_id', $id)->where('subscribeable_type', $type)->firstOrFail();
+
+        return redirect(route_to_reply_able($subscribe->subscribeAble));
+    }
 }

app/Http/Livewire/User/Settings/Notifications.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Http\Livewire\User\Settings;
+
+use App\Models\Subscribe;
+use App\Policies\DiscussionPolicy;
+use App\Policies\ThreadPolicy;
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use Illuminate\Support\Facades\Auth;
+use Livewire\Component;
+use WireUi\Traits\Actions;
+
+class Notifications extends Component
+{
+    use Actions, AuthorizesRequests;
+
+    public $subscribeId;
+
+    public function unsubscribe(string $subscribeId)
+    {
+        $this->subscribeId = $subscribeId;
+
+        $this->subscribe->delete();
+
+        $this->notification()->success('Désabonnement', 'Vous êtes maintenant désabonné de cet fil.');
+    }
+
+    public function getSubscribeProperty(): Subscribe
+    {
+        return Subscribe::where('uuid', $this->subscribeId)->firstOrFail();
+    }
+
+    public function render()
+    {
+        return view('livewire.user.settings.notifications', [
+            'subscriptions' => Auth::user()->subscriptions,
+        ]);
+    }
+}

app/Models/User.php

@@ -187,6 +187,11 @@ public function discussions(): HasMany
         return $this->hasMany(Discussion::class);
     }
 
+    public function subscriptions(): HasMany
+    {
+        return $this->hasMany(Subscribe::class);
+    }
+
     public function deleteThreads()
     {
         // We need to explicitly iterate over the threads and delete them

public/css/app.css

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=9abd09e80a5426001802",
-    "/css/app.css": "/css/app.css?id=1b6e5ebdedf4aff61229"
+    "/js/app.js": "/js/app.js",
+    "/css/app.css": "/css/app.css"
 }

public/js/app.js

@@ -29,13 +29,13 @@
                         {{ __('Apparence') }}
                     </x-nav-link>
 
-                    <x-nav-link href="#" :active="request()->routeIs('user.notifications')">
+                    <x-nav-link :href="route('user.notifications')" :active="request()->routeIs('user.notifications')">
                         <x-heroicon-o-speakerphone class="flex-shrink-0 -ml-1 mr-3 h-6 w-6 @if(request()->routeIs('user.notifications')) text-green-600 @else text-skin-muted  @endif " />
                         {{ __('Notifications') }}
                     </x-nav-link>
 
                     <x-nav-link href="#" :active="request()->routeIs('user.subscription')">
-                        <x-heroicon-o-speakerphone class="flex-shrink-0 -ml-1 mr-3 h-6 w-6 @if(request()->routeIs('user.subscription')) text-green-600 @else text-skin-muted  @endif " />
+                        <x-heroicon-o-credit-card class="flex-shrink-0 -ml-1 mr-3 h-6 w-6 @if(request()->routeIs('user.subscription')) text-green-600 @else text-skin-muted  @endif " />
                         {{ __('Abonnement') }}
                     </x-nav-link>
                 </div>

public/mix-manifest.json

@@ -0,0 +1,48 @@
+<div class="pb-20">
+    <div class="flex items-center">
+        <div class="flex-1">
+            <h3 class="text-lg leading-6 font-medium text-skin-inverted">
+                Gérez vos notifications
+            </h3>
+            <p class="mt-1 max-w-4xl text-sm text-skin-base font-normal">
+                Cette page répertorie tous les abonnements à des e-mails pour votre compte.
+                Par exemple, vous avez peut-être demandé à être informé par e-mail de la mise à jour d'un thread ou d'un fil de discussion particulier.
+            </p>
+        </div>
+        <div>
+            <x-loader wire:loading wire:target="theme" class="text-flag-green ml-3 mr-0"/>
+        </div>
+    </div>
+
+    <div class="mt-6 sm:mt-5 sm:border-t sm:border-skin-base sm:pt-5">
+        <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3 lg:gap-x-5 lg:gap-y-6">
+            @forelse($subscriptions as $subscription)
+                <div class="p-4 sm:p-5 flex flex-col justify-between rounded-md bg-skin-card-gray">
+                    <p class="text-base font-sans leading-6 text-skin-inverted">
+                        <a href="{{ route('subscriptions.redirect', [$subscription->subscribeable_id, $subscription->subscribeable_type]) }}" class="text-skin-inverted hover:text-skin-primary-hover font-medium">
+                            {{ $subscription->subscribeAble->title }}
+                        </a>
+                    </p>
+                    <div class="mt-3">
+                        <button wire:click="unsubscribe('{{ $subscription->uuid }}')" type="button" class="inline-flex items-start px-2.5 py-1.5 text-xs leading-4 font-medium font-sans text-red-600 bg-red-100 hover:bg-red-50 rounded-full">
+                            Se désabonner
+                        </button>
+                    </div>
+                </div>
+            @empty
+                <div class="grid sm:col-span-2 lg:col-span-3 max-w-4xl">
+                    <div class="bg-skin-card-gray px-4 py-3 flex rounded-md">
+                        <div class="flex-shrink-0">
+                            <x-heroicon-o-information-circle class="h-5 w-5 text-blue-500"/>
+                        </div>
+                        <div class="ml-3 flex-1 text-skin-base font-normal">
+                            <span class="font-medium text-blue-500">Astuce:</span> Visitez n'importe quel fil de discussion du forum et cliquez sur le bouton <span class="font-medium text-skin-inverted">"S'abonner"</span> dans la barre latérale.
+                            Une fois cliqué, vous recevrez un e-mail chaque fois qu'une réponse sera publiée.
+                            Il en va de même pour n'importe quel type de contenu qui offre cette possibilité.
+                        </div>
+                    </div>
+                </div>
+            @endforelse
+        </div>
+    </div>
+</div>

resources/views/layouts/settings.blade.php

@@ -0,0 +1,5 @@
+<x-settings-layout>
+
+    <livewire:user.settings.notifications />
+
+</x-settings-layout>

resources/views/livewire/user/settings/notifications.blade.php

@@ -68,12 +68,14 @@
 // Subscriptions
 Route::get('subscriptions/{subscription}/unsubscribe', [SubscriptionController::class, 'unsubscribe'])
     ->name('subscriptions.unsubscribe');
+Route::get('subscribeable/{id}/{type}', [SubscriptionController::class, 'redirect'])->name('subscriptions.redirect');
 
 // Settings
 Route::prefix('settings')->as('user.')->middleware('auth')->group(function () {
     Route::get('/', [User\SettingController::class, 'profile'])->name('settings');
     Route::put('/', [User\SettingController::class, 'update'])->name('settings.update');
     Route::view('/customization', 'user.settings.customization')->name('customization')->middleware('verified');
+    Route::view('/notifications', 'user.settings.notifications')->name('notifications')->middleware('verified');
     Route::get('/password', [User\SettingController::class, 'password'])->name('password')->middleware('verified');
     Route::put('/password', [User\SettingController::class, 'updatePassword'])->name('password.update');
 });