Add enable/disable toggle for feeds
This commit is contained in:
parent
3d899034f9
commit
ad56d7a51b
1 changed files with 32 additions and 4 deletions
|
|
@ -10,10 +10,17 @@
|
|||
<p class="mt-1 text-sm text-gray-600">{{ $feed->type_display }} • {{ strtoupper($feed->language) }}</p>
|
||||
</div>
|
||||
<div class="flex items-center space-x-3">
|
||||
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium
|
||||
{{ $feed->is_active ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
|
||||
{{ $feed->is_active ? 'Active' : 'Inactive' }}
|
||||
</span>
|
||||
<!-- Toggle Switch -->
|
||||
<form action="{{ route('feeds.toggle', $feed) }}" method="POST" class="inline">
|
||||
@csrf
|
||||
<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">
|
||||
Edit Feed
|
||||
</a>
|
||||
|
|
@ -21,6 +28,27 @@
|
|||
</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="px-4 py-5 sm:px-6">
|
||||
<h3 class="text-lg leading-6 font-medium text-gray-900">Feed Details</h3>
|
||||
|
|
|
|||
Loading…
Reference in a new issue