Add enable/disable toggle for feeds

This commit is contained in:
myrmidex 2025-07-10 12:11:01 +02:00
parent 3d899034f9
commit ad56d7a51b

View file

@ -10,10 +10,17 @@
<p class="mt-1 text-sm text-gray-600">{{ $feed->type_display }} {{ strtoupper($feed->language) }}</p> <p class="mt-1 text-sm text-gray-600">{{ $feed->type_display }} {{ strtoupper($feed->language) }}</p>
</div> </div>
<div class="flex items-center space-x-3"> <div class="flex items-center space-x-3">
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium <!-- Toggle Switch -->
{{ $feed->is_active ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}"> <form action="{{ route('feeds.toggle', $feed) }}" method="POST" class="inline">
{{ $feed->is_active ? 'Active' : 'Inactive' }} @csrf
</span> <label class="inline-flex items-center cursor-pointer">
<span class="text-sm text-gray-700 mr-3">{{ $feed->is_active ? 'Active' : 'Inactive' }}</span>
<button type="submit" class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors {{ $feed->is_active ? 'bg-green-600' : 'bg-gray-200' }}">
<span class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform {{ $feed->is_active ? 'translate-x-6' : 'translate-x-1' }}"></span>
</button>
</label>
</form>
<a href="{{ route('feeds.edit', $feed) }}" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded"> <a href="{{ route('feeds.edit', $feed) }}" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded">
Edit Feed Edit Feed
</a> </a>
@ -21,6 +28,27 @@
</div> </div>
</div> </div>
@if(session('success'))
<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-6">
{{ session('success') }}
</div>
@endif
@if(!$feed->is_active)
<div class="mb-6 bg-yellow-50 border border-yellow-200 rounded-md p-4">
<div class="flex">
<div class="flex-shrink-0">
<x-heroicon-o-exclamation-triangle class="w-5 h-5 text-yellow-400" />
</div>
<div class="ml-3">
<p class="text-sm text-yellow-800">
This feed is inactive. No articles will be fetched or published from this feed until reactivated.
</p>
</div>
</div>
</div>
@endif
<div class="bg-white shadow overflow-hidden sm:rounded-lg"> <div class="bg-white shadow overflow-hidden sm:rounded-lg">
<div class="px-4 py-5 sm:px-6"> <div class="px-4 py-5 sm:px-6">
<h3 class="text-lg leading-6 font-medium text-gray-900">Feed Details</h3> <h3 class="text-lg leading-6 font-medium text-gray-900">Feed Details</h3>